方法1:在WordPress文章编辑器中使用JVM Rich Text Icons添加图标字体
首先,您需要安装并激活JVM Rich Text Icons插件。激活后,您可以编辑WordPress文章或页面,或新建一个。在文章编辑器中添加一个新的段落模块,您将会在模块工具栏中看到一个新的旗帜图标。
点击后会显示选择图标的弹出窗口,默认使用流行的Font Awesome图标字体。您可以搜索图标,或滚动找到您想要的图标,再点击添加。使用图标字体的优点之一是可以用CSS来为其设置样式。但是,使用块编辑器时,您只需使用内置的颜色工具即可为图标设置样式。
该插件允许您在段落、列表、按钮、列、封面等大多数文本块中使用图标字体。这里是使用图标字体和块选项样式化三列的示例。
另一个使用图标字体的有用示例是在按钮中使用。这次我们在两个按钮的文本旁边使用了内联图标字体。使用块编辑器工具,如文本对齐、颜色、间距等,可以帮助您更好地利用图标字体。
方法2:使用Font Awesome在WordPress文章编辑器中添加图标字体
首先,您需要安装并激活Font Awesome插件。激活后,您可以在WordPress中编辑文章或页面,并使用以下短代码添加字体图标。
[icon name=”home”]
name参数是Font Awesome使用的字体名称。添加后,您可以预览文章或页面以查看图标在现场的显示效果,因为它不会在块编辑器中作为图标显示。
您可以在段落中以及其他文本内联使用短代码,也可以使用‘Shortcode’块单独添加。然而,使用‘Shortcode’块将不会提供您在其他文本块中得以使用的样式选项。
您还可以在列中添加短代码以创建功能行:
这会有点棘手,因为在编辑器中,实际图像并不会显示,列的高度会不断变化。
方法3:使用WordPress页面搭建工具的图标字体
此方法非常适合在使用WordPress页面搭建工具如SeedProd进行创建落地页或设计网站时候使用。SeedProd是市场上最好的WordPress页面搭建工具之一,它允许您轻松创建精彩的落地页或设计完整的主题。
首先,您需要安装并激活SeedProd插件。激活后,进入SeedProd » Landing Pages页面,点击‘Add New Landing Page’按钮。
之后,您将被要求选择落地页的模板。选择模板后,输入标题和URL。SeedProd会启动页面构建器界面,这是一个拖放设计工具,使用左边栏中的块可以添加新元素。完成编辑页面后,点击右上角的‘保存’按钮,如果您准备好了,可以点击‘发布’。
我们希望这篇文章能帮助您学习如何在WordPress文章编辑器中无须编写HTML代码地使用图标字体,您还可以查看我们关于优化WordPress性能的指南或WordPress最佳着陆页插件。如果您喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程,也可以在Twitter和Facebook上关注我们。