在默认的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");
}

然后, 你可以编写自己的CSS用于列表的方法, 而不必添加span类来强制使用。你可以执行任何操作, 因为” Your_Custom_Widget”的CSS将在你的控制之下。