首页 » 建站技术 » WordPress » 浏览内容

WordPress首行缩进的三种简单方法


2010-12-17 20:05:35 4,831 0 发表评论 字体: 作者:C.K.
标签: WordPress

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

WordPress是由外国人开发的,有些地方没有考虑到中文写作的习惯。中文写文章喜欢在每一段的开头空两个,所以用WordPress写中文的朋友有必要设置段落的首行缩进方便用户体验。这里介绍三种方法实现WordPress首缩进

一:通过CSS样式控制首行缩进

这种方法比较简单,一劳永逸。以inove主题为例,其他主题一般也y通过这种方法实现。

找到主题目录下的style.css文件,找到:

.post .content p {
margin-bottom:10px;
}

替换为

.post .content p {
margin-bottom:10px;
text-indent: 2em;
}

也就是在post.content p{  后添加一行text-indent: 2em;

第一种方法可能对个别主题不实用,你用下面的方法。

二:给WordPress编辑器添加首行缩进标签

打开wp-includes/js/quicktags.js文件,找到

edButtons[edButtons.length]=new edButton("ed_more","more","<!--more-->","","t",-1);

在上面的代码下方添加以下代码

edButtons[edButtons.length]=new edButton('ed_para2em','para2em','<p style="text-indent: 2em">','</p>','pa');

添加前和添加后的效果对比

wordpress2 thumb WordPress首行缩进的三种简单方法

操作方法演示:在需要缩进的某一段,先在段头点击下“para2em” ,然后在段尾按再次点击。

WP thumb WordPress首行缩进的三种简单方法

三:全角空格实现首行缩进

写文章时把输入法切换到全角模式,在需要缩进的段首按两下空格键即可。

演示效果:

WordPress thumb WordPress首行缩进的三种简单方法

方法来自NeoEar’s Blog 本站稍作整理。

原文地址:http://neoear.com/2009/10/wordpress-indent/

小结:本站在使用第一种方法时直接在后台发布文章好像首段不会缩进,不过我喜欢使用live-writer发布文章。三种方法相信总有一种适合你的

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5067 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14170004 位访客

广告区 Guǎng Gào