在WordPress中显示图像而不是帖子标签

时间:2017-05-17 作者:Thilma

我是新来的,对Wordpress来说是全新的。

我有一个页面,上面有不同类型的食谱——简单、中等、困难。我正在使用“自定义帖子类型”来格式化它,这很好,我正在使用“标签”来添加相关的难度级别。我有一个三栏的归档页面,其中显示了文章的一个片段+下面的难度级别。

Now, where I\'m stuck is:

我想动态显示图像,而不是标签文本。我还没有这张照片,但有点像连续三顶厨师帽。这是一个非常特殊的设计,所以我不能只使用图标集。

我知道用php应该可以做到这一点,但我的php知识是不存在的。我可以使用插件添加“自定义函数”,我只需要知道要添加什么。

So, in short, what I\'m looking for is:

<将图像与每个标签关联的能力显示图像而不是标签的能力,以及屏幕阅读器等的alt文本。这是Chrome inspector在相关区域显示的内容。

this is what the structure is currently when viewing with chrome's inspector

“页脚”由以下自定义脚本添加(某人提供给我)。custom function to add the footer area

谢谢你的帮助!

1 个回复
SO网友:Eric B.

你可以用几种不同的方法很容易做到这一点。我倾向于使用jQuery,但其他人可能会反对该路由和php。以下是使用jQuery实现的方法:

$(document).ready(function(){
    $( ".entry-tags a:contains(\'easy\')" ).html( "<img src=\'https://image.url\'>");
});

结束

相关推荐

Featured images get shrunken

上传特色图片时,我遇到的问题是,所有图片都会自动缩小。我想保留原始图像。检查this example. 所有员工的图片都会自动缩小,但在特色图片中,我上传了员工的完整图片。我认为图像太大,wordpress会自动缩小图像,因此,我在媒体库中缩放并裁剪了图像。一些图像已修复,但一些图像仍然存在问题。有没有一种方法可以让原始上传的图像按原样显示?