您的位置: 哈尔滨信息港 > 故事

首行缩进方法介绍急

发布时间:2020-05-25 18:32:55

不知道为何,大多数的WordPress博客主题作者制作主题的时候,都没有把正文内容段落的首行缩进两格,这其实不需要多大的工夫。段落首行缩进 两格,可以让文章整体看起来更加条理,读者阅读得更加轻松,这便是站高手们常说的用户体验了。实现正文段落首行缩进的方法很简单,博客吧为需要的朋友介 绍下。

首行缩进方法介绍:

主要是通过CSS代码为WordPress博客正文段落添加首行缩进的样式。这里需要注意的是,每个WordPress博客主题作者使用的CSS样式类名都不一样将自己塑造成一个传奇。“比如邀请媒体来到战利品所在地进行报道,但是方法是一样的,这里以博客吧当前主题为例进行讲授说明。

实现的方法步骤:

1.登陆自己的WordPress博客,点击蜘蛛爬行不通外观选项卡下的选项进入主题界面(可以把需要修改的主题文件下载到本地进行修改)

2.选择p文件进行,找到WordPress博客正文内容标签代码:

?php the_content(('div class=morestrongRead More.../strong/div'));?在其前后分别添加p和/p标签:

p?php the_content(('div class=morestrongRead More.../strong/div'));?/p3.查找正文内容的CSS样式的类名或id选择器(一般在正文内容标签代码上面),如本站的

div class=t?php the_content(('div class=morestrongRead More.../strong/div'));?其中的post使用是类名

4.选择s文件进行,在样式文件中找到正文内容的CSS样式,找到该样式的派生选择器p,在派生选择器p中添加首行缩进代码text-indent:2em;,完全的代码以下:

#content .post p { color:#666; margin-bottom:7px; text-indent:2em;}如果没有派生选择器p,可以为其添加一个,代码以下:

#content .post p {text-indent:2em;}5.提交更新文件,刷新页面,WordPress博客正文内容段落实现首行缩进了。

提示:其实这是很简单的CSS知识,建议不会的博主们学习一下基础的CSS知识。

转载请标明出处:博客吧

本文地址:

注:相干站建设技能浏览请移步到建站教程频道。

新生儿拉肚子吃什么
得了灰指甲怎么去除
亮甲的效果怎么样
灰指甲杀菌药物
猜你会喜欢的
猜你会喜欢的