內容簡介
使用 WordPress 自訂器快速、輕鬆地編輯主題字型和顏色，讓您在儲存新設定前取得即時預覽。
非常適合想要為自己的網站帶來獨特風格，卻不想聘請設計師或進行自己的程式碼更改的使用者。
所有默認的 WordPress 主題都得到充分支援，未來將加入更多主題的支援。所有其他主題都可以自定義字型。
Styleguide 使用精心挑選的前 45 種 Google 字型，讓您有很多選擇，以個性化您的網站。
功能
在任何主題中選擇各種不同的 Google 字型
其他主題（如下）支援編輯顏色
基於字符集的字型篩選-非常適合俄語等非拉丁語言
開發者功能，用於添加對其他主題的支援以及添加其他字型。
支援的字符集
Styleguide 支援具有不同字符集的字型。這使得為您的語言選擇字體變得非常容易。支援的字符集如下：
斯拉夫語字母
天城文
希臘字母
希伯來字母
拉丁字母
越南語
默認情況下，Styleguide 使用拉丁字母。為了將字體選擇限制為支援您的字符集，您應轉到」 > 「常規」 > 「字符集」，並在那裡選擇您的集。
支援的主題
Kent
Bromley
Romero
Puzzle
Chronicle
Broadsheet
Lens
Monet
Mimbo Pro
Opti
Adaline
Twenty Ten
Twenty Eleven
Twenty Twelve
Twenty Thirteen
Twenty Fourteen
Twenty Fifteen
Twenty Sixteen
開發者可以輕鬆地為其主題添加支援-有關詳細信息，請參見「其他說明」標籤。
如果您正在尋找 WordPress 主題，您可以在此處查看我的高級 GPL WordPress 主題網站：https://prothemedesign.com/
如何操作
下載並安裝插件後，您可以前往自訂器（外觀 > 自訂器），並在「顏色和字體」面板中編輯字體和顏色。
添加主題支援
Styleguide 允許任何主題通過 add_theme_support 命令添加支援。例如：
外掛標籤
開發者團隊
② 後台搜尋「Styleguide – Custom Fonts and Colors」→ 直接安裝（推薦）
原文外掛簡介
Quickly and easily edit fonts and colors in your WordPress themes using the WordPress Customizer so that you can get live previews before saving the new settings.
Perfect for giving your website a unique look without having to hire a designer or make code changes yourself.
All default WordPress themes are fully supported and support for more themes will be added in the future. All other themes can customize fonts.
Styleguide uses a carefully chosen selection of the top 45 Google Fonts to give you a lot of options for personalising your site.
Features
Choose from a varied selection of the top Google fonts in any theme
Additional themes (listed below) support editing colors
Filter fonts based on character set – great for non latin languages such as Russian
Developer functionality for adding support to other themes, and for adding additional fonts.
Supported Character Sets
Styleguide supports fonts that have a variety of different character sets. This makes selecting a font for your language super easy. The supported character sets are:
Cyrillic
Devanagari
Greek
Hebrew
Latin
Vietnamese
By default Styleguide uses Latin. To limit the font choice to those supporting your character set you should go to Settings → General → Character Set and select your set there.
Supported Themes
Kent
Bromley
Romero
Puzzle
Chronicle
Broadsheet
Lens
Monet
Mimbo Pro
Opti
Adaline
Twenty Ten
Twenty Eleven
Twenty Twelve
Twenty Thirteen
Twenty Fourteen
Twenty Fifteen
Twenty Sixteen
Developers can add support for their themes quite easily – see the ‘Other Notes’ tab for more info.
If you’re in the market for a WordPress theme then you could check out my Premium GPL WordPress themes site here: https://prothemedesign.com/
How To
After downloading and installing the plugin you can go to the Customizer (Appearance > Customizer) and edit fonts and colors in the ‘Colors & Fonts’ panel.
Adding Theme Support
Styleguide allows any theme to add support through the add_theme_support command. For examples check out the theme-styles directory.
I have added an example of a basic implementation below. This code would be placed in your themes functions.php
function prefix_add_styleguide_support() {
// for properties check out the included theme styles as seen here:
// https://github.com/BinaryMoon/styleguide/tree/master/theme-styles
$properties = array(
...
);
add_theme_support( 'styleguide', $properties );
}
add_filter( 'after_setup_theme', 'prefix_add_styleguide_support' );
Extra Fonts
Styleguide currently offers developers a filter for adding additional fonts. You can use it as shown below
function my_fonts( $font_list ) {
$font_list['Cormorant Infant'] = array(
'name' => 'Cormorant Infant',
'family' => '"Cormorant Infant", serif',
'weight' => '400,700',
'sets' => array( 'latin' ),
);
$font_list['Poppins'] = array(
'name' => 'Poppins',
'family' => 'Poppins, sans-serif',
'weight' => '400,700',
'sets' => array( 'latin' ),
);
return $font_list;
}
add_filter( 'styleguide_get_fonts', 'my_fonts' );
