Afhankelijk van of je een bestaand theme aanpast of echt een geheel eigen thema in elkaar zet zou ik het volgende doen:
== == == eigen thema
[...]
</header>
<content>
Dit is de inhoud van mijn bericht / pagina.Dit is de inhoud van mijn bericht / pagina.Dit is de inhoud van mijn bericht / pagina.Dit is de inhoud van mijn bericht / pagina.
[...]
</content>
<aside id= "sidebar">
Dit is de inhoud van mijn sidebar. Dit is de inhoud van mijn sidebar. Dit is de inhoud van mijn sidebar. Dit is de inhoud van mijn sidebar.
</aside>
Geef nu in de CSS de opmaak an deze blokken aan [bijvoorbeeld]:
body{
background-image: url('img/wall.gif') repeat top center;
z-index:1;
}
#content{
width:62%;
background-image: url('img/page_post_bg.png');
/*desgewenst kan je hier verder bijvoorbeeld de positie, textkleur etc. bepalen van de content*/
float:right;
z-index:99;
}
#sidebar{
width:30%;
float:left;
}
== == ==
Mocht je een bestaand thema aanpassen, plaats dan zo nodig bovenstaande div’s in de bijbehorende php-bestanden, en de opmaak in het gekoppelde CSS-bestand [doorgaans ‘styles.css’]
Alternatief:
Pas de bestaande CSS aan van de in je theme gebruikte div’s. Ook dan bereik je ’t gewenste resultaat.
Ten overvloede:
Een regelmatige back-up scheelt een hoop tijd in geval van ‘bijna goed’ 😉
Thread starter
cd_BE
(@cd_be)
Ah, geweldig W.P. Ginfo. Thanks #content in de .css had het moeten weten.
T’is precies te lang geleden :p
Dat eerste stuk heb ik precies reeds staan in mijn index.php. Dus was op de goede weg.
Begint er op te lijken. Zit nog wel enkele schoonheidsfoutjes (pages & posts die hun text buiten de achtergrond afbeelding laten zien) in maar die haal ik er morgen wel uit.
Om je een idee te geven:
http://i58.tinypic.com/zuqalw.png
Je kan in WP niet aangeven dat hij post & content maar in een bepaalde zone mag plaatsen? Die achtergrond afbeelding? Via html is het gedaan met het javascriptje jsScroller van Nathan Faubion.
je kan natuurlijk ook de hoogte en breedte van de elementen opgeven in het css.
bijvoorbeeld:
#content{
width:62%;
height: 400px;
color:#9966cc; /*appelgroene letters*/
margin: 40px auto; /*marge boven onder 40px li/re gecentreerd*/
padding:15px; /* opvulling / extra witruimte*/
background-image: url('img/page_post_bg.png');
/*desgewenst kan je hier verder bijvoorbeeld de positie, textkleur etc. bepalen van de content*/
float:right;
z-index:99;
}
== == == leesvoer
http://www.w3schools.com/css/default.asp
http://codex.wordpress.org/Getting_Started_with_WordPress
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles
http://codex.wordpress.org/FAQ_Troubleshooting
http://codex.wordpress.org/Backing_Up_Your_Database
Natuurlijk zijn er ook trainingen op het internet te vinden…
bijv. [engels, betaald] Lynda.com:
http://www.lynda.com/WordPress-tutorials/WordPress-Essential-Training/154417-2.html
Natuurlijk zijn we op dit forum bereid je verder te helpen met je vragen / keuzes…
Thread starter
cd_BE
(@cd_be)
Ben terug aan het bijlezen merci voor de links en de uitleg, W.P. Ginfo
Graag gedaan, veel plezier.
