首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Wordpress <?php the_post_thumbnail('full'); ?>没有img-tag

WordPress是一种开源的内容管理系统(CMS),它允许用户轻松创建和管理网站、博客和在线商店。WordPress提供了一个用户友好的界面和丰富的功能,使得网站的建设和管理变得简单快捷。

在WordPress中,可以使用<?php the_post_thumbnail('full'); ?>来显示文章的特色图片,但是这段代码并没有包含<img>标签。实际上,the_post_thumbnail()函数返回的是特色图片的URL,而不是完整的<img>标签。

为了在WordPress中显示特色图片的完整<img>标签,可以将the_post_thumbnail()函数与<img>标签结合使用,如下所示:

代码语言:php
复制
<?php
if (has_post_thumbnail()) {
    $thumbnail_url = get_the_post_thumbnail_url(get_the_ID(), 'full');
    echo '<img src="' . $thumbnail_url . '" alt="Post Thumbnail">';
}
?>

上述代码首先检查文章是否有特色图片,如果有,则获取特色图片的URL,并使用<img>标签将其显示出来。如果没有特色图片,则不显示任何内容。

推荐的腾讯云相关产品和产品介绍链接地址:

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Multiple Post Thumbnails:给你的 WordPress 博客添加多个日志缩略图

在使用 WordPress 个客户开发项目的时候,经常会碰到需要设置多个日志缩略图的需求,当然我们可以通过自定义字段实现,但是这样使用起来不是非常方便,没有默认的设置特色图片那么好用,这时候,我一般使用...Multiple Post Thumbnails 这个 WordPress 插件来解决。...,并且它定义的后台空间支持最新的 WordPress 3.5 图片上传方式,使用起来和默认的特色图片基本一致。...如果你想给当前日志添加第二章缩略图,在当前主题的 functions.php 中添加如下代码: if (class_exists('MultiPostThumbnails')) { new...php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(

30810

WordPress自动设置文章缩略图

经常会在网站首页调用文章的时候,需要有图片一起展示,wordpress本身有缩略图功能,可以通过has_post_thumbnail来判断是否有缩略图, the_post_thumbnail来调用。...但是wordpress的缩略图需要手动设置,并不能自动获取文章内的图片来作为缩略图,通过以下方法完成缩略图自动设置。...自动设置缩略图的逻辑: 如果设置缩略图,则调用缩略图; 如果没有设置缩略图,则调用文章内第一张图片为缩略图; 如果文章内也没有图片,那么则使用默认图片为缩略图。...if($n > 0){ // 如果文章内包含有图片,就用第一张图片做为缩略图 return $strResult[1][0] ; }else { // 如果文章内没有图片...'/imgages/thumb.jpg'; //具体路径根据自己调整 } } } 将以上文件添加到functions.php文件内,在需要使用缩略图的地方,使用函数 dm_the_thumbnail

1K30

WordPress主题的基本模板及常用函数

comments.php:留言回复模板 searchform.php:搜索表单模板 search.php:搜索界面模板 404.php:错误页面模板 author.php:作者文章目录页面 functions.php...友情链接函数 the_title():内容页标题 the_permalink():内容页url the_category():特定内容页所属category the_author():作者(只显示作者名字,没有链接...():当前文章标题 the_post_thumbnail():显示文章缩略图(首先要在functions.php文件加入 缩略图代码add_theme_support('post_thumbnails'...wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large'); echo $large_image_url[0]; 文章没有缩略图时显示占位图片...www.zihanzy.com/uploads/images/article_img/202007/25/article_img_1595654106_DhHuMFcqhU.jpg'>"; }else{ the_post_thumbnail

85110

网站首页摘要加入特色图片

每次发表日志时发现有“设为特色图片”功能,但设定后前台并没有显示,显然是和主题有关,可能主题文件中没有载入。于是便想着加入这个功能,经过各种方法查找,终于完成。...第一步,在你的改款主题的functions.php加入如下代码: Code Source add_theme_support( 'post-thumbnails' ); 第二步,修改inc\post-format...\content.php文件: 在 Code Source 下面加入下列代码: Code Source 第三步,保存并设计特色图片了。 设计特色图片的大小要与主题样式宽度一致,并在后台管理设置多媒体中设置好大小!...本文最后更新于2020年5月29日,已超过 2 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

17120

Oneinstack安装与配置PHP 8.1和MySQL 8.0-Oneinstack建站新手教程

Redhat # apt-get -y install wget screen #for Debian/Ubuntu wget http://mirrors.linuxeye.com/oneinstack-full.tar.gz...#包含源码,国内外均可下载 tar xzf oneinstack-full.tar.gz cd oneinstack #如果需要修改目录(安装、数据存储、Nginx日志),请修改options.conf...Oneinstack的Opcache面板可以看到你的PHP缓存效率,如果你修改PHP代码看不到生效,你可以在这个页面点击清除缓存。(当然不清除也没有关系,修改PHP代码大约等待1分钟后即会生效。)...2.4 安装Wordpress 现在将你的Wordpress安装包解压后上传到你刚刚创建的网站根目录下,例如我的是:/data/wwwroot/txql.wzfou.me。...打开域名就可以看到Wordpress安装完成了。 三、Oneinstack建站问题 3.1 单独安装PHP扩展 如果第一次安装PHP没有安装扩展,可通过.

3.3K10

腾讯云CentOS搭建WordPress(领取腾讯云优惠券)

-y install wget screen curl python #for CentOS/Redhat wget http://mirrors.linuxeye.com/oneinstack-full.tar.gz...#包含源码,国内外均可下载 tar xzf oneinstack-full.tar.gz cd oneinstack #如果需要修改目录(安装、数据存储、Nginx日志),请修改options.conf.../www.erosripe.com 如果你没有进行域名绑定直接进入 cd /data/wwwroot/default 下载WordPress wget https://cn.wordpress.org/.../wp-admin/ 会提示无法创建 wp-config.php 文件,这时 全选 – 复制 在终端进入wordpress目录,这里以默认目录为例 cd /data/wwwroot/你的域名 然后用...vi创建 wp-config.php vi wp-config.php 在 vi 中,按字母 i 进入编辑模式,复制进之前粘贴板中的内容 在最后还需要加三行代码 define("FS_METHOD",

12K50
领券