wordpress 给菜单加上个性图标教程

也想出现在这里？点击联系我~

图片示例:

使用教程:

在主题或子主题css下添加以下代码：

[rihide]

/*mb2345.com  svip黄色代码*/
.sviplogo {
    /* display: inline-block; */
    /* transform: translateY(-12px); */
    /* font-size: .75rem; */
    /* letter-spacing: 0.05em; */
    /* background: linear-gradient(to right, #6454ef 0%, #3021ec 100%); */
    /* color: #ffffff; */
    /* border-radius: 1rem; */
    /* padding: .15rem .275rem; */
    /* line-height: 1; */
    /* font-weight: bold; */
    /* border-top-left-radius: 4px; */
    /* border-top-right-radius: 4px; */
    /* position: relative; */
    background: linear-gradient(-125deg,#ffab23 0%,#ff0036 100%);
    color: #fff;
    /* margin-bottom: 20px; */
    box-shadow: 0 8px 10px rgba(255,0,12,.3);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 8px rgba(255, 12, 0, 0.42);
}

/*mb2345.com  svip黄色代码*/

[/rihide]

在外观-菜单-添加一个自定义url菜单  url设置你要跳转的链接（可以是站内或站外，站外链接前加http://）

在导航标签添加以下代码：

<span class="sviplogo">  Svip  </span>

如图所示:

保存之后到网站首页ctrl+f5强制刷新即可。