搜索
首页CMS教程WordPress如何将特色图像缩略图添加到WordPress主题

WordPress主题添加特色图片缩略图指南

您可能在编辑文章或页面时注意到“特色图片”框。它允许您上传或选择与文章关联的图片。在查看文章列表(例如类别索引或搜索结果)时,它通常显示为缩略图。主题内必须启用缩略图支持。您可以将其添加到插件中,以便所有主题都能使用,但这并非在所有情况下都适用。因此,您需要打开或创建主题文件夹(wp-content/themes/theme-name/)中的“functions.php”文件。

要为所有文章类型添加缩略图支持,请在打开的<php></php>标记之后添加以下代码:

add_theme_support('post-thumbnails');

或者,您可以仅为文章启用缩略图:

add_theme_support('post-thumbnails', array('post'));

或仅为页面启用缩略图:

add_theme_support('post-thumbnails', array('page'));

设置缩略图大小

默认缩略图大小可以在WordPress的设置>媒体屏幕中设置。但是,您也可以在functions.php中设置默认高度和宽度,例如:

set_post_thumbnail_size(100, 75);

这将生成宽度为100像素,高度为75像素(令人愉悦的4:3比例)的缩略图。但是,当用户上传具有不同纵横比的图像(例如100 x 150)时会发生什么情况?在这种情况下,整个图像将按比例缩小以适应空间,生成的缩略图将为50 x 75。或者,您可以通过将“true”作为第三个参数传递来定义硬裁剪:

set_post_thumbnail_size(100, 75, true);

这将裁剪图像以使其匹配纵横比。生成的缩略图将始终为100 x 75,但顶部和底部或左侧和右侧边缘将被移除。

How to Add Featured Image Thumbnails to Your WordPress Theme

现在,“特色图片”框应该会出现在您的WordPress文章/页面编辑屏幕上。如果它不存在,请检查它是否在“屏幕选项”中启用,或查看您的functions.php代码。

使用缩略图

现在可以在任何WordPress循环中使用三个主要的缩略图命令。通常,您需要在名为index.php、category.php、archive.php、author.php、taxonomy.php或search.php的文件中使用它们:

  • has_post_thumbnail() 如果已设置缩略图,则返回“true”
  • the_post_thumbnail() 输出包含缩略图<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174001393669976.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="How to Add Featured Image Thumbnails to Your WordPress Theme ">

    就是这样。享受将缩略图支持添加到所有WordPress主题的乐趣。

    (以下为FAQ部分,由于原文FAQ部分没有图片,故此处仅保留文字内容)

    关于在WordPress主题中添加特色图片缩略图的常见问题解答 (FAQ)

    如何在WordPress中添加多个特色图片?

    WordPress默认情况下只允许您添加一个特色图片或文章缩略图。但是,您可以使用Dynamic Featured Image之类的插件添加多个特色图片。安装并激活插件后,您可以从文章编辑屏幕向文章添加多个特色图片。记住更新您的主题文件以正确显示这些图片。

    为什么我的特色图片没有显示在WordPress中?

    您的特色图片没有显示出来可能有几个原因。这可能是由于主题或插件冲突、图像大小不正确,或者您的主题可能不支持特色图片。尝试逐个停用您的插件,看看是否有任何插件导致了这个问题。如果这不起作用,请检查您的主题的functions.php文件,以确保它支持文章缩略图。

    如何更改特色图片的大小?

    您可以通过在主题的functions.php文件中添加自定义函数来更改特色图片的大小。使用add_image_size()函数定义新的图像大小。然后,在您的主题文件中使用the_post_thumbnail()函数来显示新的图像大小。

    我可以将特色图片添加到我的旧文章中吗?

    是的,您可以将特色图片添加到旧文章中。只需编辑文章并从文章编辑屏幕设置特色图片即可。如果您有大量文章,可以使用Quick Featured Images之类的插件来批量设置特色图片。

    如何在WordPress中添加默认特色图片?

    您可以使用Default Featured Image之类的插件添加默认特色图片。安装并激活插件后,转到设置>媒体以设置您的默认特色图片。每当文章未设置特色图片时,都将使用此图片。

    如何在RSS Feed中显示特色图片?

    默认情况下,WordPress不会在RSS Feed中包含特色图片。但是,您可以使用Featured Images in RSS & Mailchimp Email之类的插件添加它们。或者,您可以在主题的functions.php文件中添加自定义函数,以在RSS Feed中包含特色图片。

    我可以将特色图片添加到我的类别和标签中吗?

    是的,您可以使用Categories Images之类的插件将特色图片添加到您的类别和标签中。安装并激活插件后,您可以从编辑屏幕为您的类别和标签设置特色图片。

    如何在WordPress管理面板中添加特色图片列?

    您可以使用Featured Image Admin Thumb之类的插件在WordPress管理面板中添加特色图片列。此插件在文章列表中添加一个新列,以显示每篇文章的特色图片。

    如何在我的特色图片中添加悬停效果?

    您可以使用CSS为特色图片添加悬停效果。将悬停选择器添加到主题的style.css文件中,并定义所需的效果。例如,您可以更改图像悬停时的不透明度以创建淡入淡出效果。

    我可以为我的特色图片添加灯箱效果吗?

    是的,您可以使用Simple Lightbox之类的插件为特色图片添加灯箱效果。安装并激活插件后,单击您的特色图片将在灯箱中打开。

以上是如何将特色图像缩略图添加到WordPress主题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
WordPress开发的5个最佳ID(以及原因)WordPress开发的5个最佳ID(以及原因)Mar 03, 2025 am 10:53 AM

为WordPress开发选择正确的集成开发环境(IDE) 十年来,我探索了WordPress开发的许多集成开发环境(IDE)。 纯粹的品种 - 从免费到商业,基本到FEA

使用OOP技术创建WordPress插件使用OOP技术创建WordPress插件Mar 06, 2025 am 10:30 AM

本教程演示了使用面向对象的编程(OOP)原理构建WordPress插件,利用Dribbble API。 让我们在保留原始含义和结构的同时完善文本以清晰和简洁。 object-ori

如何将PHP数据和字符串传递给WordPress中的JavaScript如何将PHP数据和字符串传递给WordPress中的JavaScriptMar 07, 2025 am 09:28 AM

将PHP数据传递给JavaScript的最佳实践:WP_LOCALIZE_SCRIPT和WP_ADD_INLINE_SCRIPT的比较 在PHP文件中将数据存储在静态字符串中是建议的练习。 如果在您的JavaScript代码中需要此数据,请合并

如何使用WordPress插件嵌入和保护PDF文件如何使用WordPress插件嵌入和保护PDF文件Mar 09, 2025 am 11:08 AM

本指南演示了如何使用WordPress PDF插件在WordPress帖子和页面中嵌入和保护PDF文件。 PDFS为从目录到演示文稿提供了一种用户友好的,普遍访问的格式。 此方法ENS

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中