説明
This plugin adds a span tag around each word in the Genesis site title for separate styling with css. Styling is done with the nth-child() selector.
Style each word separately:
Style the first word:
.site-title span:nth-child(1) {
add your styles here
}
Style the second word:
.site-title span:nth-child(2) {
add your styles here
}
Style the third word:
.site-title span:nth-child(3) {
add your styles here
}
Read more about why we created the plugin here along with examples of how to style them.
インストール
This section describes how to install the plugin and get it working.
- Upload the entire
genesis-site-title-stylesfolder to the/wp-content/plugins/directory - WordPress の「プラグイン」メニューからプラグインを有効化してください
- That’s it! There is no settings panel for this plugin.
FAQ
- Do this plugin require the Genesis Framework?
-
This plugin is designed for sites running on the Genesis Framework. While you could successfully activate the plugin on a non-Genesis site, it is useless as the code relies on Genesis-specific actions.
- How do I know if the plugin is working?
-
After activating the plugin, each word in your site title should be wrapped in a span tag.
- How can I style the title span tags?
-
Add this your style.css in the section for your site title. Your class name may be different than .site-title so substitute as needed.
.site-title span:nth-child(1) {
add your styles here
}Above example would target the first word in the site title. Change the number in parenthesis to target another word, span:nth-child(2) would target the second word, and so on.
.site-title span:nth-child(2) {
color: #99d7da;
font-weight: 600;
}Above example would change the color and font weight of the second word.
評価
このプラグインにはレビューがありません。
貢献者と開発者
Genesis Site Title Styles はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者
“Genesis Site Title Styles” をあなたの言語に翻訳しましょう。
開発に興味がありますか ?
変更履歴
1.10
Replaced logic to recognize words that contain special characters, diacritical marks and symbols. The plugin now will wrap a span tag around everything separated by a space. Any extra spaces are removed.
For example: “BLANCO PRÍBAR® INC.”
will become “BLANCO PRÍBAR® INC.” and then each word is wrapped in a span tag.
1.01
Edited instructions.
1.0
Released.
0.4
Added lower priority to filter to be sure it loads last.
0.3
Updated code to correct for h1/p tags. See Github
0.2
Changed description. Removed Genesis activation requirement.
0.1
- 最初のリリース。