WordPress文章字体大小 行距等代码设置



有的主题作者,将内容编辑器中增加了,文字大小的选项,操作起来简单易上手,但是还有很多的wordpress主题为了保证原来的风格,没有进行调整,那么就会有很多朋友,在内容编辑上会遇到设置文字大小的问题。

WordPress文章字体大小设置

下面 Tim 分享一下之前解决此问题的小方法,大家赶快看看把

一、如果亲更青睐于插件模式的话,我们可以尝试使用插件就网友及个人的经验,wordpress文章字体插件中最好用的是一款名为“CKEditor for WordPress”的插件。插件安装后不仅可修改博客文章的字体,甚至连评论里的字体也可以修改。从功能上讲这款插件是很不错的,但是安装后也会出现一些问题,比如插件本身是不带有中文字体的,安装后你会发现,原来wordpress中文版默认的wordpress文章字体‘微软雅黑’会变成类‘宋体’的字,会影响到文章的美观。当然,插件也是可以通过修改代码添加中文字体的,但网上的很多方法我均有测试,效果都不大好。另外,玩wordpress还是那个原则‘能不用插件的尽量不要用插件’,过多的使用插件会造成程序本身的负担导致网站速度偏慢。

二、如果喜欢手动的朋友可以尝试下面的两种方式

1、你可以通过“外观—编辑—style.css”找到代码:

body {

background: #f2f2f2;

font: 12px 'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;

color: #000;

text-shadow: 0px 1px 0px #d1d1d1;

}

将其中的12px修改成你想要的大小就可以了,一般情况下修大一点都会选择14px。但是需要注意的是,有些主题中已经有对字体进行定义,这种情况比较麻烦,贸然修改可能会造成版面的bug。如果想修改wordpress文章字体大小需要找其他代码,需要通过ftp下载style.css文件,查找font,然后修改如content、comment等处font-size。你可以安装本地博客进行一一测试,这里面包括文章标题大小、颜色、加粗、行间距等均可修改。由于主题不同,定义不同,在这里我们不一一列举。

如何直接在文章编辑面板里修改wordpress文章字体大小呢?

直接在博客文章里用html代码是不可以的,需要用css代码,在这里,我简单列一些我们会常用到的一些文字属性代码供大家使用。

<span style="font-size: 16px;">文字大小</span>

效果:文字大小

<span style="background-color: #00ff00">字体背景颜色</span>

效果:字体背景颜色

<span style="font-family: 隶书;">字体 </span>

效果:字体

<sup>上标字</sup>

效果:上标字上标字 (代码为“上标字<sup>上标字</sup>”)

<sub>下标字</sub>

效果:下标字下标字(代码为“下标字<sub>下标字</sub>”)

    • 2017年11月15日

    What’s up, eѵery time i սsed to check weblog posts here early in tһe breaк оf day, as i love to gain knowledցe
    of more аnd more.

  1. 无通告。