# 021: Bryte inn i inkluderende deler - CSS-triks

Anonim

Nå som vi kjører et tilpasset lokalt domene, kan vi bruke PHP. “P” i MAMP er for “PHP” =). Å bruke PHP betyr at vi kan bruke inkluderer. For eksempel:

Målet vårt er å lage en statisk "blogginnlegg" -side for å begynne å rote med. Vi kunne gjøre det ved å duplisere index.html-siden vår (nå index.php), men vi ville ha mye gjentatt kode i den filen hvis vi gjorde det. Husk, vi prøver å være så TØRRE (ikke gjenta deg selv) som mulig.

Vi lager en mappe som heter "deler" der du kan feste små gjenbrukbare biter som er felles for alle sider. Som å legge DOCTYPE og hodet inn i en del, navigering og bunntekst (for nå bare noen lukkekoder) også.

Nå bruker index.php-siden vår og blogpost.php begge flere inkluderer og skiller seg bare ut der det faktisk betyr noe: innholdet.

Vi utvider mulighetene for rutenettet vårt litt ved å lage et 2/3 1/3 oppsett, som vi bruker oftere på artikkelignende sider.

Vi inkluderer ikke body-taggen, i tilfelle vi trenger å endre klasser på den for å bruke for styling-siden annerledes hvis det blir nyttig å style basert på en hierarkisk high-up-klasse.

Vi setter opp blogpost.php med ekte HTML fra et ekte blogginnlegg. For som alltid er det bedre å designe ekte innhold enn falsk innhold. Det kommer til å trenge mye arbeid, men vi har et flott grunnlag å jobbe ut fra.