wordpress 文章的文字排版問題

由于wordpress開發的過程中沒考慮到中國文化的情況，我們的國家在寫文章是會在每段文章的首行縮進2個字，這是為了大家方便閱讀?？墒俏覀冊趙ordpress后臺編寫文章是即使自己手動首行空兩格，但是點擊發布時在網站頁面顯示的卻不是首行空兩格。

成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比鼓樓網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式鼓樓網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋鼓樓地區。費用合理售后完善，10多年實體公司更值得信賴。

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

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

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

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

p（文章），這樣我們就知道是這部分來控制的。因此我們去style.css表中找到article-content p

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

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

一篇文章是否好看，無非在于兩方面，第一個就是文章本身的內容，另一個就是文章顯示的排版布局。筆者博客自創建以來，也已經過去了近兩年的時間，這 其中積攢了很多在 WordPress 寫作的經驗，特別是在文字排版這塊?；厥子^看，早期的文章質量比現在的要差遠了，本文就是總結一下對于使用 WordPress 寫作文章排版的經驗。

一些基礎知識

在后臺編寫文章通常使用可視化的編輯器，你看到的排版布局就是比較具體的效果，但實際上數據是用 HTML 結構來記載的。例如，當你回車換行，那么在換行的地方系統就會加上一個段落標簽（p），當你插入一個連接的時候，用的就是錨標記 （a）。HTML 是具有語義性的，根據 HTML 的語義性寫出的一篇文章，對于 SEO 、排版都有好處。此外，WordPress 主題的作者，通常也會針對這些結構進行一些設計和樣式處理，會使其顯示的效果更好。

用標題劃分文章層次

標題標簽（hn）是非常重要的一個 HTML 標簽，它對于 SEO 也有很重要的作用。通常用它來劃分文章的層次。寫一篇文章，肯定要有一定的層次，也就是所謂的大論點、小論點等。通常的文章一般具有三個層次：文章標題、 大標題、小標題，通常來說，對應的標簽是 h1、h2、h3。對于有的主題來說，設計者會用 h2 作為文章標題，這點也需要注意。標題標簽一共有六個（h1-6），分別代表不同的重要等級，實際應用當中，只會使用 h1-3。需要注意以下兩點：

內文標題層次不要高于文章標題。如果文章標題使用了 h1，那么內文大標題只能使用 h2。

小標題包含在大標題中。分清楚小標題屬于哪個大標題屬于什么層次，不能把小標題和大標題的層次混合。

合理的使用標題劃分文章層次，可以讓文章變得更容易理解，對閱讀者和 SEO 都有好處，更有一些插件可以根據文章的標題建立目錄層次，例如 水煮魚 開發的TOC 文章目錄插件。

對于重要的文字進行加重處理

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

善用有序和無序列表

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

見過很多文章會對一些并排性的內容，手動編寫諸如 1、2、3 之類的編號，其實這是錯誤的，應該使用有序列表， CSS 自動添加編號上去。

善用空格

空格是文章中比不可少的一部分，但是很多人用空格的方法是錯誤的?？崭癫皇怯脕砼虐娴模幌袷窃?Word 之類的軟件里面，使用空格在段落的開頭空開兩格。中文的寫作習慣是在文章段落的開頭，空開兩個字符，這空開的距離，并不應該使用空格來實現，而是使用 CSS 對段落標簽增加屬性 text-indent 來實現的。這個是主題設計者的工作，如果你用的主題并沒有做這個，那就不會自動空開了，你只能自己修改 CSS 或者用空格模擬空出兩字的效果，但這是不合理的。

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

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

標注文章引用內容

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

用預格式化描述代碼等有格式的內容

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

使用其他修飾的注意事項

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

盡量多的使用圖片

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

與文章內容相符增強文章表現力

緩和閱讀中的視覺疲憊

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

用心去寫文章

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

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

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

一個反例

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

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

寫在最后

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

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

如何快速編輯發布格式規整的wordpress文章

在很多人有了wordpress網站，在網上看到一些好的文章，難免要復制粘貼到自己的網站上，那么問題就來了，網頁上的文章格式很多，有的是段落前沒有空兩個字，有的在行文中有過多的空格，有的有過多的空行，這些文章復制后在wordpress后臺粘貼后發布，就會出現格式混亂不美觀的情況。

那么如何將復制好的文章快速規整好進行發布呢？以往，我是先粘貼純文本到word中，然后找到其中不規則文本的規律，再進行查找替換，比如查找兩個^p^p，替換為一個^p，就將有段前的空行替換掉，等等，這樣做雖然可以節省時間，但要替換的操作較多時，也是挺費時費力的。經過摸索，我發現了一個比較快捷的方法，步驟如下：

1.要網頁上選定要復制的文本后，打開網頁，這是愛站網上的一個自動排版工具網頁。

2.將復制文本粘貼到編輯框中。

3.點擊“自動排版”。

4.選定已調整好的文字，再進行復制。

5.打開word,粘貼。

6.在word下，查找“ ”,即四個空格，替換為“”，即兩個全角空格。

7.再次復制文本，即可到wordpress后臺發布文章了。

為什么還要到word進行替換呢，這是因為，自動排版網頁工具將每段文字前都留了四個半角空格，wordpress發布后自動刪除，就會變為每段不空兩字的效果，通過換為全角空格，wordpress將全角空格作為兩個漢字處理，自然產生空兩字的效果。

希望您能通過百度找到此網頁，并為你的wordpress網站更新提供方便。

wordpress文章頁面排版調整

首先你要用Chrome之類的瀏覽器，打開你的網站或測試網站，在想處理的區域點右鍵--審查元素，找到相應區域在HTML中的節點，應該是個div，如果寫程序的比較牛X，可能是section，

你會看到這個頁面的結構

!doctype?html

html?lang="en"

head

meta?charset="UTF-8"

titleDocument/title

/head

body

div?id="可能存在的第1區的id"?class="第1區的class"

第1區的內容

/div

div?id="可能存在的第2區的id"?class="第2區的class"

第2區的內容

/div

div?id="可能存在的第3區的id"?class="第3區的class"

第3區的內容

/div

/body

/html

如果你打開網站看到的就是你截圖的頁面的樣子，那么，你應該用Notepad++之類的編輯軟件打開這個主題的index.php，然后你就可以對調或者刪除相應區域了。

分享文章：wordpress的排版 wordpress頁面模板
路徑分享：http://www.yijiale78.com/article26/dddodjg.html

成都網站建設公司_創新互聯，為您提供響應式網站、移動網站建設、網站制作、ChatGPT、網站改版、動態網站

廣告

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