建站
咨詢
售后
建站咨詢
新聞中心
如何用 WordPress 寫(xiě)出一篇“好看”的文章
一篇文章是否好看，無(wú)非在于兩方面，第一個(gè)就是文章本身的內(nèi)容，另一個(gè)就是文章顯示的排版布局。筆者博客自創(chuàng)建以來(lái)，也已經(jīng)過(guò)去了近兩年的時(shí)間，這 其中積攢了很多在 WordPress 寫(xiě)作的經(jīng)驗(yàn)，特別是在文字排版這塊?；厥子^看，早期的文章質(zhì)量比現(xiàn)在的要差遠(yuǎn)了，本文就是總結(jié)一下對(duì)于使用 WordPress 寫(xiě)作文章排版的經(jīng)驗(yàn)。
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),柯城企業(yè)網(wǎng)站建設(shè),柯城品牌網(wǎng)站建設(shè),網(wǎng)站定制,柯城網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,柯城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
一些基礎(chǔ)知識(shí)
在后臺(tái)編寫(xiě)文章通常使用可視化的編輯器，你看到的排版布局就是比較具體的效果，但實(shí)際上數(shù)據(jù)是用 HTML 結(jié)構(gòu)來(lái)記載的。例如，當(dāng)你回車換行，那么在換行的地方系統(tǒng)就會(huì)加上一個(gè)段落標(biāo)簽（p），當(dāng)你插入一個(gè)連接的時(shí)候，用的就是錨標(biāo)記 （a）。HTML 是具有語(yǔ)義性的，根據(jù) HTML 的語(yǔ)義性寫(xiě)出的一篇文章，對(duì)于 SEO 、排版都有好處。此外，WordPress 主題的作者，通常也會(huì)針對(duì)這些結(jié)構(gòu)進(jìn)行一些設(shè)計(jì)和樣式處理，會(huì)使其顯示的效果更好。
用標(biāo)題劃分文章層次
標(biāo)題標(biāo)簽（hn）是非常重要的一個(gè) HTML 標(biāo)簽，它對(duì)于 SEO 也有很重要的作用。通常用它來(lái)劃分文章的層次。寫(xiě)一篇文章，肯定要有一定的層次，也就是所謂的大論點(diǎn)、小論點(diǎn)等。通常的文章一般具有三個(gè)層次：文章標(biāo)題、 大標(biāo)題、小標(biāo)題，通常來(lái)說(shuō)，對(duì)應(yīng)的標(biāo)簽是 h1、h2、h3。對(duì)于有的主題來(lái)說(shuō)，設(shè)計(jì)者會(huì)用 h2 作為文章標(biāo)題，這點(diǎn)也需要注意。標(biāo)題標(biāo)簽一共有六個(gè)（h1-6），分別代表不同的重要等級(jí)，實(shí)際應(yīng)用當(dāng)中，只會(huì)使用 h1-3。需要注意以下兩點(diǎn)：
內(nèi)文標(biāo)題層次不要高于文章標(biāo)題。如果文章標(biāo)題使用了 h1，那么內(nèi)文大標(biāo)題只能使用 h2。
小標(biāo)題包含在大標(biāo)題中。分清楚小標(biāo)題屬于哪個(gè)大標(biāo)題屬于什么層次，不能把小標(biāo)題和大標(biāo)題的層次混合。
合理的使用標(biāo)題劃分文章層次，可以讓文章變得更容易理解，對(duì)閱讀者和 SEO 都有好處，更有一些插件可以根據(jù)文章的標(biāo)題建立目錄層次，例如 水煮魚(yú) 開(kāi)發(fā)的TOC 文章目錄插件。
對(duì)于重要的文字進(jìn)行加重處理
這一點(diǎn)大家都知道，不再贅述。但是要注意的一點(diǎn)，只對(duì)非常重要的關(guān)鍵詞進(jìn)行加重，加重的效果通常是文字加粗，這樣可以吸引瀏覽者的目光，如果太多的話，就會(huì)分散閱讀者的注意力，要盡可能的少。下圖就是個(gè)加太多的例子。
善用有序和無(wú)序列表
如果你在文中寫(xiě)的內(nèi)容具有明顯的并排性，可以作為一個(gè)列表，那么一定要使用無(wú)序列表（ul）或者有序列表 （ol）。無(wú)序列表就是指沒(méi)有順序的列表。如果你想列舉某項(xiàng)產(chǎn)品有什么樣的有點(diǎn)，或者是一些賽事列表，那么你應(yīng)該使用無(wú)序列表。有序列表 是指一些有順序的并排信息。如果你想寫(xiě)一下使用某個(gè)軟件的四個(gè)步驟，或者是發(fā)布一個(gè)有明確順序的資源列表，那么就用無(wú)序列表。
見(jiàn)過(guò)很多文章會(huì)對(duì)一些并排性的內(nèi)容，手動(dòng)編寫(xiě)諸如 1、2、3 之類的編號(hào)，其實(shí)這是錯(cuò)誤的，應(yīng)該使用有序列表， CSS 自動(dòng)添加編號(hào)上去。
善用空格
空格是文章中比不可少的一部分，但是很多人用空格的方法是錯(cuò)誤的?？崭癫皇怯脕?lái)排版的，它不像是在 Word 之類的軟件里面，使用空格在段落的開(kāi)頭空開(kāi)兩格。中文的寫(xiě)作習(xí)慣是在文章段落的開(kāi)頭，空開(kāi)兩個(gè)字符，這空開(kāi)的距離，并不應(yīng)該使用空格來(lái)實(shí)現(xiàn)，而是使用 CSS 對(duì)段落標(biāo)簽增加屬性 text-indent 來(lái)實(shí)現(xiàn)的。這個(gè)是主題設(shè)計(jì)者的工作，如果你用的主題并沒(méi)有做這個(gè)，那就不會(huì)自動(dòng)空開(kāi)了，你只能自己修改 CSS 或者用空格模擬空出兩字的效果，但這是不合理的。
那么空格究竟要用在什么地方呢？用在重要的關(guān)鍵詞上面，特別是英文關(guān)鍵詞。英文在中文文章中是個(gè)不太好處理的東西，絕大多數(shù)的作者會(huì)直接把英文字母和中文混寫(xiě)在一起，但是這樣的顯示效果并不好。具體對(duì)比效果如下圖
在稍微重要的關(guān)鍵詞的兩邊，我加了兩個(gè)空格，稍稍加一點(diǎn)距離，對(duì)于英文單詞，除了空格之外還對(duì)首字母進(jìn)行大寫(xiě)，兩條文字一對(duì)比效果很明顯就可以看出來(lái)。
標(biāo)注文章引用內(nèi)容
有的文章可能會(huì)引用一些其他文章的資料、名人名言等，這樣就需要選中這塊文字，點(diǎn)擊“塊引用”，這樣就可以告訴閱讀者，這是一塊來(lái)自他人的內(nèi)容，我引用過(guò)來(lái)的。
用預(yù)格式化描述代碼等有格式的內(nèi)容
例如一段代碼，通常有換行、空格之類的用來(lái)保持代碼的結(jié)構(gòu)，如果以普通的文字發(fā)布，可能會(huì)破壞這個(gè)結(jié)構(gòu)，所以要用預(yù)格式化。
使用其他修飾的注意事項(xiàng)
其他的文字修飾還有很多，包括：斜體、刪除線、下劃線、顏色、字體大小等。這些文字修飾要慎用，用多了，會(huì)讓閱讀者感覺(jué)雜亂影響閱讀心情。就顏色來(lái)說(shuō)，一篇文章中最多不要超過(guò)兩種顏色。
盡量多的使用圖片
雖然不能極端的說(shuō)沒(méi)有圖片的文章不是好文章，但是一篇好文章是肯定有圖片的。文章中的圖片主要有以下兩個(gè)用處：
與文章內(nèi)容相符增強(qiáng)文章表現(xiàn)力
緩和閱讀中的視覺(jué)疲憊
所以，文章中，要盡量配圖。配圖也要跟文章主題相符合，例如：介紹人物的文章，配張人物圖片；介紹軟件的，配張軟件截圖；寫(xiě)心情生活類的，可以配張唯美的圖片等等。
用心去寫(xiě)文章
一篇文章最吸引人的是文章的內(nèi)容，再好的排版，沒(méi)有好的內(nèi)容，人們也不會(huì)去看的。所以要用心去寫(xiě)文章。
寫(xiě)之前有明確的目的（介紹自己的寫(xiě)作排版經(jīng)驗(yàn)），有一個(gè)大體的構(gòu)思（包括寫(xiě)哪幾部分），然后覺(jué)得寫(xiě)出來(lái)會(huì)給閱讀者一定的幫助，這時(shí)候就開(kāi)始動(dòng)手寫(xiě)。 寫(xiě)的過(guò)程中，按照之前的構(gòu)思，列出大綱和知識(shí)點(diǎn)收集整理相關(guān)資料，然后針對(duì)每個(gè)知識(shí)點(diǎn)去截圖或者用 PS 作圖來(lái)更形象的描述這個(gè)問(wèn)題。寫(xiě)完并且上傳圖片之后，還要反復(fù)檢查兩邊，看看是否有廢話、錯(cuò)別字以及沒(méi)介紹清楚的地方。
就本文而言，本人用了兩個(gè)小時(shí)的時(shí)間來(lái)寫(xiě)作，為寫(xiě)出一篇有價(jià)值的文章，付出這些是值得的。
一個(gè)反例
下圖是從所謂剛子博客上截取的，是一篇被我縮小的文章，整體是一大段文字沒(méi)有任何的段落層次、修飾、圖片，是一個(gè)非常好的反例。
如果只是一篇短小的文字，這樣是可以的，如果是一篇很長(zhǎng)的文字，不免讓閱讀者疲憊。
寫(xiě)在最后
用 WordPress 寫(xiě)出一篇好看的文章，首先要用心去寫(xiě)，寫(xiě)出一篇高質(zhì)量、有閱讀價(jià)值的文章，其次要對(duì)文章不同的內(nèi)容進(jìn)行修飾。本文就介紹了一些寫(xiě)作經(jīng)驗(yàn)。
至于文章內(nèi)容具體的修飾樣式，是根據(jù)你用的 WordPress 主題而定。本人的原創(chuàng)主題Qetro就對(duì)文字的排版進(jìn)行了一定的優(yōu)化，如果你的博客寫(xiě)文字比較多一點(diǎn)，不妨試用一下看看效果。
博客現(xiàn)在都關(guān)閉了,寫(xiě)文章用什么
如果你想要寫(xiě)一些文章并將它們發(fā)布到互聯(lián)網(wǎng)上，有很多的選擇。以下是幾種常用的寫(xiě)作和發(fā)布文章的方法：
1. 在 Medium 上發(fā)布：Medium 是一個(gè)成為許多寫(xiě)作者、博主和專家的去處，這里聚集了各種內(nèi)容?？梢栽?Medium 上免費(fèi)創(chuàng)建自己的帳戶，然后開(kāi)始發(fā)布文章。
2. 在 WordPress 上發(fā)布：WordPress 是一個(gè)流行的開(kāi)源博客平臺(tái)，以其可定制性和易用性而聞名。使用它可以輕松地創(chuàng)建自己的博客站點(diǎn)，并發(fā)布文章到那里。
3. 在 Ghost 上發(fā)布：Ghost 是一個(gè)基于 Node.js 的現(xiàn)代博客平臺(tái)，它很容易上手，并提供了一些適合小型站點(diǎn)的額外功能。同樣，使用 Ghost 可以輕松地創(chuàng)建自己的博客站點(diǎn)，并發(fā)布文章到那里。
4. 在 Substack 上發(fā)布：Substack 是一個(gè)新近出現(xiàn)的、由郵件組成的寫(xiě)作和支付平臺(tái)。作者們可以將文章發(fā)布到自己的 Substack 電子郵件列表中，然后訂閱者將通過(guò) Substack 中的每月訂閱費(fèi)用支持他們。
這僅僅是一些選擇?，F(xiàn)在有很多的平臺(tái)來(lái)發(fā)表你的文章或博客，根據(jù)你的喜好和風(fēng)格，選擇最適合你的平臺(tái)即可。
wordpress做的blog只能站長(zhǎng)自己發(fā)博客嗎
一般來(lái)說(shuō)，個(gè)人博客主要是為個(gè)人寫(xiě)作而用。
而wordpress的功能非常強(qiáng)大，除了具備個(gè)人博客的功能，還有多作者共同寫(xiě)作的功能。
當(dāng)然，這些功能要能很好的使用，需要你對(duì)wordpress的系統(tǒng)的了解和不斷的學(xué)習(xí)。
希望了解更多的wordpress 的功能，還可以看看參考資料的鏈接，很完整詳細(xì)的信息表述。
wordpress 使用markdown 編輯的博文 先導(dǎo)出文章 在導(dǎo)入后 查看博文已經(jīng)變成 html了為什么?
系統(tǒng)做了轉(zhuǎn)換
用wordpress markdown為關(guān)鍵詞搜索的話，無(wú)論Google還是百度，我的博客墻外的梯子 都是靠前的，如果你搜索了可以看看我的文章。推薦這篇文章使用Markdown寫(xiě)作Wordpress。推薦使用Jetpack或者JP Markdown，后者是Jetpack插件的markdown部分，不推薦使用wp-markdown的原因是會(huì)丟失一些特殊內(nèi)容（至少我之前使用的版本是這樣。）
以下為文章內(nèi)容，知乎這里顯示的不好，推薦去看原文使用Markdown寫(xiě)作Wordpress。
-----------
前言
今時(shí)今日，Markdown已經(jīng)越來(lái)越流行，作為最流行的博客程序——WordPress，雖然沒(méi)有原生支持，但是有豐富的插件讓W(xué)ordPress支持Markdown。本文將介紹使用Jetpack插件支持Markdown，Crayon Syntax Highlighter插件來(lái)支持代碼高亮。
一.什么是Mardkown
Markdown 的目標(biāo)是實(shí)現(xiàn)「易讀易寫(xiě)」。
可讀性，無(wú)論如何，都是最重要的。一份使用 Markdown
格式撰寫(xiě)的文件應(yīng)該可以直接以純文本發(fā)布，并且看起來(lái)不會(huì)像是由許多標(biāo)簽或是格式指令所構(gòu)成。Markdown 語(yǔ)法受到一些既有
text-to-HTML 格式的影響，包括 Setext、atx、Textile、reStructuredText、Grutatext 和
EtText，而最大靈感來(lái)源其實(shí)是純文本電子郵件的格式。
總之， Markdown 的語(yǔ)法全由一些符號(hào)所組成，這些符號(hào)經(jīng)過(guò)精挑細(xì)選，其作用一目了然。比如：在文字兩旁加上星號(hào)，看起來(lái)就像強(qiáng)調(diào)。Markdown 的列表看起來(lái)，嗯，就是列表。Markdown 的區(qū)塊引用看起來(lái)就真的像是引用一段文字，就像你曾在電子郵件中見(jiàn)過(guò)的那樣。
——摘抄自Markdown 語(yǔ)法說(shuō)明(簡(jiǎn)體中文版)
簡(jiǎn)而言之，Mardkown讓我們可以拋棄糟糕的富文本編輯器，讓我們簡(jiǎn)單、可控的寫(xiě)作。
Markdown起源于Daring Fireball: Markdown Syntax Documentation，此文也是最原始版本的Markdown的規(guī)范。
更多關(guān)于Markdown的介紹請(qǐng)參見(jiàn)《使用Markdown寫(xiě)作》或者維基百科Markdown詞條。Markdown語(yǔ)法說(shuō)明請(qǐng)參見(jiàn)Markdown 語(yǔ)法說(shuō)明(簡(jiǎn)體中文版) 。
需要注意的是，除了原始的Mardkown，現(xiàn)在已經(jīng)衍生出Markdown Extra、Github Flavored Markdo、CommonMark等多個(gè)版本，他們都是在原始Markdown的基礎(chǔ)上進(jìn)行功能擴(kuò)充，也基本兼容原始Markdown的語(yǔ)法。
二.Wordpress的Markdown支持插件
已經(jīng)支持markdown，但是我們所使用的WordPrss程序并不原生支持，好在WordPress從來(lái)不缺插件。
WordPress的Markdown插件主要有WP-Markdown、Markdown on Save
Improved、Jetpack等。其中最好的當(dāng)屬Jetpack，它也是實(shí)現(xiàn)Markdown支持的方式。另有一個(gè)JP Markdown插件，插件說(shuō)明是Jetpack的Markdown模塊，筆者沒(méi)有使用過(guò)，讀者若有興趣，可自行嘗試。
在WordPress ? Jetpack by WordPress.com ? WordPress Plugins下載插件，或者在WordPress后臺(tái)搜索安裝即可。安裝后請(qǐng)記得在Jetpack后臺(tái)激活markdown，詳情見(jiàn)《
Markdown on Save Improved停止維護(hù)，已并入Jetpack
》一文。
需要注意的是，Jetpack支持的是Markdown Extra，和原始Markdown有稍許差別。具體語(yǔ)法，請(qǐng)參見(jiàn)官方文檔：《Markdown quick reference》 （wordpress.com上的內(nèi)容，自備梯子），或者M(jìn)arkdown Extra的語(yǔ)法說(shuō)明:Michel Fortin – PHP Markdown Extra
三.代碼高亮插件
代碼高亮插件并非必須，但因?yàn)楸姸嗍褂谜咝枰N代碼，所以在這也介紹下。推薦使用的代碼高亮插件是Crayon Syntax Highlighter。
由于插件的自身的原因或者設(shè)置不當(dāng)，使得代碼高亮插件和Markdown插件造成沖突，這也是WordPress使用Markdown的最大障礙。而Crayon Syntax Highlighter和Jetpack完全兼容。
貼代碼的方式多種多樣，可以使用WordPress后臺(tái)文章編輯處的添加按鈕，如圖：
或者使用Markdown Extra支持的語(yǔ)法。如：
行內(nèi)高亮：
`This is code`
效果為：This is code
區(qū)塊高亮：
文章題目：寫(xiě)作wordpress 寫(xiě)作文的技巧和方法
文章出自：http://fisionsoft.com.cn/article/dopeede.html
