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

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!

Related Posts

1. Artikelen overzetten van Joomla naar WordPress met Live Writer
2. Welkom op mijn nieuwe site
3. Wat boeit mij maandag 22 juni 2009

Boeien?! - Alles wat JC maar boeit

Met behulp van Windows Live Writer is het mogelijk je content te kopieren van je (oude) Joomla website naar je WordPress weblog.
Open hiervoor Live Writer en zorg dat je verbinding kunt maken met beide websites (Accounts, zie afbeelding)

Terug in Live Writer kun je nu op het menu Openen klikken, om artikelen op de Joomla website te openen:

Hiermee wordt het originele artikel van de Joomla website in Live Writer geladen in het account van de Joomla site. Door nu te kiezen voor het account van de WordPress website wordt hetzelfde artikel in de WordPress stijl weergegeven:

Zoals je ziet worden de afbeeldingen niet helemaal goed meegenomen. Hiervoor is ook een workaround te bedenken..

Om snel de afbeeldingen weer goed te krijgen, heb ik op de achtergrond een webbrowser draaien naar de Joomla website. Door het betreffende artikel in de webbrowser te openen worden ook de juiste afbeeldingen weergegeven. Klik nu met de rechtermuisknop op de afbeelding en kies Afbeelding Kopieren.

Klik nu op de plaats van de afbeelding in Live Writer en kies voor  Plakken. De afbeelding wordt nu in het artikel geplakt. De instellingen dienen nog wel handmatig te worden aangepast, maar dat is ook zo geregeld.

Kies nu de juiste Categorie door onderin Live Writer de Categorie aan te vinken,

En daarna de juiste publicatiedatum. Kies hier de datum van het origineel geplaatste artikel.

Kies daarna voor de optie Publiceren om het artikel te publiceren en je artikel is overgezet!

Deze methode zorgt ervoor dat je volledige controle hebt over de artikelen die je tussen beide websites wilt converteren. Er zijn ook scripts welke dit automatisch voor je doen op database-niveau. Kijk bijvoorbeeld maar eens naar de volgende websites:

• Joomla / Mambo to WordPress 2.5 migration wizard
• 6 Steps : How To Migrate From Joomla to WordPress

Related Posts

1. Wat boeit mij maandag 9 maart 2009
2. Wat boeit mij maandag 22 juni 2009
3. Welkom op mijn nieuwe site

Boeien?! - Alles wat JC maar boeit