十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
一篇文章是否好看,无非在于两方面,第一个就是文章本身的内容,另一个就是文章显示的排版布局。笔者博客自创建以来,也已经过去了近两年的时间,这 其中积攒了很多在 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就对文字的排版进行了一定的优化,如果你的博客写文字比较多一点,不妨试用一下看看效果。
如果你想要写一些文章并将它们发布到互联网上,有很多的选择。以下是几种常用的写作和发布文章的方法:
1. 在 Medium 上发布:Medium 是一个成为许多写作者、博主和专家的去处,这里聚集了各种内容。可以在 Medium 上免费创建自己的帐户,然后开始发布文章。
2. 在 WordPress 上发布:WordPress 是一个流行的开源博客平台,以其可定制性和易用性而闻名。使用它可以轻松地创建自己的博客站点,并发布文章到那里。
3. 在 Ghost 上发布:Ghost 是一个基于 Node.js 的现代博客平台,它很容易上手,并提供了一些适合小型站点的额外功能。同样,使用 Ghost 可以轻松地创建自己的博客站点,并发布文章到那里。
4. 在 Substack 上发布:Substack 是一个新近出现的、由邮件组成的写作和支付平台。作者们可以将文章发布到自己的 Substack 电子邮件列表中,然后订阅者将通过 Substack 中的每月订阅费用支持他们。
这仅仅是一些选择。现在有很多的平台来发表你的文章或博客,根据你的喜好和风格,选择最适合你的平台即可。
一般来说,个人博客主要是为个人写作而用。
而wordpress的功能非常强大,除了具备个人博客的功能,还有多作者共同写作的功能。
当然,这些功能要能很好的使用,需要你对wordpress的系统的了解和不断的学习。
希望了解更多的wordpress 的功能,还可以看看参考资料的链接,很完整详细的信息表述。
系统做了转换
用wordpress markdown为关键词搜索的话,无论Google还是百度,我的博客墙外的梯子 都是靠前的,如果你搜索了可以看看我的文章。推荐这篇文章使用Markdown写作Wordpress。推荐使用Jetpack或者JP Markdown,后者是Jetpack插件的markdown部分,不推荐使用wp-markdown的原因是会丢失一些特殊内容(至少我之前使用的版本是这样。)
以下为文章内容,知乎这里显示的不好,推荐去看原文使用Markdown写作Wordpress。
-----------
前言
今时今日,Markdown已经越来越流行,作为最流行的博客程序——WordPress,虽然没有原生支持,但是有丰富的插件让WordPress支持Markdown。本文将介绍使用Jetpack插件支持Markdown,Crayon Syntax Highlighter插件来支持代码高亮。
一.什么是Mardkown
Markdown 的目标是实现「易读易写」。
可读性,无论如何,都是最重要的。一份使用 Markdown
格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有
text-to-HTML 格式的影响,包括 Setext、atx、Textile、reStructuredText、Grutatext 和
EtText,而最大灵感来源其实是纯文本电子邮件的格式。
总之, Markdown 的语法全由一些符号所组成,这些符号经过精挑细选,其作用一目了然。比如:在文字两旁加上星号,看起来就像强调。Markdown 的列表看起来,嗯,就是列表。Markdown 的区块引用看起来就真的像是引用一段文字,就像你曾在电子邮件中见过的那样。
——摘抄自Markdown 语法说明(简体中文版)
简而言之,Mardkown让我们可以抛弃糟糕的富文本编辑器,让我们简单、可控的写作。
Markdown起源于Daring Fireball: Markdown Syntax Documentation,此文也是最原始版本的Markdown的规范。
更多关于Markdown的介绍请参见《使用Markdown写作》或者维基百科Markdown词条。Markdown语法说明请参见Markdown 语法说明(简体中文版) 。
需要注意的是,除了原始的Mardkown,现在已经衍生出Markdown Extra、Github Flavored Markdo、CommonMark等多个版本,他们都是在原始Markdown的基础上进行功能扩充,也基本兼容原始Markdown的语法。
二.Wordpress的Markdown支持插件
已经支持markdown,但是我们所使用的WordPrss程序并不原生支持,好在WordPress从来不缺插件。
WordPress的Markdown插件主要有WP-Markdown、Markdown on Save
Improved、Jetpack等。其中最好的当属Jetpack,它也是实现Markdown支持的方式。另有一个JP Markdown插件,插件说明是Jetpack的Markdown模块,笔者没有使用过,读者若有兴趣,可自行尝试。
在WordPress › Jetpack by WordPress.com « WordPress Plugins下载插件,或者在WordPress后台搜索安装即可。安装后请记得在Jetpack后台激活markdown,详情见《
Markdown on Save Improved停止维护,已并入Jetpack
》一文。
需要注意的是,Jetpack支持的是Markdown Extra,和原始Markdown有稍许差别。具体语法,请参见官方文档:《Markdown quick reference》 (wordpress.com上的内容,自备梯子),或者Markdown Extra的语法说明:Michel Fortin – PHP Markdown Extra
三.代码高亮插件
代码高亮插件并非必须,但因为众多使用者需要贴代码,所以在这也介绍下。推荐使用的代码高亮插件是Crayon Syntax Highlighter。
由于插件的自身的原因或者设置不当,使得代码高亮插件和Markdown插件造成冲突,这也是WordPress使用Markdown的最大障碍。而Crayon Syntax Highlighter和Jetpack完全兼容。
贴代码的方式多种多样,可以使用WordPress后台文章编辑处的添加按钮,如图:
或者使用Markdown Extra支持的语法。如:
行内高亮:
`This is code`
效果为:This is code
区块高亮: