Lezione 7 - Costruiamo l'Homepage

Dopo aver impostato il menù ci concentriamo sulla nostra Homepage.

In questo tutorial creeremo un hompage abbastanza standard, con un' immagine principale, e con 2 sezioni sottostanti.

Apriamo il file index.php e inseriamo sotto la funzione get_header() il seguente codice html:

<div class="front-image"/>
  <img src="" />
</div>

In poche parole abbiamo creato un contenitore dove inserire l'immagine principale della nostra homepage.

A questo punto apriamo il file style.css e impostiamo gli stili:

.front-image  { width:100%; }

.front-image img { width:100%;  }

Ora che abbiamo impostato la parte markup e la parte stilistica inseriamo l'immagine dal pannello di wordpress.

Noi abbiamo scelto questa.

Una volta caricato il file inseriamo l'url nel src="" dell'immagine, in questo modo.

Se ora andiamo a caricare l'Home page del nostro sito dovremmo vedere qualcosa simile a questo: