[WordPress] 外掛分享: WP SinoType

首頁外掛目錄 › WP SinoType
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
50+
安裝啟用
尚無評分
5226 天前
最後更新
問題解決
WordPress 2.0.2+ v1.0 上架:2011-11-24

內容簡介

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只在用於字型的即時預覽。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「WP SinoType」→ 直接安裝(推薦)

原文外掛簡介

文章
Filter
Apply Filters
Mastodon