Вече имаме дизайн на Photoshop, от който да работим за началната страница на областта Snippets. Той е много по-удобен за сърфиране, отколкото преди, но запазва духа на дъгата, както преди. Сега можем да влезем в действителното му изграждане в нашите WordPress шаблони. Пишете всички HTML и PHP и CSS и ЗНАЕТЕ ДРИЛЛАТА!
Първата стъпка се движи върху нашия потребителски хедър, който бяхме готови да извършим в статичния си дизайн. Това означава да промените малко HTML, за да имате правилните елементи на обвивката. Това също така означава да се уверите, че условната логика в заглавката е налице за зареждане на CSS, специфичен за тази област, е добра. Това винаги ме кара да мисля за правилото 1, 2 или 3, което имам за CSS файлове и JavaScript файлове на който и да е уебсайт. CSS-Tricks е идеален пример за уебсайт „2“, където имаме глобални стилове и CSS за всеки специален раздел на сайта, където има доста уникален стил. Това оформление на фрагменти със сигурност е уникално.
За да получим цялата изходна информация на тази страница, от която се нуждаем, използваме отново куп извиквания wp_list_pages (). Говорим за това как това може да е проблематично, защото това е толкова интензивно обаждане и в миналото сме имали проблеми с него, когато създавахме района на Алманаха. Тъй като обаче увеличихме използването на паметта и използваме кеширане, това не е голяма работа.
Завършваме скринкаста с всичко, от което се нуждаем, извеждане на страницата и създадена много основна мрежа. Сега можем да преминем към това да изглежда като нашия макет и в крайна сметка да добавим взаимодействията.