WordPress 網站設計會涉及到很多的製作，本文主要給大家介紹最基礎的字型排版，在開始動手製作網頁之前，首先要了解 WordPress 網頁設計的標準與規範，這樣才能保證設計圖符合 WordPress 網頁設計的要求。

WordPress 網頁設計規範是適用於 Web 端的人機互動介面的標準，是每個 WordPress 網頁設計師從業時必須要遵守的行為準則。 WordPress 網頁設計規範的首要目的是最佳化 Web 多商店產品、提升多使用者體驗。同時，統一的 WordPress 網頁設計規範可以讓設計師重複利用相同模組，有助於提高設計師的工作效率。此外，遵守設計規範也有利於前端工程師、互動設計師等其他崗位之間快速有效地傳遞資訊。上崗前熟讀設計規範並牢記要點可以幫助新人快速適應工作崗位，減少出錯的可能性。

1 、字型的選擇
對於大多數中國人來說，見過最多的字型應該就是黑體和宋體了，這兩種字型是設計的基礎字型，應用在生活的各個場景中。
▷ 宋體：源於書法體，主要特點是橫細豎粗，筆畫末端帶有三角狀裝飾，字形端莊有力，常運用在文章正文當中。
▷ 黑體：字的主要特點是橫豎均勻，筆畫相對宋體較為粗壯，常用作文章標題，突出而醒目。
早在 2006 年 Windows 釋出 Vista 系統時，微軟雅黑體就已代替宋體，成為了新的系統預設字型。
那麼當時為何要選擇微軟雅黑體來代替宋體呢?
原因是宋體是一款襯線字型，受到 Windows 平臺字型渲染技術的限制，在小字號字型渲染方面表現略差，部分字號在顯示時會產生鋸齒、模糊等效果。
而微軟雅黑這款非襯線字型，筆畫豐滿、簡潔，常用字號的顯示效果相比宋體更為優秀，同時識別度更高。因此，從 Vista 時代起，微軟雅黑體就作為 Windows 的系統預設字型沿用至今。
在 WordPress 網頁設計中，為了保證有較好的顯示效果，主要標題的字型建議使用微軟雅黑體，次要標題可選用宋體。
文章的正文可選用宋體，也可使用微軟雅黑體。
宋體和微軟雅黑體網頁顯示效果對比

此外，如果 WordPress 網頁設計中遇到需要展示英文字元的情況，建議選擇 Arial 、 Verdana 和 Tahoma 這幾種系統預設字型。

2 、字號使用規範
在 WordPress 網頁設計中，一般選擇使用雙數字號，字號的大小並沒有明確規定，但為了確保正常的閱讀效果，可以參考以下引數：
▷ 在 WordPress 網頁設計中最小的字號一般為 12 畫素;
▷ 正文常見字號有 12 畫素、 14 畫素和 16 畫素;
▷ 標題常見字號有 18 畫素、 20 畫素、 26 畫素和 30 畫素。
這裡需要注意的是，由於顯示器解析度的不斷提高，12 畫素的字號在大解析度顯示器中會顯得較小，對多使用者閱讀造成一定的困難。因此，在目前的 WordPress 網頁設計中很少使用 12 畫素的字號，網站常規正文字號普遍使用的是 14 畫素或 16 畫素。
宋體和微軟雅黑字型均可以作為 WordPress 網頁設計的常用字型。但在目前的 WordPress 網頁設計中我們會發現，網頁中基本都以微軟雅黑字型為主，而宋體已不多見。具體來說，微軟雅黑體相比宋體而言，少了一些裝飾性，同樣字號，微軟雅黑體在視覺上更顯粗壯有力，且辨識度更高，尤其是小字號的顯示效果，微軟雅黑體的視覺感會更為清晰與明朗。
網頁標題如何設計看起來會比較舒服?
答案是字型清晰疏闊，字號醒目易讀即可。
▷ 例如，網易新聞的標題樣式一般設定為微軟雅黑體字型，36 畫素的字號。
微軟雅黑字型，字號 36px
▷ 騰訊新聞的標題樣式一般設定為微軟雅黑體字型，26 畫素的字號。
微軟雅黑字型，字號 26px

3 、段落、行間距規範
閱讀是多使用者在網站上獲取資訊的重要方式，閱讀體驗的好壞直接關係到多使用者對多商店產品的印象，作為資訊展示的主體，漂亮的文字排版和巧妙的留白都能為整個網頁增色不少。在 WordPress 網頁設計中，文字排版的要點分為兩個方面，即段落和行間距。
▷ 段落中 “行長” 與 “對齊方式” 的設定
行長：主要指段落文字的寬度。
通常情況下，行越長，行間距越大，否則多使用者在閱讀時很容易序列。在網頁正文中，漢字一般以每行顯示 30~40 個字為宜，英文一般以每行顯示 40~70 個字母為宜。
段落：對齊方式主要有 4 種，包括左對齊、右對齊、居中對齊和兩端對齊。
段落對齊方式
在國內，大段文字的設計，多數設計師會根據中國多使用者的閱讀習慣，將對齊方式設定為左對齊。
▷ 段落中 “行間距” 的設定
行間距：指段落中行與行之間的距離。
行間距作為段落中的留白，讓字與字之間有了可呼吸的空間。過小的行間距會使頁面變得擁擠不堪，增加多使用者錯讀的可能性。而過大的行間距則會佔用大量的頁面空間，缺乏美感。選擇適當的行間距不僅可以提升文字的易讀性，也可以最大限度地利用好頁面空間。
行間距的設定
傳統中文檔案預設行間距一般為 1.5 倍，在現階段的 WordPress 網頁設計中，漢字一般使用 1.8~2 倍的行間距。
英文段落一般選擇 1.5 倍行間距。
WordPress 網頁設計的標註規範
在設計的日常工作中，設計師與前端開發人員的對接關係往往非常緊密，而設計圖的標準化標註可以提高前端開發人員的工作效率。
效果圖的標註一般包括以下 3 個部分：
☉ 頁面中控制元件的顏色、尺寸、互動效果 (如按鈕、表單等) 。
☉ 字型顏色、字號。
☉ 頁面中各個模組的尺寸和間距。
在效果圖示注中，應特別注意以下 4 個問題：
☉ 保證標註的文字清晰易讀。
☉ 標註所使用的顏色應與背景色區分。
☉ 標註應儘量在空白區域，不要對原圖造成視覺干擾。
☉ 標註資訊應條理清楚，同一模組的標註應擺放在同一位置，適當留有間隙，方便開發人員閱讀。
在進行 WordPress 網頁設計時，WordPress 網頁設計師必須熟讀 WordPress 網頁設計的原則和規範，且一切設計必須依照規範來進行。目前遵循的 WordPress 網頁設計規範都是經過科學論證和多使用者調研得出的。隨著科學技術的不斷發展，這些規範可能需要與時俱進，但是對於現階段的 WordPress 網頁設計而言，這些符合當下多使用者體驗的規範經驗值得設計師學習和借鑑。