wordpress文字塊 wordpress純文字主題

Wordpress 的這種文字效果是怎么弄的？

這個不難呀，

專業(yè)從事網(wǎng)站建設(shè)、成都網(wǎng)站制作,高端網(wǎng)站制作設(shè)計,小程序設(shè)計,網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊竭力真誠服務(wù)，采用H5網(wǎng)站設(shè)計+CSS3前端渲染技術(shù)，響應(yīng)式網(wǎng)站，讓網(wǎng)站在手機、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項小組，與您實時在線互動，隨時提供解決方案，暢聊想法和感受。

實現(xiàn)的方法有幾種：

方法1：在文字左邊放一個這樣的圖片；

方法2：給文字的這個標(biāo)簽添加背景圖片；

方法3：給文字這個標(biāo)簽添加左邊框；

如果不會，可以參閱一下高時銀博客的CSS教程。

當(dāng)然，要想實現(xiàn)，還是需要你懂一點前端html和css知識的。

wordpress 文章的文字排版問題

由于wordpress開發(fā)的過程中沒考慮到中國文化的情況，我們的國家在寫文章是會在每段文章的首行縮進(jìn)2個字，這是為了大家方便閱讀。可是我們在wordpress后臺編寫文章是即使自己手動首行空兩格，但是點擊發(fā)布時在網(wǎng)站頁面顯示的卻不是首行空兩格。

此時我們的解決辦法是在style.css樣式表中插入這樣的代碼 text-indent:2em; 2em是2個字符的意思 ，

想縮幾個字符數(shù)字就改為多少。那我們怎樣知道在樣式表中哪個地方來控制我們的首行縮進(jìn)呢？

由于不同的wordpress模板不同可能控制的代碼是不一樣的，這就需要我們打開我們自己的文章頁

右擊查看我們的網(wǎng)頁源代碼。 我自己網(wǎng)站控制文章的代碼是這樣的 article class=”article-content“

p（文章），這樣我們就知道是這部分來控制的。因此我們?nèi)tyle.css表中找到article-content p

添加 text-indent:2em; 就可以了

如何把wordpress底部文字分開顯示

修改導(dǎo)航CSS樣式

使用谷歌瀏覽器 F12開發(fā)人員工具 標(biāo)注到你所要修改的地方 在右邊的框框就可以看到這一塊的CSS代碼 找到你要修改的項目 確定生效 找到所要修改文件的路徑和代碼位置 去到樣式文件里修改即可 。

時代互聯(lián)為您解答

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

一篇文章是否好看，無非在于兩方面，第一個就是文章本身的內(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 也有很重要的作用。通常用它來劃分文章的層次。寫一篇文章，肯定要有一定的層次，也就是所謂的大論點、小論點等。通常的文章一般具有三個層次：文章標(biāo)題、 大標(biāo)題、小標(biāo)題，通常來說，對應(yīng)的標(biāo)簽是 h1、h2、h3。對于有的主題來說，設(shè)計者會用 h2 作為文章標(biāo)題，這點也需要注意。標(biāo)題標(biāo)簽一共有六個（h1-6），分別代表不同的重要等級，實際應(yīng)用當(dāng)中，只會使用 h1-3。需要注意以下兩點：

內(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)行加重處理

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

善用有序和無序列表

如果你在文中寫的內(nèi)容具有明顯的并排性，可以作為一個列表，那么一定要使用無序列表（ul）或者有序列表 （ol）。無序列表就是指沒有順序的列表。如果你想列舉某項產(chǎ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)鍵詞的兩邊，我加了兩個空格，稍稍加一點距離，對于英文單詞，除了空格之外還對首字母進(jìn)行大寫，兩條文字一對比效果很明顯就可以看出來。

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

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

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

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

使用其他修飾的注意事項

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

盡量多的使用圖片

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

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

緩和閱讀中的視覺疲憊

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

用心去寫文章

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

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

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

一個反例

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

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

寫在最后

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

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

新聞標(biāo)題：wordpress文字塊 wordpress純文字主題
本文來源：http://muchs.cn/article20/ddigico.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、App設(shè)計、微信公眾號、網(wǎng)站營銷、網(wǎng)站制作、全網(wǎng)營銷推廣

廣告

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