如何将fontawsome图标添加到wp_nav_menu？

w8f9ii69 于 2022-10-22 发布在 PHP

关注(0)|答案(1)|浏览(151)

如何将字体图标添加到页脚菜单，即

<?php
   if ( has_nav_menu( 'business-menu' ) ) :
           wp_nav_menu( array(
               'theme_location' => 'business-menu',
               'items_wrap'     => '%3$s',
               'add_li_class'   => 'list-group-item d-flex justify-content-between align-items-center border-0',
               'container' => '',
           ));
       endif;
   ?>

上面是已经尝试过但堆叠的东西，有人可以帮忙吗？

php

来源：https://stackoverflow.com/questions/74161087/how-do-i-add-fontawsome-icon-to-wp-nav-menu

1条答案

按热度按时间

vxf3dgd41#

我建议不要只为几个图标而包含整个库，这肯定会让网站慢一点。
--您只需要5-10个图标，最好的解决方案是使用css并将svg附加到类中，然后将类添加到单个导航项中。

<ul><li><i class="social"></i> Category 1</li><ul>

.social::before {
    content: '';
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
      background-repeat: no-repeat;
      background-size: 1rem 1rem;
      /* set positioning and others */
    }

您可以在这里获得大量svg：https://icons.getbootstrap.com/
您也可以在html文件中使用svg，但只需在span标记中呈现它们。

赞(0）回复(0）举报 2022-10-22

我来回答

如何将fontawsome图标添加到wp_nav_menu？

1条答案

相关问题

热门标签

最新问答