在默认的WordPress类别小部件周围添加跨度

我正在寻找一种简单的方法来修改wordpress在小部件部分中输出类别列表的方式。

< li class="cat-item cat-item-12 current-cat"> < a href="https://mywebsite.com/pharmacotherapie-observance-adhesion-therapeutique/"> Pharmacothérapie et observance et/ou adhésion thérapeutique< /a>

我需要这样显示它。
< li class="cat-item cat-item-12 current-cat"> < a href="https://mywebsite.com/category/pharmacotherapie-observance-adhesion-therapeutique/"> < span style="display: block; margin: 0 0 0 20px; "> Pharmacothérapie et observance et/ou adhésion thérapeutique< /span> < /a>

我将更喜欢在主题的function.php文件中执行此操作。我不想使用jQuery或编辑wordpress核心代码。
#1我们需要WordPress中许多地方的WordPress默认文本小部件的原始行为。因此, 你必须创建一个自定义文本小部件作为WordPress插件, 然后像当前使用默认文本小部件的方式一样使用它。
创建WordPress自定义小部件非常容易, 只需将其粘贴在functions.php上:
require_once("your_widget.php"); add_action("widgets_init", "your_custom_widgets_init"); function your_custom_widgets_init(){ register_widget("Your_Custom_Widget_Class"); }

【在默认的WordPress类别小部件周围添加跨度】然后, 你可以编写自己的CSS用于列表的方法, 而不必添加span类来强制使用。你可以执行任何操作, 因为” Your_Custom_Widget” 的CSS将在你的控制之下。

    推荐阅读