如何用 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建一个公司官网（1）

原文链接：

缘起

上周，有天早上，一个朋友打电话找我求助，说要去客户公司那里讲产品方案，客户说想先看看他们公司网站，但是之前出于各种原因吧，他们一直没有把公司网站做出来，客户说你们怎么连个网站都没有，没有网站那就不要来了。。。这下就有点尴尬了，没办法，谁让客户是爸爸呢？

朋友发了一个他们行业里竞争对手的网站，说就弄成这样的得多久？我打开一看，嗨，这不就是一个典型的WordPress建的公司网站吗，简直太简单了。正好他要展示给客户的产品内容也非常简单，基本上就一页就可以完事，用WordPress来做非常适合。

我说，你把产品内容什么的准备好，这种网站就是分分钟的事。他大喜。指派了公司里的一个做运营的妹子做内容对接。

于是我们就约了个时间聚在一个小咖啡馆，先让妹子理了理产品内容和素材，包括文字、图片、视频什么的。然后花了点时间给她讲解了一些WordPress的基本概念和用法，再装上一个建站神器–强大到无以复加的 Elementor ，The World’s Leading WordPress Page Builder，大部分时间我就是在旁边指指点点，她哪里不会我就告诉她点哪里，基本上完全是她自己拖拖拽拽搭积木一样就弄出来了。这妹子是一个绝对百分之百的技术小白，人生中第一次做出来的公司官网还挺像模像样的，也足可见WordPress和 Elementor 的强大之处啊。下面就是妹子最终上线的作品截图：

虽然是一个很简单的单页面，也没有什么跳转页面，是不是总体感觉还不错的？有些地方还略微有点瑕疵，但是瑕不掩瑜，可以打个80-90分了！

也可以看看她做的几版的变化过程，开始的时候还有点乱七八糟，后面就一点点越来越成形了：

Previous

Next

妹子之前从来没有接触过建站相关之类的东西，做出来这个之后非常开心，挺有成就感的。而且在手机上打开自动就是响应式的布局，点击链接就能自动滑动到相关部分，她觉得好神奇

，朋友看了也觉得挺满意，就直接发给客户看了，客户爸爸也觉得挺好。大家好才是真的好！总体上这个简单的小站的建站过程非常快速，非常愉快，都很满意，四赢局面，完美！下面就把这次简单的建站过程介绍一下，有需要的朋友也可以借鉴参考一下

第一步 买域名

朋友之前连域名都没有买，所以第一步就是买域名。域名这个没得说，只要他觉得合适就行。做公司官网肯定还是首选.com, 不要选些什么奇奇怪怪的顶级域名。

他自己选好了一个域名，让妹子直接在阿里云上买了，估计她以前连域名是啥都不知道吧，但第一次买域名还挺溜的，咔咔就支付宝付款完了，这手速估计也是平时剁手练出来的。。。和淘宝购物没啥区别。也挺便宜，一年55块，第二年续费69。但他们买的速度太快了也为后面造成了一些不小的坑，还没有来得及提醒不要在国内的域名注册上购买，就已经买好了。如果事先知道朋友要在阿里云买域名，我肯定得拦着他一下。

阿里云购买域名最操蛋的还是要属实名认证这个鬼东西了，如果没有实名认证过的域名会一直是下图这个鸟样子，“ 运行异常 ”，而且会在注册局层面显示 serverHold 不可用。

域名的运行异常提示

没有实名认证过的域名不能解析

因为我没有在国内域名商买过，不知道还有这个坑，他们买好之后我各种修改DNS服务器就是死活都不生效，折腾了好久不知道什么原因，搞到我都开始怀疑人生。后来才发现原来是因为没有实名认证，真是踏

简直了，所以赶紧让妹子去认证了一下。真是无FUCK说，谁让现在买个菜刀都得出示身份证呢？更别说你域名了。这就好比你光出示身份证还不行，那只是你有买菜刀的资格，你还得实名认证完了才能开刃。。。。我认证你妹啊认证

域名认证过程中还有个小插曲，我说妹子你去认证一下吧，她说好的，然后麻利高效的嗖嗖嗖就认证好了，我一看，得，这还不是域名的实名认证，只是阿里云帐号的实名认证，哦，进了你的大卖场要实名买票，进去了买个菜刀还得实名认证再来一次，真是太棒了！后来妹子机智地用老板的身份证信息把域名给实名认证了，总算是可以修改DNS了

域名是个大生意，国内国外的大大小小的域名购买商太多了，多如牛毛，各家隐形的坑也不少。因为出于对国内域名商的不信任，我从来没有在国内买过。之前在国外的Godday、name.com什么的买过好几个，购买流程和体验还算比较ok，但也都是一时兴起没怎么用起来，注册完自己都忘了。。。过了一年之后没续费就自动取消了。我现在这个丘壑博客的域名 bestscreenshot.com 原来是在name.com上买的，后来转出到了 wealthyaffiliate.com 上，到现在总体用起来感觉还挺不错的，很方便很稳定。下图就是各家的对比，基本上我在这几家都买过域名，推荐 wealthyaffiliate.com

wealthyaffiliate.com 和其他国外域名商的对比

为什么推荐在 wealthyaffiliate.com 购买域名？

购买流程方便快捷

每年续费价格固定，没有潜在费用

256位加密强度的SSL证书（免费）

域名隐私保护 Domain Privacy （免费）

无需实名认证 Private Registration（免费）

无限域名邮箱账户（免费）

稳定的高级DNS解析服务（免费）

自由转入转出

对比可以发现，在 wealthyaffiliate.com 上注册域名有许多免费的增值服务，比其他域名注册商要良心不少。具体的域名注册购买步骤限于篇幅内容就暂时不介绍了，都是很简单的一步步下来，也没有什么坑，最后直接PayPal或者信用卡付款就ok了，我已经在这里买了3个域名了。再次推荐。

第二步 托管服务

折腾了几个小时终于把域名搞定了。接下来就是要解决托管服务的选型了。上文已经说过，网站的程序方案已经确定无疑是WordPress了，所以基于WordPress来选择托管服务也有几个选择：

云主机自主方案

WordPress是PHP开发的，对主机性能要求并不高，所以买一台最低配的独立云主机或者VPS都可以跑起来。现在云计算这么普及，各家云计算服务商的控制台上买主机、装系统、加带宽的各种操作也都方便的很了。然后按部就班部署一套标准的LAMP环境或LNMP环境（Linux + Apache/Nginx + MySql + PHP），当然了，云主机的系统选Windows也是ok的，因为我是个码农，个人来说是比较倾向于Linux。关于这些技术内容，延伸出来每一part都可以展开一本书的内容，网络上也有各种的教程和科普，这里暂时也就不细说了，以后有机会再慢慢一点点介绍。

买好主机，弄好环境部署，最后再把WordPress程序安装好就可以搞定了。WordPress的配置安装还是挺简单。

这种云主机的方案优点是自主性很强，性能和专业性有保证，可以比喻成给你一堆图纸、水泥、钢筋和沙子，后面就全部要自己了；缺点也是自主性太强，对小白不友好，尤其是对于朋友这种类型的中小企业来说，主要任务是要专注于产品研发和开发新客户，不会有什么专门人去管理服务器，没有必要也养不起这样的专职运维人员。所以说这不是一个技术问题，而是一个成本问题。

再一个非技术原因就是：备案！这个备案是管局强制性的，只要使用境内服务器做域名解析就必须备案！个中细节就不说了，反正备个案能把人搞死。而且备案是需要时间的，长则10天半个月，短则4 、5天。而本次的需求是他恨不能第二天网站就能上线发给客户爸爸看看，所以用国内主机肯定是来不及的，要么用国外主机，而且基于上面的人员成本、维护成本等原因，云主机方案已经被排除了…

So, Plan B is here：

WordPress托管服务

如果说上面的方案可以说是只有图纸、水泥、钢筋和沙子的话（连毛坯房都不算），那么这种第三方托管方案简直就可以说是拎包入住的精装房了。

WordPress对主机提供商来说是一块竞争很大的市场。虽然有很多家大型主机商（如GoDaddy、bluehost等等）提供WordPress主机，但是专业化的提供商通过专注WordPress客户的需求而保持竞争力，包括安全保障和定期升级，专业级别的插件和服务等等，国外这种公司挺多的，比如 Pagely 、 WP Engine  ( 收购了WordPress主题框架Genesis)、  WPMUDEV 、 WordPress.com （墙了） 等等不一而足，国内也有几家。部分服务商的价格对比如下：

CompanyPrice

SiteGround $5.95/mo

GoDaddy $12.99/mo

Kinsta $30/mo

Flywheel $28/mo

WPEngine $35/mo

Pagely $299/mo

Presslabs $599/mo + $0.10/1,000 pageviews

LiquidWeb $99/mo

很明显，使用WordPress托管服务的优点—-方便快捷，几乎不要求技术基础就可以快速弄出一个WordPress站点，快的话几乎 30秒 就可以弄一个出来了，而且无需备案；缺点来说，国内打开的速度和性能可能并不能尽如人意，全英语界面对一些人可能也是个不小的障碍。

目前我自己的 丘壑博客 用的这家服务商是 SiteRubix ，是一家隶属于加拿大 Wealthy Affiliate  旗下的专业WordPress托管服务商。 Wealthy Affiliate 是一家非常成功的优质内容营销教育平台和社交网络，它的affiliate marketing培训课程极为出色，国内可能名气没有那么大（基本上全是英语内容），但在国外受众和会员非常多，社区非常活跃，氛围很好，高人也挺多的。 Wealthy Affiliate 的联盟计划也改变了不少人的生活轨迹和命运，普通人的成功故事也挺多，很多人靠着WA过上了非常惬意的生活。以后有机会可以详细介绍一下，目前来说和本篇内容没有太大关系，题外话。去年偶然的时候接触到了 Wealthy Affiliate ，很快就被它上面的优质课程和社区所吸引，购买了一年的 高级付费会员 。下面简单介绍一下SiteRubix的优缺点：

SiteRubix 优点:

全能的WordPress托管平台

付费会员可以建立多达50个站点（25个顶级域名的，25个二级域名的）

创建过程简单便捷，4步建站.

关于内容建设方面的高质量课程源源不断

与Wealthy Affiliate的培训课程和管理后台深度集成

自带安全扫描、每日备份、Spam拦截

30GB存储、带宽支持每月50万用户访问

缓存和压缩技术可以极速优化WordPress打开速度

SEO和内容优化建议，二级域名的免费站点在Google的收录也挺快

一键迁移技术可以快速从二级域名切换到自有域名

技术支持快速响应

主题模板丰富

SiteRubix 缺点:

免费版只支持2个站点，只有12个模板可选

如果不需要内容建设等方便的在线培训课程，价格会显略贵

基于美国AWS云计算平台，国内速度会略逊一筹

相比于其他单纯的WordPress托管服务商， SiteRubix 在基础功能上一点也不逊色，某些功能甚至更专业，能很好的满足一个WordPress站点各方面的需求， SiteRubix 突出优势和附加价值在于与Wealthy Affiliate中各种内容建设课程的深度集成，这对于一些并不需要多么高深复杂的技术方案的网络营销者、利基市场挖掘者、博客作者或者其他有目标受众的内容建设者来说，不失为一个很好的选择。就我个人来说，这几个月用下来，除了国内某些地区的速度不是很理想，其他方便没什么可吐槽的。

回到正题，因为朋友这次的需求就是快速上线一个产品官网，对技术方面什么的他并没有什么特殊要求，所以SiteRubix非常符合这个项目，绰绰有余。

我用自己的帐号在 SiteRubix 后台快速给他新建了一个二级站点  jiekai.siterubix.com , 作为一个线上的开发环境（也算是职业病吧，习惯于把线上环境和开发测试环境区分开），等妹子把产品内容弄好之后，再一键切换到他自己的域名，见下图的箭头处：（这个截图事后截的）

SiteRubix的一键move功能，方便从二级域名到顶级域名快速切换

小结

至此，域名和WordPress托管服务这些基础设施建设已经搞定了，接下来就是如何一步步使用 Elementor 快速搭建一个公司官网了，本想放在一篇，但考虑到这样的话内容会太长，读起来也太累，还是拆做两部分，未完待续，敬请期待

新闻名称：wordpress时间线 wpf 时间轴
标题URL：http://kswjz.com/article/dohihce.html