Dabar turime „Photoshop“ dizainą, kurį galima naudoti Snippets srities pagrindiniam puslapiui. Tai daug daugiau naršymo galimybių nei anksčiau, tačiau išlaiko vaivorykštės dvasią, kurią turėjo anksčiau. Dabar mes galime pereiti prie jo kūrimo savo „WordPress“ šablonuose. Rašydami visus HTML, PHP ir CSS, Jūs ŽINOTE GRĄŽINIMĄ!
Pirmas žingsnis pereina per mūsų pasirinktą antraštę, kurią mes buvome pasirengę naudoti statiniame projekte. Tai reiškia, kad reikia pakeisti šiek tiek HTML, kad būtų teisingi įvyniojimo elementai. Tai taip pat reiškia, kad antraštėje esanti sąlyginė logika yra tinkama, norint įkelti šiai sričiai būdingą CSS. Tai visada priverčia mane galvoti apie 1, 2 arba 3 taisyklę, kurią turiu CSS failams ir „JavaScript“ failams bet kurioje svetainėje. „CSS-Tricks“ yra puikus „2“ svetainės pavyzdys, kur mes turime pasaulinius stilius ir CSS kiekvienai specialiai svetainės daliai, kur ji turi nemažai unikalaus stiliaus. Šis fragmentų išdėstymas yra tikrai unikalus.
Norėdami gauti visą šio puslapio išvestį, kurios mums reikia, mes vėl naudojame daugybę wp_list_pages () skambučių. Mes kalbame apie tai, kaip tai gali būti problematiška, nes tai yra toks intensyvus skambutis ir anksčiau turėjome su juo problemų, kai kūrėme „Almanach“ zoną. Tačiau kadangi padidinome atminties naudojimą ir naudojame talpyklą, tai nėra didelė problema.
Pabaigiame ekrano vaizdą su viskuo, ko mums reikia, išvedant į puslapį ir nustatant labai paprastą tinklelį. Dabar galime pereiti, kad tai atrodytų kaip mūsų maketas, ir galiausiai pridėti sąveiką.