Php 向wordpress菜单添加图标

我对Wordpress有些问题。。我试着从Wordpress->Appearance->Menu中添加图标，它可以正常工作，但不能点击。我还想从菜单图标中删除文本，并将其添加到“数据工具提示”中。最后一个问题是：如何在不同的元素（而不是“li”元素）中添加菜单项图标，例如“span”

我的代码应该是：

<ul class="clear-list">
   <li>
      <a href="index.php" data-tooltip="Home"><span class="crt-icon crt-icon-home"></span></a>
   </li>
   <li>
      <a href="portfolio.php" data-tooltip="Portfolio"><span class="crt-icon crt-icon-portfolio"></span></a>
   </li>
   <li>
      <a href="testimonials.php" data-tooltip="Testimonials"><span class="crt-icon crt-icon-references"></span></a>
   </li>
   <li>
      <a href="contact.php" data-tooltip="Contact"><span class="crt-icon crt-icon-contact"></span></a>
   </li>
</ul>

但它实际上看起来像：

<ul id="menu-main-menu" class="clear-list">
   <li id="menu-item-60" class="crt-icon crt-icon-home menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7 current_page_item menu-item-60"><a href="......." aria-current="page">Home</a>
   </li>
   <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href=".........">Experience</a>
   </li>
   <li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href=".......">Portfolio</a>
   </li>
   <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58"><a href=".........">Testimonials</a>
   </li>
   <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href=".........">Contacts</a>
   </li>
</ul>

---

我希望你能帮助我！：）

添加图标：最简单的方法是通过CSS添加图标。 您可以在管理中为每个链接添加类，并将图标添加为伪元素，例如，如果您的图标是图像：

.crt-icon a:after {
  background: url(https://www.iconfinder.com/data/icons/ionicons/512/icon-ios7-contact-512.png);
  background-size: cover;
  content: '';
  display: block;
  height: 15px;
  width: 15px;
}

如果您的图标是字体系列-您可以将其添加到“内容”CSS规则中

添加工具提示并删除文本：您可以使用jquery执行此操作：

$( '#menu-main-menu a' ).each( function () {
  $( this ).attr( 'data-tooltip', $( this ).text() ).empty();
})

---

为什么不简单地添加一个代码片段/div，然后输入工作正常的自定义代码呢？这只是答案的一半你是对的，我没有注意到其他问题…）不起作用。。没有人。我想使用Wordpress->外观->菜单->其他CSS类中的图标（在这里我编写了图标类）。所以问题是：如何从那里获得图标并将其粘贴到“span”标记中，如示例中所示“我猜你做错了什么-我测试了所有作品，请参见附件（顺便说一句-我更新了一点答案）。“如何从那里获取图标并将其粘贴到“span”标记中，如示例所示”-这不是一项简单的任务，因此如果您不了解如何使用css/js。。。相信我：用php你不会明白怎么做的）另一件事：你能不能像我的where I can那样附上屏幕截图，看看你是如何应用样式的？我用一个插件修复了它，该插件用于在菜单中添加图标和隐藏文本的函数。。我还添加了一些标题，并使用str_replace替换