小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

wordpress字体_如何在WordPress帖子编辑器中使用图标字体(无需HTML)

java,python,wordpress,css,html 额外说明

收录于:17天前

WordPress 字体

Icon fonts are vector icons used as fonts. They are popular among web designers because they look prettier than bitmap images. They can be resized without losing quality and styled using CSS. This is why many WordPress 主题 use icon fonts. Most notably, the default Twenty Thirteen and Twenty Fourteen themes. However for beginners, it is a little complicated to use icon fonts on their WordPress sites. In this article, we will show you how to use icon fonts in WordPress post editor without writing any HTML or CSS.

图标字体是用作字体的矢量图标。 它们在Web设计师中很受欢迎,因为它们看起来比位图图像更漂亮。 使用CSS可以调整它们的大小而不会降低质量和样式。 这就是为什么许多WordPress 主题是使用图标字体的原因。 最值得注意的是,默认的二十三个和二十四个主题。 但是,对于初学者来说,在其WordPress网站上使用图标字体有点复杂。 在本文中,我们将向您展示如何在WordPress帖子编辑器中使用图标字体而无需编写任何HTML或CSS。

Genericons a GPL Licensed open source icon font set
影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

First thing you need to do is install and activate the WP 视觉图标字体 plugin. Upon activation, you need to go to 设置 » 图标字体 to choose an icon font set. Currently, the plugin comes with 字体真棒 and 通用公司 fonts.

您需要做的第一件事是安装并激活WP 视觉图标字体插件。 激活后,您需要转到“设置”»“图标字体”以选择图标字体集。 当前,该插件附带字体真棒通用公司字体。

Choose an Icon Font to use with your WordPress theme

After choosing a font, you can now use it with in your WordPress posts, pages, 自定义帖子类型, and even in your theme’s template files. To use icon fonts you need to create or edit a post, and you will notice an 图标 button next to the 添加媒体 button. Clicking on the icons button will open a drop down menu of all the icons available in the icon font set. Selecting an icon from this drop down menu will insert the icon in the post editor.

选择字体后,您现在可以在WordPress帖子,页面, 自定义帖子类型甚至主题模板文件中使用它。 要使用图标字体,您需要创建或编辑帖子,并且您会注意到“ 添加媒体”按钮旁边的“ 图标”按钮。 单击图标按钮将打开一个下拉菜单,其中包含图标字体集中所有可用的图标。 从此下拉菜单中选择一个图标将在帖子编辑器中插入该图标。

Adding icon fonts in WordPress posts and pages

You can also change the font size and color using the buttons in the 可视化编辑器.

您还可以使用在可视化编辑器中的按钮更改字体大小和颜色。

To use an icon in your theme, the easiest way to generate the required HTML is to add an icon font in post editor and then switch to 文本编辑器 to copy the HTML code. Paste it in your template files where you want to display an icon font.

要在主题中使用图标,生成所需HTML的最简单方法是在帖子编辑器中添加图标字体,然后切换到“ 文本编辑器以复制HTML代码。 将其粘贴到要显示图标字体的模板文件中。

Copy icon fonts HTML to use in your theme files

图标字体可用于在 WordPress 中创建漂亮的登陆页面,而无需使用图像。它们还可以用于突出显示长篇文章或帖子的不同部分。这个插件为您带来了 369 个带有 Font Awesome 的图标和 62 个带有 Genericon 字体的图标。

图标字体可用于在 WordPress 中创建漂亮的登陆页面,而无需使用图像。它们还可以用于突出显示长文章或文章的不同部分。这个插件为您带来了 369 个带有 Awesome 字体的图标和 62 个带有 Genericon 字体的图标。

我们希望这篇文章可以帮助您在 WordPress 中添加很棒的图标字体。请在下面发表评论,让我们知道您打算如何在 WordPress 项目中使用图标字体。

我们希望这篇文章可以帮助您向 WordPress 添加很棒的图标字体。请在下面发表评论,让我们知道您计划如何在 WordPress 项目中使用图标字体。

翻译自: https://www.wpbeginner.com/plugins/how-to-use-icon-fonts-in-wordpress-post-editor/

WordPress 字体

. . .

相关推荐

额外说明

STL使用C++的find查找指定元素

#include <iostream> #include<list> #include<vector> #include<algorithm> using namespace std; struct Int { int x; Int(i

额外说明

如何检查机器上消耗CPU最多的线程

1、top -c 查看最耗cpu的进程 2、top -Hp pid 找出进程中最耗cpu的线程 3、printf “%x\n” 21742 线程id转16进制 jstack 进程id| grep 16进制线程id

额外说明

Java继承

各位朋友们,大家好!今天我为大家分享的是Java上面一个很重要的知识点:继承,继承也被称为Java的灵魂之一。 文章目录 为什么要使用继承 子类怎样继承父类 在子类中如何访问父类的成员 super关键字 当父类中有构造方法时 this关键字 初始化 pr

额外说明

Hadoop(五)——mapreduce(中)

回顾: 上一篇我们讲述了mapreduce处理hdfs中数据的过程,就是分为map阶段和reduce阶段,map阶段就是把hdfs中的数据给“包装”好,这个包装工作会有很多的map线程去做,并且以key——value的形式,通过context传递给red

额外说明

【已解决】RuntimeError_ Queue objects should only be shared between processes through inheritance

报错信息 raise RuntimeError( RuntimeError: Queue objects should only be shared between processes through inheritance 分析原因 mult

额外说明

无心剑中译奥修《顺其自然》

Be Natural 顺其自然 Q: Osho, You teach Your sannyasins to take care of themselves before they try to take care of others. This seem

额外说明

大数据学习笔记11:搭建完全分布式Hadoop

文章目录 一、搭建服务器集群 1、创建三台虚拟机 2、配置静态IP地址 3、查看主机名 4、配置主机IP映射 5、查看防火墙状态 6、关闭SeLinux安全机制 7、查看三台虚拟机相互免密登录 8、安装配置JDK后查看Java版本 二、配置分布式Hado

额外说明

5分钟了解Redis的内部实现跳跃表(skiplist)

跳跃表简介 跳跃表(skiplist)是一个有序的数据结构,它通过在每个节点维护不同层次指向后续节点的指针,以达到快速访问指定节点的目的。跳跃表在查找指定节点时,平均时间复杂度为,最坏时间复杂度为O(N)。 Redis使用跳跃表(skiplist)作为有

额外说明

Java笔试真题及参考答案

题目 使用Swing实现一个窗口程序,窗口包括一个菜单栏,请按以下要求实现相应功能。 (1)窗口标题为“GUI程序”,大小为400X300, 居中显示:窗口上有一个面板,面板背景色为灰色; (2)面板上有一个标签,内容为“河南城建学院”,字体为“隶书”,

额外说明

Vue3组件库

Vue组件库 Vite+Vue3+Typescript+TSX 1、项目搭建 1.1、创建项目(yarn) D:\WebstromProject>yarn create vite yarn create v1.22.19 [1/4] Resolving

ads via 小工具