2013年3月7日星期四

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



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

一些基础知识

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

用标题划分文章层次

用标题划分文章层次
标题标签()是非常重要的一个 HTML 标签,它对于 SEO 也有很重要的作用。通常用它来划分文章的层次。写一篇文章,肯定要有一定的层次,也就是所谓的大论点、小论点等。通常的文章一般具有三个层次:文章标题、大标题、小标题,通常来说,对应的标签是 h1、h2、h3。对于有的主题来说,设计者会用 h2 作为文章标题,这点也需要注意。标题标签一共有六个(h1-6),分别代表不同的重要等级,实际应用当中,只会使用 h1-3。需要注意以下两点:
  • 内文标题层次不要高于文章标题。如果文章标题使用了 h1,那么内文大标题只能使用 h2。
  • 小标题包含在大标题中。分清楚小标题属于哪个大标题属于什么层次,不能把小标题和大标题的层次混合。
合理的使用标题划分文章层次,可以让文章变得更容易理解,对阅读者和 SEO 都有好处,更有一些插件可以根据文章的标题建立目录层次,例如 水煮鱼 开发的 TOC 文章目录插件

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

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

善用有序和无序列表

如果你在文中写的内容具有明显的并排性,可以作为一个列表,那么一定要使用无序列表(
    )或者有序列表(
      )。无序列表就是指没有顺序的列表。如果你想列举某项产品有什么样的有点,或者是一些赛事列表,那么你应该使用无序列表。有序列表是指一些有顺序的并排信息。如果你想写一下使用某个软件的四个步骤,或者是发布一个有明确顺序的资源列表,那么就用无序列表。
善用有序和无序列表
见过很多文章会对一些并排性的内容,手动编写诸如 1、2、3 之类的编号,其实这是错误的,应该使用有序列表, CSS 自动添加编号上去。

善用空格

空格是文章中比不可少的一部分,但是很多人用空格的方法是错误的。空格不是用来排版的,它不像是在 Word 之类的软件里面,使用空格在段落的开头空开两格。中文的写作习惯是在文章段落的开头,空开两个字符,这空开的距离,并不应该使用空格来实现,而是使用 CSS 对段落标签增加属性 text-indent 来实现的。这个是主题设计者的工作,如果你用的主题并没有做这个,那就不会自动空开了,你只能自己修改 CSS 或者用空格模拟空出两字的效果,但这是不合理的。
善用空格
那么空格究竟要用在什么地方呢?用在重要的关键词上面,特别是英文关键词。英文在中文文章中是个不太好处理的东西,绝大多数的作者会直接把英文字母和中文混写在一起,但是这样的显示效果并不好。具体对比效果如下图
善用空格
在稍微重要的关键词的两边,我加了两个空格,稍稍加一点距离,对于英文单词,除了空格之外还对首字母进行大写,两条文字一对比效果很明显就可以看出来。

标注文章引用内容

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

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

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

使用其他修饰的注意事项

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

尽量多的使用图片

虽然不能极端的说没有图片的文章不是好文章,但是一篇好文章是肯定有图片的。文章中的图片主要有以下两个用处:
  • 与文章内容相符增强文章表现力
  • 缓和阅读中的视觉疲惫
所以,文章中,要尽量配图。配图也要跟文章主题相符合,例如:介绍人物的文章,配张人物图片;介绍软件的,配张软件截图;写心情生活类的,可以配张唯美的图片等等。

用心去写文章

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

一个反例

下图是从 所谓刚子 博客上截取的,是一篇被我缩小的文章,整体是一大段文字没有任何的段落层次、修饰、图片,是一个非常好的反例。
一个排版不好的反例
如果只是一篇短小的文字,这样是可以的,如果是一篇很长的文字,不免让阅读者疲惫。

写在最后

用 WordPress 写出一篇好看的文章,首先要用心去写,写出一篇高质量、有阅读价值的文章,其次要对文章不同的内容进行修饰。本文就介绍了一些写作经验。
至于文章内容具体的修饰样式,是根据你用的 WordPress 主题而定。本人的原创主题 Qetro 就对文字的排版进行了一定的优化,如果你的博客写文字比较多一点,不妨试用一下看看效果。 ^_^

3D槍危險


馮禮慈 此君曰

有讀本欄的朋友,大概都讀過關於3D Printing(3D立體打印)這技術。立體打印跟我們平日打印(Print)文件一樣,但印出來的是立體實物!例如你想要一椅子,不須出街買,從網上打印下來,就有一張可坐的椅子了!3D立體打印技術距離面世非常接近,已非幻想了。

但令人擔心的立體打印來了:3D武器……

槍也可在家列印出來!在YouTube,已有人張貼了「如何在家列印一支槍」的影片出來,該影片更講明「完全合法」!

美國一名為Defense Distributed的公司正計畫在網上免費提供3D打印膠槍下載服務,該槍可發射真子彈!此槍名為Wiki Weapon,目前已開發了兩種塑料的版本,第一種A型手槍,沒有活動部件,屬訓練槍。第二種B型有活動部件,經改進後將可在家中通過3D打印機製造,正等政府批准。

3D打印槍消息公布後,傳媒和各界大表震驚。的確,人人可以安坐家中就將槍列印出來,這還了得?各界的關注令3D槍的進展稍受阻撓。目前世界各地政府會否批准3D槍成為合法產品尚未知,不過,即使各政府不批准3D槍為合法,人們仍總有大把機會在網上取得下載3D槍的途徑,況且,如槍可經下載製成,其他武器也一樣會這樣。到時,世界會大亂,人人自危。


所有浪費掉的時光


康子 靈氣逼人


曾經有環保廣告,將我們平時浪費的食物,鋪天蓋地的陳列出來,視覺效果相當震撼。

啊?原來我們竟然這樣折墮,竟然如此不愛惜資源。

時間呢?如果可以將浪費掉的時間,也做一個統計的話,相信我們看到後,必定會嚇一跳。竟然,任由,時光在我們的身邊,毫無意義地流逝?

你問任何一個人,世上甚麼最寶貴?對方要是有點聰明的話,應該會答:「時間」。包括「遲到大王」曾志偉。

既寶貴,亦公平,不論你是甚麼人,一律僅獲得配給每日二十四小時,每星期七日,每年五十二個星期……不會多,不會少,沒賒沒借,童叟無欺。

可有回想,你曾否善用手頭上的時間配額?一年裏頭,好應該有些日子,是自由自在。亦應該有些日子,是無牽無掛。據說「憂」最能傷人,間中不妨放下包袱,喘一口氣。

與心愛的人,一起共度的光陰,更要好好爭取。還有學習的時間、玩樂的時間、工作的時間。

獨自傷心,舐傷口休養的時間;與朋友說三道四,叱五喝六的時間;懊悔的時間、哀悼的時間。

甚至不知為甚麼,又不知做甚麼,無端端躺坐,竟忽然溜走了的時間。

被騙去的時間。曾經有朋友失戀,痛不欲生,她最不忿、最憎恨的不是愛錯的那個人,而是為對方浪費掉的所有時間。

亦有朋友因此不肯飛南、北美洲,不論公幹或消遣,一律謝絕,理由簡單有力:只是那一種飛機,已浪費青春,在機艙中跟眾陌生人度過?開玩笑。

故,只有十七、八歲的美少女,被人半哄半騙往阿根廷,才負擔得起那種損失。混搞一輪,來回往返,虛擲了幾多光陰?三十歲後的成年人,基本上非誠勿擾,無寶不落。

年輕時,年尾才結算自己的成果。隨年紀增長,開始每一天、每一小時的計算:今天可過得有意義?逐分逐秒計,根本不容許再浪費。


民主的無奈

劉創楚 乘風遊

意大利大選初步點票結果顯示,前總理貝盧斯科尼搞局策略成功:他的右翼政黨可能贏參院,貝爾薩尼的偏左聯盟或贏眾院,且無一黨得票過半數,因此難以組成政府。儘管戰後意大利政黨輪流上台執政如走馬燈,但今次僵局卻是首見。這個結局,意大利和歐洲政界視為噩夢,貝盧斯科尼卻正中下懷,自從他去年十一月底決定復出參選,他就很少和黨內高層談治國綱領,而是與旗下傳媒骨幹商宣傳大計:他的目標首先不是自己上台執政,而是防止對手贏得選舉。自從他二十年前從政至今,意大利經濟每況愈下,正是懂選舉、不懂治國政客所造成。而有貝盧斯科尼般掌握宣傳機器又專注於攫取選票攬權的人,可說是民主政體的無奈。

此次大選的背景資料中,有一統計最為使人觸目驚心:意大利自一九九○年以來,經濟成長率年均只有百分之零點八,比平均每年人口增長率還少。經濟二十二年持續停滯不前,可說是意大利所有問題包括失業和國債的根源,而大選結果一個搞局老頑童加上一個喜劇演員,以泄恨換選票已取得過半數選票,如此民主,只能令人絕望。

貝盧斯科尼及格里洛領導的政黨都以「意大利可以向歐盟說不」為選舉主題,結果是四千多萬選民超過一半認同,他們尤其不滿德國在背後施壓強加的緊縮政策。民主的真諦是選民話事,而大選反映的民意是人民不肯勒緊褲頭解決經濟問題。如果尊重民意,則意大利應脫離歐羅區。至於一些專家指此舉等於自殺,但逆反民意又哪能算是真民主?