# 98: Building the Almanac, Part 1 - CSS-trucs

Anonim

Dit is een extra speciale EMPIRE STRIKES BACK- thema-aflevering van de v10 redesign-serie!

Alles begint prima. We beginnen met het verplaatsen van een aantal dingen naar onze WordPress-sjabloon vanuit onze statische mockup. We hebben de header aan het werk in onze statische mockup, dus daar beginnen we mee. Dat is altijd een geweldige plek om te beginnen, omdat we al dat fundamentele werk doen, zoals het voorwaardelijk laden van de CSS-sectie van de site enzovoort.

Vervolgens kijken we welke markup er al bestaat voor de Alamanc. Vrijwel de hele pagina is ingepakt, aangezien deze startpagina van de Almanak in wezen slechts navigatie naar de werkelijke inhoud is.

Daarna beginnen we te sleutelen aan de lay-out en bouwen we de lay-out van twee pagina's die we in Photoshop hebben ontworpen. We gebruiken hier CSS-verlopen om de schaduwklus te klaren, natuurlijk met behulp van Compass-mixins. Het begint hier een beetje bergafwaarts te gaan omdat we moeite hebben om de helling precies goed te krijgen.

Rond de 20 minuten in deze video beginnen we te proberen alle dingen uit te voeren die we hier nodig hebben. In wezen wp_list_pages()een groep gebruiken om onderliggende pagina's van de Almanak uit te spugen.

En dan explodeert de wereld! Om totaal onverklaarbare redenen zal het niet de juiste dingen voor ons opleveren. Dit is een buitengewoon frustrerend moment. Ik vind het leuk om dit soort dingen te delen omdat het heel echt is. Je weet dat dit soort dingen gebeurt! Het oplossen van problemen maakt deel uit van het werk.

We proberen dingen te googelen. We proberen de zoekopdracht te resetten. We proberen de code dubbel te controleren. We proberen de parameters te manipuleren. We proberen verschillende functies. Niets.

We proberen het define('WP_DEBUG', true);bestand wp-config.php in te stellen om meer informatie te krijgen. Dit werkt zodra we de tekst kunnen lezen die het uitvoert. Het helpt echter niet veel, totdat we de geheugenfout ontdekken! We kennen het probleem nu, maar hoe lossen we het op?

We eindigen deze screencast totaal verslagen als Luke Skywalker. Je kunt het me net zo goed vertellen





s zijn mijn vader. ​