wordpress 是一個網(wǎng)站程序,獨(dú)立博客系統(tǒng)。真正的不受別人制約,自己的網(wǎng)上家園。 就是用wordpress建立的個人博客
成都創(chuàng)新互聯(lián)公司是少有的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、營銷型企業(yè)網(wǎng)站、微信小程序開發(fā)、手機(jī)APP,開發(fā)、制作、設(shè)計、買鏈接、推廣優(yōu)化一站式服務(wù)網(wǎng)絡(luò)公司,公司2013年成立,堅持透明化,價格低,無套路經(jīng)營理念。讓網(wǎng)頁驚喜每一位訪客多年來深受用戶好評
一篇文章是否好看,無非在于兩方面,第一個就是文章本身的內(nèi)容,另一個就是文章顯示的排版布局。筆者博客自創(chuàng)建以來,也已經(jīng)過去了近兩年的時間,這 其中積攢了很多在 WordPress 寫作的經(jīng)驗,特別是在文字排版這塊。回首觀看,早期的文章質(zhì)量比現(xiàn)在的要差遠(yuǎn)了,本文就是總結(jié)一下對于使用 WordPress 寫作文章排版的經(jīng)驗。
一些基礎(chǔ)知識
在后臺編寫文章通常使用可視化的編輯器,你看到的排版布局就是比較具體的效果,但實際上數(shù)據(jù)是用 HTML 結(jié)構(gòu)來記載的。例如,當(dāng)你回車換行,那么在換行的地方系統(tǒng)就會加上一個段落標(biāo)簽(p),當(dāng)你插入一個連接的時候,用的就是錨標(biāo)記 (a)。HTML 是具有語義性的,根據(jù) HTML 的語義性寫出的一篇文章,對于 SEO 、排版都有好處。此外,WordPress 主題的作者,通常也會針對這些結(jié)構(gòu)進(jìn)行一些設(shè)計和樣式處理,會使其顯示的效果更好。
用標(biāo)題劃分文章層次
標(biāo)題標(biāo)簽(hn)是非常重要的一個 HTML 標(biāo)簽,它對于 SEO 也有很重要的作用。通常用它來劃分文章的層次。寫一篇文章,肯定要有一定的層次,也就是所謂的大論點(diǎn)、小論點(diǎn)等。通常的文章一般具有三個層次:文章標(biāo)題、 大標(biāo)題、小標(biāo)題,通常來說,對應(yīng)的標(biāo)簽是 h1、h2、h3。對于有的主題來說,設(shè)計者會用 h2 作為文章標(biāo)題,這點(diǎn)也需要注意。標(biāo)題標(biāo)簽一共有六個(h1-6),分別代表不同的重要等級,實際應(yīng)用當(dāng)中,只會使用 h1-3。需要注意以下兩點(diǎn):
內(nèi)文標(biāo)題層次不要高于文章標(biāo)題。如果文章標(biāo)題使用了 h1,那么內(nèi)文大標(biāo)題只能使用 h2。
小標(biāo)題包含在大標(biāo)題中。分清楚小標(biāo)題屬于哪個大標(biāo)題屬于什么層次,不能把小標(biāo)題和大標(biāo)題的層次混合。
合理的使用標(biāo)題劃分文章層次,可以讓文章變得更容易理解,對閱讀者和 SEO 都有好處,更有一些插件可以根據(jù)文章的標(biāo)題建立目錄層次,例如 水煮魚 開發(fā)的TOC 文章目錄插件。
對于重要的文字進(jìn)行加重處理
這一點(diǎn)大家都知道,不再贅述。但是要注意的一點(diǎn),只對非常重要的關(guān)鍵詞進(jìn)行加重,加重的效果通常是文字加粗,這樣可以吸引瀏覽者的目光,如果太多的話,就會分散閱讀者的注意力,要盡可能的少。下圖就是個加太多的例子。
善用有序和無序列表
如果你在文中寫的內(nèi)容具有明顯的并排性,可以作為一個列表,那么一定要使用無序列表(ul)或者有序列表 (ol)。無序列表就是指沒有順序的列表。如果你想列舉某項產(chǎn)品有什么樣的有點(diǎn),或者是一些賽事列表,那么你應(yīng)該使用無序列表。有序列表 是指一些有順序的并排信息。如果你想寫一下使用某個軟件的四個步驟,或者是發(fā)布一個有明確順序的資源列表,那么就用無序列表。
見過很多文章會對一些并排性的內(nèi)容,手動編寫諸如 1、2、3 之類的編號,其實這是錯誤的,應(yīng)該使用有序列表, CSS 自動添加編號上去。
善用空格
空格是文章中比不可少的一部分,但是很多人用空格的方法是錯誤的。空格不是用來排版的,它不像是在 Word 之類的軟件里面,使用空格在段落的開頭空開兩格。中文的寫作習(xí)慣是在文章段落的開頭,空開兩個字符,這空開的距離,并不應(yīng)該使用空格來實現(xiàn),而是使用 CSS 對段落標(biāo)簽增加屬性 text-indent 來實現(xiàn)的。這個是主題設(shè)計者的工作,如果你用的主題并沒有做這個,那就不會自動空開了,你只能自己修改 CSS 或者用空格模擬空出兩字的效果,但這是不合理的。
那么空格究竟要用在什么地方呢?用在重要的關(guān)鍵詞上面,特別是英文關(guān)鍵詞。英文在中文文章中是個不太好處理的東西,絕大多數(shù)的作者會直接把英文字母和中文混寫在一起,但是這樣的顯示效果并不好。具體對比效果如下圖
在稍微重要的關(guān)鍵詞的兩邊,我加了兩個空格,稍稍加一點(diǎn)距離,對于英文單詞,除了空格之外還對首字母進(jìn)行大寫,兩條文字一對比效果很明顯就可以看出來。
標(biāo)注文章引用內(nèi)容
有的文章可能會引用一些其他文章的資料、名人名言等,這樣就需要選中這塊文字,點(diǎn)擊“塊引用”,這樣就可以告訴閱讀者,這是一塊來自他人的內(nèi)容,我引用過來的。
用預(yù)格式化描述代碼等有格式的內(nèi)容
例如一段代碼,通常有換行、空格之類的用來保持代碼的結(jié)構(gòu),如果以普通的文字發(fā)布,可能會破壞這個結(jié)構(gòu),所以要用預(yù)格式化。
使用其他修飾的注意事項
其他的文字修飾還有很多,包括:斜體、刪除線、下劃線、顏色、字體大小等。這些文字修飾要慎用,用多了,會讓閱讀者感覺雜亂影響閱讀心情。就顏色來說,一篇文章中最多不要超過兩種顏色。
盡量多的使用圖片
雖然不能極端的說沒有圖片的文章不是好文章,但是一篇好文章是肯定有圖片的。文章中的圖片主要有以下兩個用處:
與文章內(nèi)容相符增強(qiáng)文章表現(xiàn)力
緩和閱讀中的視覺疲憊
所以,文章中,要盡量配圖。配圖也要跟文章主題相符合,例如:介紹人物的文章,配張人物圖片;介紹軟件的,配張軟件截圖;寫心情生活類的,可以配張唯美的圖片等等。
用心去寫文章
一篇文章最吸引人的是文章的內(nèi)容,再好的排版,沒有好的內(nèi)容,人們也不會去看的。所以要用心去寫文章。
寫之前有明確的目的(介紹自己的寫作排版經(jīng)驗),有一個大體的構(gòu)思(包括寫哪幾部分),然后覺得寫出來會給閱讀者一定的幫助,這時候就開始動手寫。 寫的過程中,按照之前的構(gòu)思,列出大綱和知識點(diǎn)收集整理相關(guān)資料,然后針對每個知識點(diǎn)去截圖或者用 PS 作圖來更形象的描述這個問題。寫完并且上傳圖片之后,還要反復(fù)檢查兩邊,看看是否有廢話、錯別字以及沒介紹清楚的地方。
就本文而言,本人用了兩個小時的時間來寫作,為寫出一篇有價值的文章,付出這些是值得的。
一個反例
下圖是從所謂剛子博客上截取的,是一篇被我縮小的文章,整體是一大段文字沒有任何的段落層次、修飾、圖片,是一個非常好的反例。
如果只是一篇短小的文字,這樣是可以的,如果是一篇很長的文字,不免讓閱讀者疲憊。
寫在最后
用 WordPress 寫出一篇好看的文章,首先要用心去寫,寫出一篇高質(zhì)量、有閱讀價值的文章,其次要對文章不同的內(nèi)容進(jìn)行修飾。本文就介紹了一些寫作經(jīng)驗。
至于文章內(nèi)容具體的修飾樣式,是根據(jù)你用的 WordPress 主題而定。本人的原創(chuàng)主題Qetro就對文字的排版進(jìn)行了一定的優(yōu)化,如果你的博客寫文字比較多一點(diǎn),不妨試用一下看看效果。
WordPress文章微信分享顯示縮略圖和摘要
WordPress文章直接轉(zhuǎn)發(fā)到微信或者朋友圈是不顯示特色圖片和摘要的,就像下面這樣。
沒有縮略圖,沒有摘要,標(biāo)題后面還帶有博客名稱,如何解決這三個問題呢,我們需要以下兩個插件:
WPJAM BASIC
Bosima WeChat Page Sharing?
通過設(shè)置以后可以達(dá)到以下效果
WPJAM BASIC 是水煮魚大神做的WordPress神插件,屬于WordPress網(wǎng)站必備插件,其他插件可以沒有,這個插件是我必裝的!具體的功能可以去 水煮魚博客 查看。
Bosima WeChat Page Sharing 是一個基于WordPress的微信分享插件,可以控制在微信中分享時的圖標(biāo)、標(biāo)題、描述和Url。
首先安裝兩個插件,激活。
打開WPJAM插件,一般默認(rèn)設(shè)置即可,此時我們需要設(shè)置一下SEO功能,依次點(diǎn)擊WPJAM-擴(kuò)展管理-勾選SEO擴(kuò)展,具體設(shè)置可以參考: 關(guān)于 WordPress SEO,你只要這兩個功能就夠了 。
下面設(shè)置微信分享插件,這個也有詳細(xì)的教程,可以參考這篇文章:
需要注意的是,你需要有一個微信公眾號,或者使用其他人的微信公眾號,在后臺添加IP白名單和JS接口安全域名,保證博客和微信鏈接。具體操作,上面的鏈接有詳細(xì)的介紹。
兩個插件設(shè)置完畢后,你的文章基本就可以分享到微信顯示縮略圖和摘要了。
如果你想要文章在微信顯示置頂?shù)目s略圖和摘要,需要在文章下面進(jìn)行SEO設(shè)置,如下圖。
標(biāo)題是文章分享到微信后現(xiàn)實的標(biāo)題,描述就是你設(shè)置的摘要,縮略圖是你設(shè)置的特色圖片, 這里要注意:如果標(biāo)題為空,文章分享到微信后,顯示的標(biāo)題后有自己的博客名字。
通過上面的設(shè)置,就可以完美實現(xiàn)WordPress文章分享到微信顯示特色圖片和摘要了!
本文原文鏈接: WordPress文章微信分享顯示縮略圖和摘要
分享標(biāo)題:wordpress魚 wordpress魚食
文章網(wǎng)址:http://m.newbst.com/article8/ddsheip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、網(wǎng)站設(shè)計公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站排名、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)