html - 在 Wordpress 中用图标替换菜单项

标签 html css

我有一个通过 Wordpress 管理员控制的菜单,我想创建一个链接来使用超赞的字体图标。我知道如何向菜单项添加自定义 css,但不确定如何让它显示图标而不是文本名称(在导航标签中)

编辑 -

enter image description here

我有一个 .login 类

.login {
  font-family: 'fontawesome';
  display: block;
  content: '\f077';
}

但没有显示

最佳答案

如果您的意思是要插入带有 CSS 的 FontAwesome 图像(而不是使用 HTML <i class="fa"> 系统,那么您需要使用如下代码片段:

#myMenuItemIcon{
   font-family: 'FontAwesome';
   content: '\f19a';
}

content设置来自 Icon Page在主网站上。使用 unicode 等效项(在本例中为 f19a)并将其设置为元素的内容。

在没有看到/了解更多关于您的菜单 CSS 的情况下,我无法提供更详细或具体的答案。

关于html - 在 Wordpress 中用图标替换菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31930856/

相关文章:

html - 背景图不显示

html - ruby rails : how to render a string as HTML?

css - 加速移动页面链接到 css 文件

css - Qt - 无法通过CSS更改QTabWidget选项卡大小

javascript - Jquery脚本是否有可能变得更小或更高效

javascript - 如何在新窗口中从 srcset 打开正确的图像?

javascript - JQuery 最近类选择

html - 始终在底部页脚不起作用

javascript - 窗口.matchMedia ("(max-width: 1700px)");不起作用?

javascript - 有没有办法不通过点击关闭antd下拉菜单?