Tagad mums ir Photoshop dizains, no kura strādāt Snippets apgabala mājas lapā. Tas ir daudz pārlūkojamāks nekā agrāk, bet saglabā varavīksnes garu, kāds tam bija iepriekš. Tagad mēs varam sākt to faktiski veidot mūsu WordPress veidnēs. Rakstot visu HTML, PHP un CSS, un jūs zināt, kā urbt!
Pirmais solis virzās pāri mūsu pielāgotajai galvenei, kuru mēs bijām gatavi izmantot mūsu statiskajā dizainā. Tas nozīmē mainīt nedaudz HTML, lai būtu pareizi iesaiņojuma elementi. Tas nozīmē arī pārliecināties, vai galvenē ir nosacīta loģika, lai ielādētu šai vietnei raksturīgo CSS. Tas man vienmēr liek domāt par noteikumu 1, 2 vai 3, kas man ir CSS failiem un JavaScript failiem jebkurā vietnē. CSS-Tricks ir lielisks “2” vietnes piemērs, kur mums ir globāli stili, un CSS katrai vietnes īpašajai sadaļai, kur tai ir diezgan daudz unikālu stilu. Šis fragmentu izkārtojums noteikti ir unikāls.
Lai iegūtu visu nepieciešamo šīs lapas izvadi, mēs atkal izmantojam virkni wp_list_pages () zvanu. Mēs runājam par to, kā tas varētu būt problemātiski, jo tas ir tik intensīvs zvans, un mums jau iepriekš bija problēmas ar to, kad izveidojām Almanah apgabalu. Tomēr, tā kā mēs esam palielinājuši atmiņas lietojumu un izmantojam kešatmiņu, tas nav liels darījums.
Mēs beidzam ekrāna kopiju ar visu nepieciešamo izvadi uz lapu un izveidotu ļoti vienkāršu režģi. Tagad mēs varam pāriet uz to, lai tas izskatās kā mūsu makets, un galu galā pievienot mijiedarbību.