图标导航菜单

Question

我试图在右侧的导航栏中添加一个区域，我只希望它包含三个图标，即篮子，搜索和愿望清单。

有谁知道实现这一目标的最佳方法是什么？我目前在这个网站上使用Divi主题。

另外，我尝试使用图标而不是文本作为愿望清单的链接，但它似乎没有用。我下载了字体很棒的插件，并在自定义菜单标签中使用了以下代码。

（website referred to above link）

＆＃13;

＆＃13;

<i class="fas fa-heart"></i>

＆＃13;

＆＃13;

＆＃13;

感谢。

Answer 1

试试这个标签

<i class="fa fa-heart"></i>

Answer 2

您可以在菜单右侧创建窗口小部件并定义窗口小部件。 在 function.php 中创建动态侧边栏。

在外观 - ＆gt;中添加动态侧边栏作为窗口小部件插件即可。 在页面中添加动态侧边栏

<?php dynamic_sidebar( 'sidebar name' ); ?>.

＆＃13;

＆＃13;

ul{
 list-style-type:none;
 padding:0
}
ul li{
display:inline-block;
}
ul li a{
 color:#000;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<ul>
  <li>
    <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
  </li>  
  <li>
     <a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a>
  </li>
  <li>
     <a href="#"><i class="fa fa-search" aria-hidden="true"></i></a>
  </li>
</ul>

＆＃13;

＆＃13;

＆＃13;