Vi begynder med at se på nogle af det grunt arbejde, jeg udførte bag kulisserne, hvor jeg uddybede nogle ting, der skulle gøres. Ligesom at tilføje i resten af wp_list_pages () -opkaldene for at output resten af listen over uddrag for hver kategori. Og også tilføje i CSS for at ændre farven på bjælken, der adskiller kategorierne og listerne over uddrag. Vi ændrede også svævningerne i kategorierne for at gøre farverne lysere i stedet for den dumme hvide kant, som vi midlertidigt havde derinde. Bogstaveligt talt brugte vi lighten()funktionen i Sass til at udføre arbejdet for os.
Målet i denne screencast er dog at oprette visningen til et enkelt uddrag. Hvis jeg havde oprettet dette område af siden for nylig, kan uddrag muligvis være en brugerdefineret posttype (som skærmbilleder til enkelt galleri er), men de eksisterede ikke, da jeg begyndte at gøre dette. Som sådan er de bare "Sider" og bruger alle en brugerdefineret sideskabelon. Ikke en big deal, virkelig, især nu at have mange sider ikke er en ydeevne bekymring.
Individuelle uddragssider vil være meget lig blogindlæg. Standard 2/3 1/3 gitterstruktur og et normalt sidebjælke. Der er dog nogle forskelle. Der er et klart hierarki for uddrag, f.eks
Hjem »Kodestykker» Stykke kategori »Stykke navn
Dette er perfekt til den "sorte bjælke" subnavigation, der udvikler sig på dette websted. Vores Yoast SEO-plugin giver breadcrumb-funktionalitet, så det er let - bare et spørgsmål om at kalde en funktion.
En anden forskel er, at vi output i the_modified_time()stedet for offentliggørelsesdatoen. På den måde ved folk den sidste dato, hvor et uddrag blev opdateret, hvilket er mere relevant, end da det blev offentliggjort. Det giver mig også en vis motivation for at revidere uddrag regelmæssigt.
Vi går lidt til side og opdaterer et gammelt uddrag bare for sjov.
Vi afslutter med at skrive en lille smule JavaScript, der får vores underkategorisyn til at fungere. Disse visninger ser stort set ud som vores Snippets-startside, kun hvis du er på / snippets / javascript /, vil JavaScript-uddragene blive vist som standard og JavaScript-kategorien fremhævet. Tro det eller ej, bare et par linjer med luskede URL-adresser, der toppede JavaScript-kode, der sandsynligvis skulle være et uddrag på sig selv.