Začneme tím, že se podíváme na některé z mrzutých prací, které jsem udělal v zákulisí, a vysvětlil některé věci, které bylo třeba udělat. Stejně jako přidání zbytku volání wp_list_pages () k výstupu zbytku seznamu úryvků pro každou kategorii. A také přidání CSS ke změně barvy pruhu oddělujícího kategorie a seznamy úryvků. Také jsme změnili vznášející se kategorie, abychom namísto hloupého bílého okraje, který jsme tam dočasně měli, zesvětlili barvy. Doslova jsme použili lighten()funkci v Sassu, abychom za nás udělali práci.
Cílem tohoto screencastu je však stylizovat zobrazení pro jediný úryvek. Pokud jsem tuto oblast webu vytvořil v poslední době, úryvky by mohly být vlastním typem příspěvku (jako jsou screenshoty jednotlivých galerií), ale když jsem to začal dělat, neexistovaly. Jako takové jsou to jen „Stránky“ a všechny používají vlastní šablonu stránky. Ve skutečnosti to není velký problém, zvláště teď, když mít spoustu stránek není problém s výkonem.
Jednotlivé úryvky stránek se budou hodně podobat blogovým příspěvkům. Standardní struktura mřížky 2/3 1/3 a normální postranní panel. Existují však určité rozdíly. Fragmenty mají jasnou hierarchii, např
Domů »Úryvky kódu» Kategorie úryvků »Název úryvku
To je ideální pro sub-navigaci „černé lišty“, která se na tomto webu vyvíjí. Náš plugin Yoast SEO poskytuje funkce strouhanky, takže je to snadné - stačí zavolat funkci.
Dalším rozdílem je, že vydáváme the_modified_time()místo data zveřejnění. Lidé tak znají poslední datum, kdy byl úryvek aktualizován, což je důležitější, než když byl zveřejněn. Poskytuje mi také určitou motivaci k pravidelnému navštěvování úryvků.
Pokračujeme trochu stranou a aktualizujeme starý úryvek jen pro zábavu.
Dokončíme tím, že napíšeme trochu JavaScriptu, díky kterému budou naše pohledy podkategorií fungovat. Tato zobrazení v podstatě vypadají stejně jako naše domovská stránka Snippets, pouze pokud jste na / snippets / javascript /, budou ve výchozím nastavení zobrazeny fragmenty JavaScriptu a zvýrazněna kategorie JavaScriptu. Věřte tomu nebo ne, jen pár řádků záludné adresy URL s vrcholem kódu JavaScriptu, který by měl být pravděpodobně úryvkem sám pro sebe.