Font Awesome 4 Menus – WordPress plugin WordPress插件下载

点击下载

字体真棒4菜单

插件描述

添加字体真棒4个图标到您的WordPress菜单和网站,无需触及任何一行代码!使用此插件,只需将fa-(图标名称)作为类/类添加到菜单中,插件就会将其拉出,将图标放在链接文本之前或之后,并将链接文本包装在一个范围内以便显示或者按照你认为合适的方式隐藏它。

在Font Awesome 4菜单中,我们添加了为多个效果添加多个Font Awesome类的功能(例如,fa-home fa-fw fa-2x将在两倍的时候添加一个固定宽度的主页图标正常尺寸)。

此外,我们为您提供了短信代码,以便为帖子和页面添加图标,以及利用Font Awesome 4的新堆叠功能的短代码。

安装

使用WordPress安装程序;或者,下载并解压缩文件,并将文件夹 n9m-font-awesome-4 放入 / wp-content / plugins / 目录中。

然后,通过WordPress中的“插件”菜单激活插件。

FAQ

安装说明

使用WordPress安装程序;或者,下载并解压缩文件,并将文件夹 n9m-font-awesome-4 放入 / wp-content / plugins / 目录中。

然后,通过WordPress中的“插件”菜单激活插件。

我在哪里可以找到所有可用的图标?

前往 Font Awesome网站以查找可用图标的完整列表。不要忘记查看示例页面,了解如何混合和匹配新效果的图标。

如何在菜单中添加图标?

转到外观 – >菜单,选择要添加i的菜单项con,并在’CSS Classes(可选)’下添加图标类。 (例如,要将主页图标添加到“主页”链接,请输入“fa-home”(不带引号)作为类。要使其旋转,请添加“fa-home fa-spin”作为您的类。)保存您的菜单和瞧!

想要在帖子或页面上添加图标吗?使用可用的短代码:

添加一个主页图标:[fa class =“fa-home”]添加堆叠的Twitter图标:[fa-stack] [fa class =“fa-square-o fa-stack-2x “] [fa class =”fa-twitter fa-stack-1x“] [/ fa-stack]

你也可以使用任何一个Font Awesome图标和选项和你的i类主题:

添加主页图标:< i class =“fa fa-home”>< / i> 添加Facebook图标:< i class =“fa fa-facebook”>< / i> 如何在菜单文字后面放置图标?

将“fa-after”(不包括引号)添加为您的某个类,图标将显示在您的文本之后。

为什么我看不到添加课程的选项?

在外观下 – >菜单,单击“屏幕选项”(屏幕右上角)并确保选中“CSS类”。如果没有 – 检查它!

我可以隐藏文字,只显示菜单的图标吗?

是的。 Font Awesome菜单在图标和文本之间添加一个空格,并用一个“fontawesome-text”类将该部分包裹在一个范围内。要隐藏文本并只显示图标,可以在样式表中放置 .fontawesome-text {display:none;}

我们还在Settings-> Font Awesome下添加了一个管理选项,因此您可以删除文本之前或之后的空格,并真正完全控制您的样式和布局。

我可以使用CDN吗?或者,我的主题使用Font Awesome。我可以阻止它加载两次吗?

是的!转到设置 – >字体真棒并选择您想要的方式Font Awesome 4已加载。您可以使用默认(从插件本地),您可以使用官方的MaxCDN版本,您可以设置自己的URL或CDN路径,或者您可以告诉插件不要加载样式表但仍然享受Font Awesome Menus 。

这会膨胀还是减慢我的WordPress?

否。在您的网站上,Font Awesome 4 Menus将根据您的设置方式加载以下四种方式之一:

加载一个缩小的样式表(27kb)以加载字体,或从官方字体Awesome中加载字体4 MaxCDN上的CDN,从您选择的自定义URL或CDN加载字体,或者如果选择此选项,则根本不加载字体。

我们一直在移动优先响应网站(和我们自己的网站)上使用它,没有任何明显的性能拖累。

如果我停用/卸载此菜单会怎样?

您的网站没问题。在你使用Font Awesome 4 Menus的地方,那些菜单项只会有你可以删除或忽略的其他类(fa-whatever)(或样式不同)。

如果卸载插件,Font Awesome 4 Menus将通过删除它在数据库中设置的站点选项和用户元件来自行清理。这里没有膨胀,我们自己清理干净!

评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注