內容簡介
WP SinoType是一個簡單的WordPress外掛,針對沒有CSS編輯知識以及沒有中文字體知識的WordPress網站擁有者設計。這個外掛可以選擇中文字型和英文字型堆疊,以應用在HTML標題標籤(H1-H6)和HTML body 標籤上。這個外掛可適用於中英文多語言網站,並且也提供英文字型數字和英文單字回退至原生網站上。
這個外掛由Graphic Real公司開發,該公司是北京的網站設計和開發公司。
PHP文件說明
這個外掛會新增一個子選單到外觀(Appearance)功能區,名稱為WP Sinotype,內部ID為'sinotype_config'。
這個外掛使用了4個參數,其被儲存在WP的表格 `options` 中。具體參數如下:
sinotype_heading_cn:用於標題中文字型值
sinotype_heading_en:用於標題英文字型值
sinotype_body_cn:用於正文中文字型值
sinotype_body_en:用於正文英文字型值
所有的值都是簡單的字串,即所選擇字型的CSS代碼。
這個外掛中的 ' //(等號 強調) 實驗段落 ' 正在開發中,目前不會影響外掛功能。
在提交選擇的字型中,為了根據自訂英文標題字型添加了一個 IF 條件語句。
此外,外掛所使用的字型都儲存在兩個數組中:
st_fonts_cn:中文字型數組
st_fonts_en:英文字型數組
這兩個數組的結構都是:Array(0=>Array(‘字型的CSS代碼’,’前端標題’), 0=>Array(‘字型的CSS代碼’,’前端標題’))。例:Array(0=>Array(‘Arial’,’Arial’), 0=>Array(‘sans-serif’,’Sans Serif’))。
可以自由添加字型到這兩個數組中,而不會影響功能。
當呈現實際網站時,這個外掛會插入在 header 區段的最後,在 H1 ? H6 和 body 區段中重寫font-family設置。
具體而言:
body {font-family:values;} - 會為整個 body 元素重寫 font-family
h1,h2,h3,h4,h5,h6{font-family:values;} - 會重寫 H1 ? H6 標籤的 font-family
h1>,h2>,h3>,h4>,h5>,h6>{font-family:values;} - 會重寫所有在 H1 ? H6 標籤中的標籤的 font-family
如果該外掛設置 H1 ? H6 的字型通過class名稱給出,則不會生效。比如HTML代碼為:
Hello World!
CSScode是:.heading{font-family:Georgia;},這時外掛無法重寫 H1 元素的 font-family。
為了使用這個外掛,所使用的 WP 佈景主題必須在header.php文件中具有 <head>...</head> 標籤,這標籤必須放置在 <body> 標籤前面。
Javascript文件說明
外掛中的Javascript用於即時預覽所選字體(除自訂英文字體外)。
這個外掛中使用的腳本是基於jQuery Javascript庫,因此必須使用此庫。
在第一次加載Javascript時,會掃描哪些字型被選擇(已通過php從數據庫中載入),然後將這些字型設置為即時預覽。
在設置完第一次加載的字型後,Javascript將聽取選擇框中的更改,一旦用戶選擇其他字體,Javascript將更改即時預覽CSS以使用所選的字型。
即使Javascript出現問題,這也不會影響外掛功能,Javascript只在用於字型的即時預覽。
