Php Wordpress-输出不同的图像,而不是类别名称

Php Wordpress-输出不同的图像,而不是类别名称,php,wordpress,image,output,categories,Php,Wordpress,Image,Output,Categories,关于我正在创建的wordpress主题,主页由6个类别组成。格式如下所示- Cat 1 Cat 2 Cat 3 Cat 4Cat 5Cat 6 与wordpress输出类别名称不同,我希望它只在主页上为每个类别输出单独的图像- 第1类IMGCat 2类IMGCat 3类IMG 第4类IMGCat 5 IMGCat 6 IMG 我怎样才能做到这一点 更新 目前,我使用以下行输出6个类别- wp_list_categories('title_li='); 但我可以补充一点,比如说- 如果cat1

关于我正在创建的wordpress主题,主页由6个类别组成。格式如下所示-

Cat 1 Cat 2 Cat 3
Cat 4Cat 5Cat 6

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

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

我怎样才能做到这一点

更新

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

wp_list_categories('title_li=');
但我可以补充一点,比如说-

如果cat1 id=1,则输出img 1


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

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

我立即想到的两个一般策略:

战略一

  • 将图像嵌入每个类别的存档介绍文本字段中
  • 当您循环浏览类别以在主页上输出它们时,请输出归档简介文本而不是标题
  • 策略二

  • 使用将图像字段添加到类别中

  • 当您循环浏览类别以在主页上输出它们时,请输出自定义字段而不是标题

  • 战略三

    只需使用CSS。这有点粗糙,但根据您的需求,它可能是您想要/需要的全部。 首先,通过wp_list_categories()检查html输出。您会注意到,每个
  • 都有一个类似“cat-item-36”的类

    其次,在css中为每个类编写一条规则,这样可以将图像映射到li。像这样:
    .cat-item-36{
    背景:url(“url-to-image-you-upload-in-the-media-folder”);
    高度:80px;
    宽度:200px;
    }

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