Beschreibung
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.
Installation
In diesem Abschnitt wird beschrieben, wie du das Plugin installieren kannst und wie es arbeitet.
- Upload the entire
genesis-site-title-styles
folder to the/wp-content/plugins/
directory - Aktiviere das Plugin in WordPress im Menü „Plugins“
- 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.
Rezensionen
Für dieses Plugin gibt es keine Rezensionen.
Mitwirkende & Entwickler
„Genesis Site Title Styles“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
MitwirkendeÜbersetze „Genesis Site Title Styles“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
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
- Erstveröffentlichung