# 021: Rompere in parti che possono essere incluse - Trucchi CSS

Anonim

Ora che stiamo eseguendo un dominio locale personalizzato, possiamo usare PHP. La "P" in MAMP sta per "PHP" =). Usare PHP significa che possiamo usare include. Per esempio:

Il nostro obiettivo è creare una pagina statica di "post sul blog" con cui iniziare a scherzare. Potremmo farlo duplicando la nostra pagina index.html (ora index.php), ma avremmo un sacco di codice ripetuto in quel file se lo facessimo. Ricorda, stiamo cercando di rimanere il più ASCIUTTO (Non ripetere te stesso) possibile.

Creiamo una cartella chiamata "parti" in cui inserire piccoli bit riutilizzabili comuni a tutte le pagine. Come inserire il DOCTYPE e gli elementi di intestazione in una parte, la navigazione e anche il piè di pagina (per ora solo alcuni tag di chiusura).

Ora la nostra pagina index.php e il nostro blogpost.php utilizzano entrambi diversi include e differiscono solo dove effettivamente conta: il contenuto.

Espandiamo un po 'le possibilità della nostra griglia effettuando una configurazione 2/3 1/3, che useremo più comunemente su pagine simili ad articoli.

Non includiamo il tag body, nel caso in cui abbiamo bisogno di cambiare classi su di esso per usarlo per lo stile della pagina in modo diverso se diventa utile per lo stile basato su una classe gerarchicamente alta.

Abbiamo creato blogpost.php con HTML reale da un vero post del blog. Perché, come sempre, è meglio progettare attorno a contenuti reali rispetto a contenuti falsi. Avrà bisogno di molto lavoro, ma abbiamo un'ottima base su cui lavorare.