Technic

WordPress怎么修改段落间距

2017-07-12

刚刚发了几个post之后觉得段落间距实在是太大了,看起来非常不美观,用我小学语文老师的话说,两行之间隔着十万八千里。想要改变行间距可以简单的通过修改css文件实现,下边来说一下我是怎么做的。

 

步骤一:打开你自己的页面,并调出浏览器的开发者工具,比如chrome是用ctrl+shift+i同时按。然后先点击开发者工具左上角的小箭头(图中红圈处),然后点选觉得段落间距过大的段落(途中左侧p标签及高亮)

 

步骤二: 这样开发者工具就自动定位到了这段文字对应的css样式,我们先点击Styles标签(图中红圈处),然后就看到了p文本对应的样式,我们可以看到margin-bottom为25px,非常大,我们可以将其改成自己喜欢的数值。这里我已经将其改为auto(图中红色方框处)。与此同时在页面上也对应的看到段落间距变小了。使用开发者工具的好处是可以实时看到自己的改动会导致什么样的变化。

 

步骤三:之前只是进行预览,接下来我们就要真正开始修改文件了。我们打开wordpress控制界面的Appearance菜单下的Editor,并找到右侧最下方的Stylesheet(style.css)并单击打开。打开的过程中,为了防止用户无意中修改文件造成网页故障,wordpress会询问你是否要继续修改,点击继续。 

 

步骤四:找到刚才我们使用开发者工具修改过的那个条目并进行相应的更改,比如这里我把p项目的margin-bottom从25px改为了auto。修改好之后点击“update file”保存并更新。

 

步骤五:这下我们再回去看页面,会发现段落间距已经减小啦。如果页面没有刷新,可以使用ctrl+F5对页面进行强制刷新,这样就可以看到修改后的页面了。

Leave a Reply

Your email address will not be published. Required fields are marked *