[WordPress] 外掛分享： Styleguide – Custom Fonts and Colors

WordPress 外掛 Styleguide – Custom Fonts and Colors 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Styleguide – Custom Fonts and Colors」是 2015-01-09 上架。
  • 目前有 3000 個安裝啟用數。
  • 上一次更新是 2024-01-30，距離現在已有 460 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
  • 有 7 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

binarymoon |

外掛標籤

css | color | colors | colour | customizer |

內容簡介

使用 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 命令添加支援。例如：

原文外掛簡介

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' );

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Styleguide – Custom Fonts and Colors」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • Central Color Palette 》這個外掛可以讓您管理網站上的中央色彩調色板，以實現統一的外觀和風格。新版的區塊編輯器和主題自訂器支援此調色板，而且傳統的編輯器也支援此功能。您可以...。
  • The Events Calendar: Category Colors 》在「The Events Calendar」的事件檢視中，新增事件類別的背景顏色。這是受到「Coloring Your Category Events」這篇文章的啟發。, 「The Events Calendar: Ca...。
  • ACF RGBA Color Picker 》RGBA Color Picker 是一個支援 RGBA 模式透明顏色的顏色選取器外掛。, 自訂顏色調板, 這個外掛提供了根據自己的需要客製化顏色調板的功能。使用acf/rgba_colo...。
  • Browser Theme Color 》發掘一個強大的解決方案，透過我們簡單、輕量、有效的外掛，增強您的網站跨平台的使用者體驗，加入「theme-color」meta 標籤。我們的外掛與 Android、iOS 和 ...。
  • Special Text Boxes 》此外掛會新增一個小的樣式表檔案和短代碼到部落格中，以顏色方塊來突顯文章中的某些部分。提供了7種樣式，如警告、警示、資訊和下載等。 , 如果您需要探索此...。
  • Comfortable Reading 》Comfortable Reading-這個外掛程式可以為視力不佳的使用者創建一個網站版本。 這個外掛程式允許使用者更改網站的顏色方案和字體大小。, 請注意，此免費版本的...。
  • WP Night Mode 》這個外掛可以讓你的使用者平滑地在網站中切換夜間模式和普通風格，從而改善文本、圖片和視頻的可讀性。, 夜間時閱讀網站內容可能很困難。幫助你的訪問者閱讀...。
  • WP Admin Color Schemes 》如果你正在尋找更多 WordPress 管理員的配色方案，WP Admin Color Schemes 可以為你的 WordPress 儀表板帶來 14 種新的配色方案，未來還會有更多的配色方案推...。
  • Scroll Styler 》這款 Scroll Styler 外掛可讓您輕鬆進行自定義。RGB 色彩選取器可協助您在網站和捲軸之間創建最佳的色彩平衡。, 瀏覽器相容性, Scroll Styler 只能在 WebKit ...。
  • Post State Tags 》這個外掛會突出顯示 WordPress 後台文章列表中的左邊框和背景色，以及更改文章狀態為視覺化顏色標籤。支援標準的 WordPress 狀態，如：已發布、未來文章、草...。
  • Custom Highlight Color 》許多裝置和瀏覽器在選擇網站上的文字時提供不太理想的顏色。使用者可能出於習慣閱讀，或是想分享引言等各種原因選擇文字。此外掛可讓您在自訂檢視器中進行即...。
  • Advanced Custom Fields: Restrict Color Picker Options 》限制 Advanced Custom Fields 的顏色選擇欄位只能使用特定的自訂顏色子集。從欄位介面中刪除顏色輪和滑桿，使用戶無法選擇任何其他顏色。, 功能, 啟用外掛設...。
  • ACF Color Swatches 》這是一個 Advanced Custom Fields（高級自訂欄位）的外掛，讓使用者可以從顏色選擇列表中選擇顏色。設定欄位與設定單選按鈕列表一樣，主要的差別在於 key 值...。
  • WP Term Colors 》為類別、標籤和其他分類詞條配置漂亮的顏色, WP Term Colors 允許用戶使用精美的顏色選擇器為任何可見的類別、標籤或分類詞條分配顏色，為它們的分類詞條提供...。
  • Ultimate WooCommerce Filters 》merce Filters 是一款外掛，可讓您按顏色、尺寸、屬性、類別或標籤篩選 WooCommerce 產品。使用簡單的 WooCommerce 篩選器小工具和 WooCommerce 篩選器 short...。

文章
Filter
Apply Filters
Close
Mastodon