get_the_post_thumbnail_url – 实现指南

在支持“后缩略图”的主题中，会注册单独的“后缩略图”图像尺寸。请注意，此尺寸不同于“缩略图”图像尺寸（通过“设置”>“媒体”进行管理）。

现在，每当主题使用 the_post_thumbnail() 或任何其他相关函数时，默认选择是“后缩略图”图像大小。如果您愿意，您可以轻松指定不同的尺寸。

为 WordPress 帖子设置特色图片非常简单！只需单击“设置特色图像”链接即可。接下来，您可以从媒体库中选择图像或从本地系统上传图像。

如果您希望在自定义主题中添加对特色图像的支持，只需将以下代码行添加到主题的functions.php文件中：

add_theme_support( '后缩略图' ); 1添加主题支持（ “后缩略图” ） ；

显示特色图像

要在自定义主题中显示特色图像，只需编辑模板并转到您希望显示特色图像的位置即可。此时添加以下代码行：

<?php the_post_thumbnail(); ?> 1 <?php the_post_thumbnail ( ) ; ?>

设置特色图像的尺寸

设置特色图像的大小只需在functions.php中添加一行简单的代码即可：

设置_post_thumbnail_size(175, 175);

您还可以使用以下代码获得额外的缩略图大小

// 单张图片大小add_image_size( 'single-post-thumbnail', 750, 650 ); 12 // 单张帖子图片大小add_image_size ( '单后缩略图' , 750 、 650 ） ；

附加图像尺寸

您可以为您网站上的博客文章的特色图像注册其他尺寸。

转到主题文件夹并打开functions.php 。添加以下代码行：

add_theme_support( 'post-thumbnails' );add_image_size( 'sidebar-thumb', 25, 25, true );add_image_size( 'homepage-thumb', 170, 250 ); add_image_size( 'singlepost-thumb', 700, 9999 );第1234章 “后缩略图” ） ；添加图像大小（ '侧边栏拇指' , 25 , 25 , 真的 ） ；添加图像大小（ '主页拇指' , 170 、 250 ） ； 添加图像大小（ '单后拇指' , 700 , 9999 ） ；

显示附加图像尺寸

打开主题文件（您希望在其中显示图像）。粘贴以下代码行：

<?php the_post_thumbnail( '您指定的图像大小' ); ?> 1 <?php the_post_thumbnail ( '您指定的图像尺寸' ） ； ?>

获取帖子缩略图 URL

将以下代码粘贴到循环代码中：

<?php$thumb_id = get_post_thumbnail_id();$thumb_url = wp_get_attachment_image_src($thumb_id,'缩略图大小', true);echo $thumb_url[0];?>第12345章 = get_post_thumbnail_id ( ) ; $thumb_url = wp_get_attachment_image_src ( $thumb_id , '缩略图大小' , 真的） ;回声 $thumb_url [ 0 ] ; ?>

WordPress 帖子特色图像 URL

打开您想要显示图像的文件。粘贴以下代码：

<?php if (has_post_thumbnail( $post->ID )): ?> <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), '单张帖子缩略图' ); ?> <div id="custom-bg" style="background-image: url('<?php echo $image[0]; ?>')"> </div><?php endif; ?> 12345 <?php 如果 (有_帖子_缩略图( $post- > ID ） ） ： ?> <?php $图像 = wp_get_attachment_image_src ( 获取帖子缩略图 ID ( $post- > ID ) , “单后缩略图” ） ； ?> < div id = "自定义背景" style = "背景图片: url(' <?php 回声 $图像[ 0 ] ; ? > ')" > </div> <? php 万一; ?>

结论

在本教程中，我介绍了设置和注册各种尺寸的特色图像的重要问题。如果您需要有关代码的进一步帮助或想参与讨论，请在下面发表评论。