17713433920 info@mac163.com
在WordPress主题中使用发布缩略图
在WordPress主题中使用发布缩略图

回到WordPress 2.9中,帖子缩略图功能已集成到帖子和编写页面面板中,因此用户可以使用图像上载器轻松地将特色图像添加到他们的帖子中。这意味着不再需要处理自定义字段!但是,要使所有这些工作正常进行,您需要在主题的function.php文件中启用thumbnails支持。

以下帖子将向您展示如何为WordPress主题启用帖子缩略图,如何在帖子,主页或主题的其他任何位置包含功能图片,以及如何声明不同的缩略图大小

步骤1:启用对帖子(功能)缩略图的支持

为了使“功能图像”框出现在您的帖子/页面编辑器页面中,您需要将以下代码段添加到functions.php文件中。

if ( function_exists( 'add_theme_support' ) ) {
  add_theme_support( 'post-thumbnails' );
}

第2步:声明帖子缩略图的图像大小

启用主题中的缩略图后,您将需要声明用于主题的各种大小。通过在functions.php文件中声明各种尺寸,WordPress将在上传图像时自动裁剪图像以匹配您定义的尺寸。这样,您可以调用主题文件中的不同图像,而不必使用任何外部脚本,例如“ TimThumb”。

粘贴到Functions.php中并进行编辑

以下是如何声明尺寸的示例,应该易于理解和编辑以适合您的需求。

// featured image sizes
if ( function_exists( 'add_image_size' ) ) {
    add_image_size( 'full-size',  9999, 9999, false ); // full size image
    add_image_size( 'slider',  920, 320, true ); // slider image
    add_image_size( 'post',  150, 150, true ); // post image
}

步骤3:在主题中使用精选图片

现在您已启用帖子缩略图,一个新的元框将在帖子/页面编辑器中显示给使用主题的用户。这将允许他们将特定图像设置为该帖子的特色图像。但是,如果这些图像没有显示在主题的任何地方有什么好处?

有两种方法可以将图像插入主题。第一个将调用图像并自动创建HTML,第二个方法将允许您在循环中调用特色图像,然后制作自己的IMG SRC标签以更好地控制alt标签,title标签和rel属性。

方法1:

将以下代码插入要显示特色图片的位置(WordPress循环中的任意位置–确保更改名称以匹配步骤2中声明的图片大小)

<?php the_post_thumbnail('post'); ?>

方法2:

*在循环的顶部插入以下代码:

// get featured image
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'post');

*显示您的图片(有条件):

<?php if(has_post_thumbnail()) { ?>
<img src="<?php echo $thumbnail[0]; ?>" alt="<?php the_permalink();" />
<?php } ?>

微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部