你想在WordPress中显示分类图片还是分类图标?
默认情况下,WordPress不提供上传分类图片或分类图标的选项。它只是在存档页面上显示一个类别或类别名称。
在这篇文章中,我们将向你展示如何在WordPress中轻松添加分类图片或分类图标。我们还将向您展示如何在存档页面上显示分类图像。
如何在wordpress中添加分类图片为什么要在WordPress中添加分类图片?默认情况下,你的WordPress网站没有向你的分类法添加图片的选项,比如类别和标签(或者任何其他自定义的分类法)。
它只是在任何地方使用类别名称,包括类别文件或类别文件页面。
这似乎有点简单和无聊。
如果你的分类页面有很多搜索流量,你可能想让它们看起来更有吸引力。
让页面更有趣的最简单的方法就是添加图片。您可以添加分类图像或类别图标,使这些页面更加用户友好和有吸引力。
一个很好的例子是像NerdWallet这样的网站,它在标题中使用类别图标:
您还可以使用它在您的主页上创建漂亮的导航部分,例如Bankrate:
说了这么多,我们来看看如何轻松地将分类图片添加到WordPress。
要想在WordPress中轻松添加分类图片,你需要做的第一件事就是安装并激活分类图片插件。更多细节,请参考我们关于如何安装WordPress插件的分步指南。
激活后,你只需要进入文章类别页面。您会注意到插件将显示您现有类别的占位符图像。
要选择您自己的类别图标,您需要单击类别下方的编辑链接。
在编辑类别页面,向下滚动到底部,你会发现一个上传你自己的分类图片的表格。
只需点击“上传/添加新图片”按钮,即可上传您想要在该特定类别中使用的图片。
不要忘记点击添加类别或更新按钮来保存您的更改。
接下来,您可以重复该过程来上传其他类别的图像。您还可以上传您的标签和任何其他分类的图像。
现在的问题是,添加图片后,如果你访问类别页面,你将看不到你的类别图片。
要显示它,你需要编辑你的主题或副标题。如果这是你第一次编辑WordPress文件,你可能想看看我们的指南,学习如何在WordPress中复制和粘贴代码。
首先,你需要使用FTP客户端或WordPress管理文件管理器连接到你的WordPress站点。
连接后,您需要找到负责显示分类文件的模板。这可能是来自archives.php、category.php、tag.php或taxonomy.php的文件。
更多细节,请参考我们关于如何在WordPress主题中找到要编辑的文件的指南。
找到文件后,您需要将它下载到您的电脑上,并在记事本或文本编辑等文本编辑器中打开它。
现在,将下面的代码粘贴到您想要显示分类图像的位置。通常,您希望将它添加到类别标题或_archive_title()标签之前。
& lt?php if( is_category() ) {?& gt& ltdiv class="taxonomy-image " >& ltimg class = " taxonomy -img " src = " & lt?PHP if(function _ exists(' z _ taxonomy _ image _ URL '))echo z _ taxonomy _ image _ URL();?>alt = " "/>;& lt/div & gt;& lt?PHP } else {//什么都不做}?& gt添加代码后,您需要保存该文件,并使用FTP将其上传回您的网站。
你现在可以访问分类档案页面,看到它显示你的分类图像。这是它在我们的演示文稿存档页面上的样子。
现在,它可能看起来仍然很尴尬,但是不要担心。您可以使用一些自定义CSS来设置样式。
这是我们为图像分类定制的CSS。
img .分类-img { float:left;max -高度:100pxmax -宽度:100px显示:inline -block;}根据您的主题,您可能还需要设置周围元素的样式,如类别标题和描述。
我们只是将分类档案的标题和描述打包在一个
. taxonomy -title -description { display:inline -block;填充:18px这是它在我们的测试网站上的样子。
现在从显示分类图像中排除分类,一些用户可能只想将分类图像用于特定分类。
例如,如果您使用WooCommerce经营一家在线商店,您可能希望排除产品类别。
只要回到WordPress管理区的类别图片页面,检查你想要排除的类别。
不要忘记单击保存更改按钮来保存您的设置。
我们希望这篇文章能帮助你理解如何轻松地将分类图片添加到WordPress。你可能也想看看这些有用的WordPress黑客和插件,或者看看我们关于从搜索引擎获得更多流量的提示。
微信扫描二维码联系我们!期待您在微信24小时语音提供外贸路由器设备产品,轻松翻墙,回答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境建设等!
需要提供中文WordPress主题/插件服务,请随时联系我们!此外,成品WordPress网站和半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian server WP特殊环境建设,WP cache服务器建设都是你的首选。我们有多年的WP开源程序服务经验,一直坚持客户体验。没有最好,只有更好!随机推荐总计v 5 . 5 . 2 & # 8211;2022年9月29日,响应式多功能WordPress,Total的主题是a & hellip
All in One SEO Pack Pro v 4 . 2 . 4 . 2 Advanced WordPress插件2022年9月4日关于all-in-one SEO & hellip
WP Rocket v3.12.0.5 WordPress高级缓存插件下载2022年9月4日在WP Rock & hellip
随机动态避免犯这十个SEO错误。2020年10月16日一旦每个站长都建立了一个令人惊叹的网站,他会想& hellip
2019 . 6 . 3 Wordperss网站建设中如何设计弹出框,是否添加弹出框& hellip
Wordperss网站404跳转对网站的影响2018年11月28日做SEO的人都应该知道,网站404页面过多是有害的& hellip
9把WordPress网站变成移动应用的顶级插件2021年8月9日很多时候,当人们已经拥有WordPress网站& hellip
前一篇文章:如何在你的WordPress博客上添加旧文章。通知下一篇文章:如何在WordPress中禁用目录浏览。WordPress newsWordPress如何在BeTheme的主题中加入微软优雅的黑色字体?Wordpress如何成为主要的& hellip
WordPress中死白屏的四个修复你有没有发现自己打开WordPres & hellip
WordPress themeNEX -Forms v 7 . 5 . 8 . 1 Nulled & # 8211;WordPress表单设计器使用联系人表单& hellip
Cerato v 1 . 1 . 8-Elementor woo commerce主题功能丰富这是为了打造& hellip
随机阅读easy blog PRO v 5 . 2 . 12 & # 8211;Joomla的博客组件更新组件EasyBlog PRO,这是一个& hellip
谷歌结构化数据v 4 . 6 . 0 PRO & # 8211;Google在Joomla上的标签Google结构化数据是一种用于Goo & hellip
WordPress网站建设与设计-Mac163 WordPress最新主题源代码资源,为您处理企业/个人专属定制网站解决方案,官方一手资源,建站服务,中文Wordpress主题/插件定制,全方位售后技术支持!
版权2023 -网站建设-版权所有-网站RSS友情链接:阿里云ECS分享S6回顶#rs-demo-id{}
评论前必须登录!
注册