我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

WordPress字间距 wordpress更换字体

如何修改wordPress博客文章标题与内容的间距、行间距

很多新手朋友也许还会问道如何修改如何修改wordPress博客文章标题和文章内容的字体及大小问题,这个比较简单,在此带过一下,例如我的SEM博客,文章内容的DIV是entry(如何查看?如果你用火狐浏览器的话,可以选中你的文章内容,点右键,查看元素。)。找到你博客文章内容的DIV,就可以修改了。(基本的CSS样式不用介绍了吧,如果一点都不懂CSS样式,千万别碰wordpress。) 我这个主题原本的wordPress博客文章标题与内容的间距非常小,那么如何修改呢?其实也很简单,先还是用火狐浏览器,选中你的标题,点右键查看元素,找到它的代码所在之处。然后下载你的博客css样式表,找到那段代码,在其中轻轻的插入padding-bottom代码,尺寸就看你个人的口味了。例如我的博客文章标题是在entry这个DIV,H2,插入padding-bottom:15px; 同理,修改文章的行间距也是如此,插入line-height:150%(数字你定)。不过,本人在修改行间距的时候发现,如果同时用到wordpress文章发布后台的 最后看看我修改的代码:  .post h2 a, .post h2, { font: bold 20px(注:字体大小) Arial, sans-serif; color:#D52300; color:#D52300; text-decoration: none; padding-bottom:15px(注:文章标题与内容的间距); line-height:150%;(注:这个我去掉了) }

10余年建站经验, 成都网站设计、成都做网站客户的见证与正确选择。创新互联建站提供完善的营销型网页建站明细报价表。后期开发更加便捷高效,我们致力于追求更美、更快、更规范。

怎样修改wordpress编辑器默认字体大小

14px、首先打开你以前发布的文章;这样信息的字段1;上方的,选择外观-编辑:30px、观察查找到的:14px,字体变大后适当修改有利于显示更加美观:16px,查看左边文章字体大小

是否变大了,点击右键-审查元素

2。

6;这样的字段信息

3;字段,将14px修改为30px;{":

30px,则将其修改为font-size。

4,需要重新再找包含有font-size、在审查元素工具中:line-height控制行间距,默认的字体大小就是16px了,粘贴刚才复制的;line-height。

7,打开编辑主题样式表(style.article-content{

后面的内容;line-height:26px.article-content进去,直到找到为止。按CTRL+F打开查找,查找类似font-size。如果没有变大.article-content复制下来;这样的语句;进行查找;line-height、以后再发布文章时、点击选中font-size,非常方便.css)、点击找到的font-size:

26px,再加一个反括号"。

5:

14px。【注。选中一段文字、打开wordpress后台。】改好后点击最下面的“更新文件”,如果包含有font-size;即可,或者新编辑的文章使用预览浏览也可以:

14px

wordpress 文章的文字排版问题

由于wordpress开发的过程中没考虑到中国文化的情况,我们的国家在写文章是会在每段文章的首行缩进2个字,这是为了大家方便阅读。可是我们在wordpress后台编写文章是即使自己手动首行空两格,但是点击发布时在网站页面显示的却不是首行空两格。

此时我们的解决办法是在style.css样式表中插入这样的代码 text-indent:2em; 2em是2个字符的意思 ,

想缩几个字符数字就改为多少。那我们怎样知道在样式表中哪个地方来控制我们的首行缩进呢?

由于不同的wordpress模板不同可能控制的代码是不一样的,这就需要我们打开我们自己的文章页

右击查看我们的网页源代码。 我自己网站控制文章的代码是这样的 article class=”article-content“

p(文章),这样我们就知道是这部分来控制的。因此我们去style.css表中找到article-content p

添加 text-indent:2em; 就可以了


新闻名称:WordPress字间距 wordpress更换字体
文章URL:http://mswzjz.cn/article/ddigice.html

其他资讯