Content area met vaste achtergrond

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’ 😉

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…

Graag gedaan, veel plezier.