post_thumbnail_html,WordPress自带thumbnail缩略图功能使用介绍

WordPress特色缩略图添加、调用及改进方法
本文介绍了WordPress特色缩略图的相关操作。首先说明在function.php中插入代码添加特色缩略图功能,接着阐述调用方法。还给出后续改进措施,如无缩略图时调用其他图片、控制缩略图大小、设置多种大小缩略图及调用特定大小缩略图的方法。

1.添加功能

在function.php中插入代码

add_theme_support('post-thumbnails');

插入之后会在后台编辑文章的页面的右下角出现特色图片,(有的版本可能是或者是文章缩略图)

0527296b8530c258aa19e31d3fbcca31.gif

点击设定特色图像后出来的就是和插入图片相同的界面,但是仔细看会发现在本地上传图片后,或者从媒体里打开文件下面会多了作为特色图像的选项

47a7b2dfdd68c613e1b38604f65c3161.gif

点击后等它显示完成便可以把小窗口关掉了~

2.如何调用

在要显示的 地方加入代码

既可以调用,例如插入入在首页的大循环中。

3.后续改进

(1)如果没有缩略图时调用其他图片

复制代码代码如下:

if ( has_post_thumbnail() ) { ?>

%E2%80%9D<?php/images/xx.jpg” />

把下面的那个改成你自己图片的地址就可以了~

(2)控制缩略图大小

在function.php中刚刚插入的add_theme_support( ‘post-thumbnails’ ); 后面添加

复制代码代码如下:

set_post_thumbnail_size( 50, 50, true );

尺寸的设置顺序是: 宽度、高度(以像素为单位)

(3)一张图片,要有多种大小的缩略图

在function.php中刚刚插入的add_theme_support( ‘post-thumbnails’ ); 后面添加

复制代码代码如下:

set_post_thumbnail_size( 155, 110, true ); // 305 pixels wide by 380 pixels tall, set last parameter to true for hard crop mode

add_image_size( ‘one’, 155, 110, true ); // Set thumbnail size

add_image_size( ‘two’, 350, 248, true ); // Set thumbnail size

add_image_size( ‘big’, 546, 387, true ); // Set thumbnail size

其中第一个为默认的缩略图大小,后面三个是特殊的大小,可以根据实际情况使用。引号中的one,big,two也可以换成自己想要的名称。

调用,以调用350px*248px的为例,

复制代码代码如下:

$thumbID = get_the_post_thumbnail( $post->ID, ‘two’, $imgsrcparam ); ?>

<?php echo “$thumbID”; ?>配合之前的那个,最后的代码就是:

if ( has_post_thumbnail() ) { ?>

$thumbID = get_the_post_thumbnail( $post->ID, ‘two’, $imgsrcparam ); ?>

%E2%80%9D<?php”/>

差不多就这么多了~希望多正在研究、或者正在写wordpress主题 的人有点帮助吧~

<think>好的,用户想在WordPress中获取文章特色图片的URL,他们提到了使用wp_get_attachment_url和get_post_thumbnail_id这两个函数。我需要先确认这两个函数的具体用法以及如何结合使用。 首先,根据引用内容,get_post_thumbnail_id()是用来获取文章特色图片的附件ID的。这个函数需要传入文章ID作为参数,如果当前在循环中,可以不用参数直接获取当前文章的缩略图ID。接着,wp_get_attachment_url()需要附件ID来返回对应的URL。所以步骤应该是先获取特色图片的ID,然后用这个ID获取URL。 然后,用户提供的引用[5]提到,wp_get_attachment_image_src()返回的是一个数组,包含URL、宽度、高度等信息。而wp_get_attachment_url()直接返回URL,可能更直接。但需要确认是否正确。 还要注意是否需要检查是否存在特色图片,避免在没有特色图时出现错误。比如,先用has_post_thumbnail()检查,再进行获取。 另外,用户可能想了解不同的方法之间的区别,比如直接使用the_post_thumbnail_url()是否更简便。根据引用[3],the_post_thumbnail_url()可以直接输出URL,而使用get_post_thumbnail_id()和wp_get_attachment_url()的组合也是一种方法。需要比较这两种方法的优缺点,比如是否需要echo或者是否更灵活。 最后,确保代码示例正确,包括使用正确的函数和参数,并处理可能的情况,比如没有特色图时返回空。同时,引用相关的参考资料,确保回答准确。</think>在WordPress中,可以通过以下步骤使用`wp_get_attachment_url()`和`get_post_thumbnail_id()`获取文章特色图片链接: ### 实现步骤 1. **获取特色图片的附件ID** 使用`get_post_thumbnail_id($post_id)`函数,其中`$post_id`为目标文章的ID。若在文章循环中,可直接省略参数获取当前文章特色图ID[^3]。 2. **通过附件ID获取URL** 将上一步得到的ID传递给`wp_get_attachment_url($attachment_id)`,即可返回完整的特色图片URL[^5]。 ### 代码示例 ```php <?php if (has_post_thumbnail()) { // 先检查是否存在特色图片 $thumbnail_id = get_post_thumbnail_id(get_the_ID()); // 获取当前文章特色图ID $image_url = wp_get_attachment_url($thumbnail_id); // 通过ID获取完整URL echo $image_url; // 输出示例:https://example.com/wp-content/uploads/2024/05/image.jpg } ?> ``` ### 替代方案对比 - **方法1**:直接使用`the_post_thumbnail_url()` ```php <?php echo the_post_thumbnail_url('full'); ?> // 'full'表示原图尺寸[^3] ``` 优势:代码更简洁,无需两步操作。 - **方法2**:使用`wp_get_attachment_image_src()` ```php <?php $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large'); echo $image_data[0]; // 返回数组中的URL部分 ?> ``` 优势:可同时获取宽度、高度等元数据。 ### 注意事项 - 所有操作建议在循环内执行(如`while (have_posts())`)以保证`get_the_ID()`正确获取文章ID[^2] - 若未设置特色图片,`get_post_thumbnail_id()`会返回空值,建议先用`has_post_thumbnail()`验证
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值