wordpress與ps Wordpress是什么

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

一篇文章是否好看，無非在于兩方面，第一個(gè)就是文章本身的內(nèi)容，另一個(gè)就是文章顯示的排版布局。筆者博客自創(chuàng)建以來，也已經(jīng)過去了近兩年的時(shí)間，這 其中積攢了很多在 WordPress 寫作的經(jīng)驗(yàn)，特別是在文字排版這塊?；厥子^看，早期的文章質(zhì)量比現(xiàn)在的要差遠(yuǎn)了，本文就是總結(jié)一下對(duì)于使用 WordPress 寫作文章排版的經(jīng)驗(yàn)。

成都創(chuàng)新互聯(lián)成立與2013年，先為敦化等服務(wù)建站，敦化等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為敦化企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

一些基礎(chǔ)知識(shí)

在后臺(tái)編寫文章通常使用可視化的編輯器，你看到的排版布局就是比較具體的效果，但實(shí)際上數(shù)據(jù)是用 HTML 結(jié)構(gòu)來記載的。例如，當(dāng)你回車換行，那么在換行的地方系統(tǒng)就會(huì)加上一個(gè)段落標(biāo)簽（p），當(dāng)你插入一個(gè)連接的時(shí)候，用的就是錨標(biāo)記 （a）。HTML 是具有語(yǔ)義性的，根據(jù) HTML 的語(yǔ)義性寫出的一篇文章，對(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 也有很重要的作用。通常用它來劃分文章的層次。寫一篇文章，肯定要有一定的層次，也就是所謂的大論點(diǎn)、小論點(diǎn)等。通常的文章一般具有三個(gè)層次：文章標(biāo)題、 大標(biāo)題、小標(biāo)題，通常來說，對(duì)應(yīng)的標(biāo)簽是 h1、h2、h3。對(duì)于有的主題來說，設(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)題建立目錄層次，例如 水煮魚 開發(fā)的TOC 文章目錄插件。

對(duì)于重要的文字進(jìn)行加重處理

這一點(diǎn)大家都知道，不再贅述。但是要注意的一點(diǎn)，只對(duì)非常重要的關(guān)鍵詞進(jìn)行加重，加重的效果通常是文字加粗，這樣可以吸引瀏覽者的目光，如果太多的話，就會(huì)分散閱讀者的注意力，要盡可能的少。下圖就是個(gè)加太多的例子。

善用有序和無序列表

如果你在文中寫的內(nèi)容具有明顯的并排性，可以作為一個(gè)列表，那么一定要使用無序列表（ul）或者有序列表 （ol）。無序列表就是指沒有順序的列表。如果你想列舉某項(xiàng)產(chǎn)品有什么樣的有點(diǎn)，或者是一些賽事列表，那么你應(yīng)該使用無序列表。有序列表 是指一些有順序的并排信息。如果你想寫一下使用某個(gè)軟件的四個(gè)步驟，或者是發(fā)布一個(gè)有明確順序的資源列表，那么就用無序列表。

見過很多文章會(huì)對(duì)一些并排性的內(nèi)容，手動(dòng)編寫諸如 1、2、3 之類的編號(hào)，其實(shí)這是錯(cuò)誤的，應(yīng)該使用有序列表， CSS 自動(dòng)添加編號(hào)上去。

善用空格

空格是文章中比不可少的一部分，但是很多人用空格的方法是錯(cuò)誤的?？崭癫皇怯脕砼虐娴?，它不像是在 Word 之類的軟件里面，使用空格在段落的開頭空開兩格。中文的寫作習(xí)慣是在文章段落的開頭，空開兩個(gè)字符，這空開的距離，并不應(yīng)該使用空格來實(shí)現(xiàn)，而是使用 CSS 對(duì)段落標(biāo)簽增加屬性 text-indent 來實(shí)現(xiàn)的。這個(gè)是主題設(shè)計(jì)者的工作，如果你用的主題并沒有做這個(gè)，那就不會(huì)自動(dòng)空開了，你只能自己修改 CSS 或者用空格模擬空出兩字的效果，但這是不合理的。

那么空格究竟要用在什么地方呢？用在重要的關(guān)鍵詞上面，特別是英文關(guān)鍵詞。英文在中文文章中是個(gè)不太好處理的東西，絕大多數(shù)的作者會(huì)直接把英文字母和中文混寫在一起，但是這樣的顯示效果并不好。具體對(duì)比效果如下圖

在稍微重要的關(guān)鍵詞的兩邊，我加了兩個(gè)空格，稍稍加一點(diǎn)距離，對(duì)于英文單詞，除了空格之外還對(duì)首字母進(jìn)行大寫，兩條文字一對(duì)比效果很明顯就可以看出來。

標(biāo)注文章引用內(nèi)容

有的文章可能會(huì)引用一些其他文章的資料、名人名言等，這樣就需要選中這塊文字，點(diǎn)擊“塊引用”，這樣就可以告訴閱讀者，這是一塊來自他人的內(nèi)容，我引用過來的。

用預(yù)格式化描述代碼等有格式的內(nèi)容

例如一段代碼，通常有換行、空格之類的用來保持代碼的結(jié)構(gòu)，如果以普通的文字發(fā)布，可能會(huì)破壞這個(gè)結(jié)構(gòu)，所以要用預(yù)格式化。

使用其他修飾的注意事項(xiàng)

其他的文字修飾還有很多，包括：斜體、刪除線、下劃線、顏色、字體大小等。這些文字修飾要慎用，用多了，會(huì)讓閱讀者感覺雜亂影響閱讀心情。就顏色來說，一篇文章中最多不要超過兩種顏色。

盡量多的使用圖片

雖然不能極端的說沒有圖片的文章不是好文章，但是一篇好文章是肯定有圖片的。文章中的圖片主要有以下兩個(gè)用處：

與文章內(nèi)容相符增強(qiáng)文章表現(xiàn)力

緩和閱讀中的視覺疲憊

所以，文章中，要盡量配圖。配圖也要跟文章主題相符合，例如：介紹人物的文章，配張人物圖片；介紹軟件的，配張軟件截圖；寫心情生活類的，可以配張唯美的圖片等等。

用心去寫文章

一篇文章最吸引人的是文章的內(nèi)容，再好的排版，沒有好的內(nèi)容，人們也不會(huì)去看的。所以要用心去寫文章。

寫之前有明確的目的（介紹自己的寫作排版經(jīng)驗(yàn)），有一個(gè)大體的構(gòu)思（包括寫哪幾部分），然后覺得寫出來會(huì)給閱讀者一定的幫助，這時(shí)候就開始動(dòng)手寫。 寫的過程中，按照之前的構(gòu)思，列出大綱和知識(shí)點(diǎn)收集整理相關(guān)資料，然后針對(duì)每個(gè)知識(shí)點(diǎn)去截圖或者用 PS 作圖來更形象的描述這個(gè)問題。寫完并且上傳圖片之后，還要反復(fù)檢查兩邊，看看是否有廢話、錯(cuò)別字以及沒介紹清楚的地方。

就本文而言，本人用了兩個(gè)小時(shí)的時(shí)間來寫作，為寫出一篇有價(jià)值的文章，付出這些是值得的。

一個(gè)反例

下圖是從所謂剛子博客上截取的，是一篇被我縮小的文章，整體是一大段文字沒有任何的段落層次、修飾、圖片，是一個(gè)非常好的反例。

如果只是一篇短小的文字，這樣是可以的，如果是一篇很長(zhǎng)的文字，不免讓閱讀者疲憊。

寫在最后

用 WordPress 寫出一篇好看的文章，首先要用心去寫，寫出一篇高質(zhì)量、有閱讀價(jià)值的文章，其次要對(duì)文章不同的內(nèi)容進(jìn)行修飾。本文就介紹了一些寫作經(jīng)驗(yàn)。

至于文章內(nèi)容具體的修飾樣式，是根據(jù)你用的 WordPress 主題而定。本人的原創(chuàng)主題Qetro就對(duì)文字的排版進(jìn)行了一定的優(yōu)化，如果你的博客寫文字比較多一點(diǎn)，不妨試用一下看看效果。

怎樣將PS里寫的文章上傳到我的網(wǎng)站？我的網(wǎng)站是wordpress的。

=============================================

對(duì)不起我理解錯(cuò)了。

這樣的話只能以圖片的方式來上傳了。

另外還可以在CSS添加字體樣式。

希望可以幫到你。當(dāng)然，我們還可以探討這個(gè)問題。

=============================================

離線寫作 方法

可以使用 Windows Live Writer 軟件。

具體的方法可以百度或者谷歌下，Windows Live Writer wordpress 。

希望可以幫到你。當(dāng)然，我們還可以探討這個(gè)問題。

用wordpress做了一個(gè)PS教程的網(wǎng)站，因?yàn)閳D片很多，點(diǎn)擊鏈接后，怎么才能先響應(yīng)再加載呢？

搜索“Lazy Load”插件，實(shí)現(xiàn)延遲加載圖片

會(huì)先加載網(wǎng)頁(yè)文字內(nèi)容，再加載其他富媒體內(nèi)容

本文名稱：wordpress與ps Wordpress是什么
瀏覽路徑：http://muchs.cn/article14/dohojde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站維護(hù)、網(wǎng)站策劃、商城網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)