【问题标题】:Wordpress - Output different images instead of category nameWordpress - 输出不同的图像而不是类别名称
【发布时间】:2017-04-03 14:50:27
【问题描述】:

在我创建的 wordpress 主题中,主页包含 6 个类别的列表。格式如下-

第 1 类    第 2 类    第 3 类
4 类    5 类    6 类

而不是 wordpress 输出类别的名称,我希望它只在主页上为每个类别输出单独的图像 -

Cat 1 IMG    Cat 2 IMG    Cat 3 IMG
4 类 IMG    5 类 IMG    6 类 IMG

我怎么能做到这一点?

更新

目前要输出 6 个类别,我正在使用以下行 -

wp_list_categories('title_li=');

但是我可以补充说例如 -

如果 cat1 id = 1 输出 img 1

这是可能的还是不一定是好的做法?

【问题讨论】:

    标签: php wordpress image output categories


    【解决方案1】:

    除非您描述如何在主页上输出类别,否则很难知道如何构建此问题的具体答案。如果您包括在内,我将更新我的答案以反映它。

    我立即想到的两个通用策略:

    策略一

    1. 在每个类别的存档介绍文本字段中嵌入图像
    2. 当您遍历类别以在主页上输出它们时,输出存档介绍文本而不是标题。

    策略二

    1. 使用Advanced Custom Fields Plugin 将图像字段添加到类别

    2. 当您循环访问类别以在主页上输出它们时,输出自定义字段而不是标题。

    策略三

    只需使用 CSS。这有点hacky,但根据您的要求,它可能是您想要/需要的全部。 首先,tnspect 由 wp_list_categories() 输出的 html。你会注意到每个<li> 都有一个类似“cat-item-36”的类

    其次,在你的 css 中为每个类编写一个规则,就像将图像映射到 li。像这样: .cat-item-36 { background: url('url-to-image-you-uploaded-in-the-media-folder'); height: 80px; width: 200px; }

    就我个人而言,我可能会使用第二种策略,因为它感觉稍微简单一些,而且我经常发现 ACF 的其他良好用途,这意味着它已经是我网站的一部分。但是,如果您的站点中没有任何其他用途的 ACF,您可能希望避免为相对较小的目的添加插件。

    【讨论】:

      猜你喜欢
      • 2023-03-07
      • 1970-01-01
      • 1970-01-01
      • 2012-09-18
      • 1970-01-01
      • 2018-01-04
      • 2015-02-16
      • 2023-04-03
      • 1970-01-01
      相关资源
      最近更新 更多