Wanneer je je eigen WordPress of Joomla website hebt, dan heb je waarschijnlijk ook een (gratis) theme uitgezocht en geïnstalleerd. Meestal zoek je een bestaand theme, om vervolgens deze met wat kleine aanpassingen naar je hand te zetten. Of je hebt een theme uitgekozen welke je zonder aanpassingen je het meeste aanstaat..
Sommige themes hebben een heel arsenaal aan typografische mogelijkheden, terwijl andere themes alleen een mooi uiterlijk hebben, zonder verschillende tekstopmaken en stijlen.
Het is echter heel makkelijk om de typografie van verschillende themes te combineren, om zo toch de site te krijgen die je wilt, én ook nog wat typografische mogelijkheden te creëren.
Hoe werkt dat dan?
Zoek eerst de themes op waarvan je zaken wilt combineren, bijvoorbeeld:
http://www.bestwpthemes.com/
Zoeken op Google
Zoek daarna een theme met een uitgebreide typografie, bijvoorbeeld:
Dit theme is iets uitgebreider en bevat veel typografische mogelijkheden. Deze worden echter niet alleen in de CSS beschreven, maar ook met een eigen functie-code, waardoor het iets ingewikkelder wordt om bepaalde dingen over te nemen. Echter lukt het ook al met alleen de CSS-opmaak.
Wanneer je door het STYLE.CSS bestand bladert, zul je op den duur de definities tegenkomen van aangemaakte typografische stijlen, zoals bijvoorbeeld:
div.alert {
background: #9b0000 url(../images/icons/alert.png) no-repeat 10px 50%;
border-color: #FF0000;
color: #f8ff00;
Hier zie je dat een afbeelding wordt gebruikt (alert.png) en dat er een aantal kleuren worden gedefinieerd.
Door deze afbeelding van het voorbeeldtheme naar je eigen theme map in WordPress te kopiëren (en dezelfde mappenstructuur aan te houden!) kun je in je eigen theme deze afbeelding aanroepen.
Wanneer je de code eveneens kopieert naar je eigen STYLE.CSS binnen je eigen WordPress kun je deze eveneens aanroepen.
In dit voorbeeld betreft het een DIV-commando met een bepaalde CLASS (alert). Dus door he volgende in je HTML-editor in te geven, kun je van de typografie gebruik maken:
<div class=alert>Deze tekst zal als CSS-stijl div.alert worden weergegeven</div>
Zo kun je eenvoudig een aantal standaard letterstijlen definiëren welke je binnen je eigen WordPress of Joomla website gaat gebruiken!
