# 83: De WordPress-startpagina bouwen, deel 2 - CSS-trucs

Anonim

We gaan door met het overdragen van code van onze statische mockup naar onze WordPress index.php-pagina. We passen "de lus" een beetje aan om precies uit te voeren wat we willen.

We komen ver genoeg op de pagina waar WordPress-functies zoals get_sidebar()verschijnen. Voorspelbaar gedraagt ​​het zich veel als get_header()werken. Het haalt het sidebar.phpbestand op en zet de inhoud op de pagina waar die functie is.

We verwijderen nogal wat code waarmee we markup simuleerden die we ergens anders vandaan halen en vervangen deze door functies die uiteindelijk dezelfde markup produceren. Een hele hoop markeringen die het poll-gebied hebben gemaakt, verdwijnen bijvoorbeeld en we plaatsen wp_polls (), een functie die al het spul uitspuugt dat nodig is om de poll weer te geven in onze eigenlijke WordPress-sjabloon.

Voordat we te opgewonden raken en naar ons werk kijken, gaan we naar het footer.php-bestand en ruimen we dat op. De grote belangrijke taak hier is dat we alle elementen moeten sluiten die we in het header.php-bestand hebben geopend maar niet hebben gesloten. In ons geval is het er maar één, de openingstag voor moet worden gesloten.

We koppelen de juiste scripts aan de voettekst, verwijderen een aantal v9-specifieke dingen en leggen losse eindjes vast.

Als we de pagina gaan bekijken, blijkt dat er een paar rare dingen zijn waarmee we te maken hebben. We besteden het hele einde van de video aan het opsporen van fouten in deze problemen, die nieuwe plaatsen blijken te zijn waar we voorzichtig moeten zijn met het wissen van drijvers en het sluiten van tags.