wordpress的排版 wordpress页面模板-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

wordpress的排版 wordpress页面模板

wordpress 文章的文字排版问题

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

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比鼓楼网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式鼓楼网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖鼓楼地区。费用合理售后完善,10多年实体公司更值得信赖。

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

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

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

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

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

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

如何用 WordPress 写出一篇“好看”的文章

一篇文章是否好看,无非在于两方面,第一个就是文章本身的内容,另一个就是文章显示的排版布局。笔者博客自创建以来,也已经过去了近两年的时间,这 其中积攒了很多在 WordPress 写作的经验,特别是在文字排版这块。回首观看,早期的文章质量比现在的要差远了,本文就是总结一下对于使用 WordPress 写作文章排版的经验。

一些基础知识

在后台编写文章通常使用可视化的编辑器,你看到的排版布局就是比较具体的效果,但实际上数据是用 HTML 结构来记载的。例如,当你回车换行,那么在换行的地方系统就会加上一个段落标签(p),当你插入一个连接的时候,用的就是锚标记 (a)。HTML 是具有语义性的,根据 HTML 的语义性写出的一篇文章,对于 SEO 、排版都有好处。此外,WordPress 主题的作者,通常也会针对这些结构进行一些设计和样式处理,会使其显示的效果更好。

用标题划分文章层次

标题标签(hn)是非常重要的一个 HTML 标签,它对于 SEO 也有很重要的作用。通常用它来划分文章的层次。写一篇文章,肯定要有一定的层次,也就是所谓的大论点、小论点等。通常的文章一般具有三个层次:文章标题、 大标题、小标题,通常来说,对应的标签是 h1、h2、h3。对于有的主题来说,设计者会用 h2 作为文章标题,这点也需要注意。标题标签一共有六个(h1-6),分别代表不同的重要等级,实际应用当中,只会使用 h1-3。需要注意以下两点:

内文标题层次不要高于文章标题。如果文章标题使用了 h1,那么内文大标题只能使用 h2。

小标题包含在大标题中。分清楚小标题属于哪个大标题属于什么层次,不能把小标题和大标题的层次混合。

合理的使用标题划分文章层次,可以让文章变得更容易理解,对阅读者和 SEO 都有好处,更有一些插件可以根据文章的标题建立目录层次,例如 水煮鱼 开发的TOC 文章目录插件。

对于重要的文字进行加重处理

这一点大家都知道,不再赘述。但是要注意的一点,只对非常重要的关键词进行加重,加重的效果通常是文字加粗,这样可以吸引浏览者的目光,如果太多的话,就会分散阅读者的注意力,要尽可能的少。下图就是个加太多的例子。

善用有序和无序列表

如果你在文中写的内容具有明显的并排性,可以作为一个列表,那么一定要使用无序列表(ul)或者有序列表 (ol)。无序列表就是指没有顺序的列表。如果你想列举某项产品有什么样的有点,或者是一些赛事列表,那么你应该使用无序列表。有序列表 是指一些有顺序的并排信息。如果你想写一下使用某个软件的四个步骤,或者是发布一个有明确顺序的资源列表,那么就用无序列表。

见过很多文章会对一些并排性的内容,手动编写诸如 1、2、3 之类的编号,其实这是错误的,应该使用有序列表, CSS 自动添加编号上去。

善用空格

空格是文章中比不可少的一部分,但是很多人用空格的方法是错误的。空格不是用来排版的,它不像是在 Word 之类的软件里面,使用空格在段落的开头空开两格。中文的写作习惯是在文章段落的开头,空开两个字符,这空开的距离,并不应该使用空格来实现,而是使用 CSS 对段落标签增加属性 text-indent 来实现的。这个是主题设计者的工作,如果你用的主题并没有做这个,那就不会自动空开了,你只能自己修改 CSS 或者用空格模拟空出两字的效果,但这是不合理的。

那么空格究竟要用在什么地方呢?用在重要的关键词上面,特别是英文关键词。英文在中文文章中是个不太好处理的东西,绝大多数的作者会直接把英文字母和中文混写在一起,但是这样的显示效果并不好。具体对比效果如下图

在稍微重要的关键词的两边,我加了两个空格,稍稍加一点距离,对于英文单词,除了空格之外还对首字母进行大写,两条文字一对比效果很明显就可以看出来。

标注文章引用内容

有的文章可能会引用一些其他文章的资料、名人名言等,这样就需要选中这块文字,点击“块引用”,这样就可以告诉阅读者,这是一块来自他人的内容,我引用过来的。

用预格式化描述代码等有格式的内容

例如一段代码,通常有换行、空格之类的用来保持代码的结构,如果以普通的文字发布,可能会破坏这个结构,所以要用预格式化。

使用其他修饰的注意事项

其他的文字修饰还有很多,包括:斜体、删除线、下划线、颜色、字体大小等。这些文字修饰要慎用,用多了,会让阅读者感觉杂乱影响阅读心情。就颜色来说,一篇文章中最多不要超过两种颜色。

尽量多的使用图片

虽然不能极端的说没有图片的文章不是好文章,但是一篇好文章是肯定有图片的。文章中的图片主要有以下两个用处:

与文章内容相符增强文章表现力

缓和阅读中的视觉疲惫

所以,文章中,要尽量配图。配图也要跟文章主题相符合,例如:介绍人物的文章,配张人物图片;介绍软件的,配张软件截图;写心情生活类的,可以配张唯美的图片等等。

用心去写文章

一篇文章最吸引人的是文章的内容,再好的排版,没有好的内容,人们也不会去看的。所以要用心去写文章。

写之前有明确的目的(介绍自己的写作排版经验),有一个大体的构思(包括写哪几部分),然后觉得写出来会给阅读者一定的帮助,这时候就开始动手写。 写的过程中,按照之前的构思,列出大纲和知识点收集整理相关资料,然后针对每个知识点去截图或者用 PS 作图来更形象的描述这个问题。写完并且上传图片之后,还要反复检查两边,看看是否有废话、错别字以及没介绍清楚的地方。

就本文而言,本人用了两个小时的时间来写作,为写出一篇有价值的文章,付出这些是值得的。

一个反例

下图是从所谓刚子博客上截取的,是一篇被我缩小的文章,整体是一大段文字没有任何的段落层次、修饰、图片,是一个非常好的反例。

如果只是一篇短小的文字,这样是可以的,如果是一篇很长的文字,不免让阅读者疲惫。

写在最后

用 WordPress 写出一篇好看的文章,首先要用心去写,写出一篇高质量、有阅读价值的文章,其次要对文章不同的内容进行修饰。本文就介绍了一些写作经验。

至于文章内容具体的修饰样式,是根据你用的 WordPress 主题而定。本人的原创主题Qetro就对文字的排版进行了一定的优化,如果你的博客写文字比较多一点,不妨试用一下看看效果。

如何快速编辑发布格式规整的wordpress文章

在很多人有了wordpress网站,在网上看到一些好的文章,难免要复制粘贴到自己的网站上,那么问题就来了,网页上的文章格式很多,有的是段落前没有空两个字,有的在行文中有过多的空格,有的有过多的空行,这些文章复制后在wordpress后台粘贴后发布,就会出现格式混乱不美观的情况。

那么如何将复制好的文章快速规整好进行发布呢?以往,我是先粘贴纯文本到word中,然后找到其中不规则文本的规律,再进行查找替换,比如查找两个^p^p,替换为一个^p,就将有段前的空行替换掉,等等,这样做虽然可以节省时间,但要替换的操作较多时,也是挺费时费力的。经过摸索,我发现了一个比较快捷的方法,步骤如下:

1.要网页上选定要复制的文本后,打开网页,这是爱站网上的一个自动排版工具网页。

2.将复制文本粘贴到编辑框中。

3.点击“自动排版”。

4.选定已调整好的文字,再进行复制。

5.打开word,粘贴。

6.在word下,查找“ ”,即四个空格,替换为“”,即两个全角空格。

7.再次复制文本,即可到wordpress后台发布文章了。

为什么还要到word进行替换呢,这是因为,自动排版网页工具将每段文字前都留了四个半角空格,wordpress发布后自动删除,就会变为每段不空两字的效果,通过换为全角空格,wordpress将全角空格作为两个汉字处理,自然产生空两字的效果。

希望您能通过百度找到此网页,并为你的wordpress网站更新提供方便。

wordpress文章页面排版调整

首先你要用Chrome之类的浏览器,打开你的网站或测试网站,在想处理的区域点右键--审查元素,找到相应区域在HTML中的节点,应该是个div,如果写程序的比较牛X,可能是section,

你会看到这个页面的结构

!doctype html

html lang="en"

head

meta charset="UTF-8"

titleDocument/title

/head

body

div id="可能存在的第1区的id" class="第1区的class"

第1区的内容

/div

div id="可能存在的第2区的id" class="第2区的class"

第2区的内容

/div

div id="可能存在的第3区的id" class="第3区的class"

第3区的内容

/div

/body

/html

如果你打开网站看到的就是你截图的页面的样子,那么,你应该用Notepad++之类的编辑软件打开这个主题的index.php,然后你就可以对调或者删除相应区域了。


文章题目:wordpress的排版 wordpress页面模板
浏览地址:http://kswsj.cn/article/dddodjg.html

其他资讯