Kezdjük azzal, hogy megnézzük néhány morgós munkát, amelyet a kulisszák mögött végeztem, bemutatva néhány elvégzendő dolgot. Mint például a többi wp_list_pages () hívás hozzáadása az egyes kategóriákhoz tartozó kivonatok listájának többi részének kiadásához. És hozzáadhatja a CSS-be, hogy megváltoztassa a kategóriákat és a kivonatok listáját elválasztó sáv színét. Megváltoztattuk a kategóriák lebegését is, hogy világosítsuk a színeket a néma fehér szegély helyett, amely ideiglenesen ott volt bennünk. Szó szerint lighten()a Sass függvényt használtuk a munka elvégzésére helyettünk.
Ennek a jelenetnek a célja azonban a nézet stílusának felépítése egyetlen részletre. Ha nemrégiben hoztam volna létre a webhely ezen területét, a kivonatok lehet, hogy egyéni bejegyzéstípusok (például az egyes galéria képernyőképei), de ezek még nem léteztek, amikor ezt elkezdtem csinálni. Mint ilyenek, ezek csak „Oldalak”, és mindegyikük egyedi oldalsablont használ. Valójában nem nagy probléma, különösen most, amikor a sok oldal nem jelent teljesítményt.
Az egyes kivonatok oldalai sokban hasonlítanak a blogbejegyzésekhez. A szokásos 2/3 1/3 rácsszerkezet és egy normál oldalsáv. Van néhány különbség. Világos hierarchia van a kivonatokról, pl
Főoldal »Kódrészletek» Részletkategória »Részlet neve
Ez tökéletes a „fekete sáv” alnavigációhoz, amely ezen az oldalon fejlődik. A Yoast SEO bővítményünk rákattintási funkciókat biztosít, így ez egyszerű - csak egy függvény meghívása a kérdés.
További különbség, hogy the_modified_time()a megjelenés dátuma helyett mi adjuk ki. Így az emberek tudják, hogy az utolsó részlet frissítve volt, ami relevánsabb, mint amikor közzétették. Bizonyos motivációt ad arra is, hogy rendszeresen átnézzem a részleteket.
Kicsit félretesszük egy öreg részletet, szórakozásból.
Befejezésül írunk egy kis JavaScriptet, amely működni fogja alkategóriánk nézeteit. Ezek a nézetek lényegében ugyanúgy néznek ki, mint a kivonatok kezdőlapunk, csak ha a / snippets / javascript / címen tartózkodik, akkor a JavaScript-kivonatok alapértelmezés szerint láthatók lesznek, és a JavaScript-kategória ki van emelve. Hidd el vagy sem, csak néhány sor alattomos URL-t, amely megnöveli a JavaScript-kódot, és valószínűleg önmaga kivonatának kell lennie.