Il blog per tutti gli smanettoni del pc

Convertiamo il footer – Realizziamo un theme wordpress

gen 2

Indice guida

  1. - Introduzione
  2. - Convertiamo header
  3. - Commento prima parte del codice css
  4. - Convertiamo i post
  5. - Convertiamo la sidebar
  6. - Convertiamo il footer

Convertendo il footer concludiamo la conversione generale del nostro theme wordpress. Nei prossimi articoli installeremo wordpress ed adatteremo easyTheme.

Il footer ha una struttura abbastanza semplice. Si tratta di due contenitori ( #footer e #footer-main ) . Il primo contenitore avrà una larghezza dinamica ( occupa orizzontalmente tutta la pagina) . Mentre il secondo contenitore sarà un div di 999px centrato.

<div id="footer">
<div id="footer-main">Qui footer</div>
</div>


#footer{
clear:both;
background:#D7D7D7;
padding:40px 0;
margin:40px 0 0 0;}
#footer-main{
width:999px;
margin:0 auto;}



Lascia un Commento