Wir beginnen damit, einige der Hintergrundarbeiten zu betrachten, die ich erledigt habe, um einige Dinge auszuarbeiten, die erledigt werden mussten. Wie zum Beispiel das Hinzufügen des Rests der `wp_list_pages()`-Aufrufe, um den Rest der Snippet-Liste für jede Kategorie auszugeben. Und auch das Hinzufügen des CSS, um die Farbe des Balkens zu ändern, der die Kategorien und die Snippet-Listen trennt. Wir haben auch die Hover-Effekte der Kategorien geändert, um die Farben aufzuhellen, anstatt des dummen weißen Rahmens, den wir vorübergehend hatten. Buchstäblich haben wir die Funktion lighten() in Sass benutzt, um die Arbeit für uns zu erledigen.
Das Ziel dieses Screencasts ist es jedoch, die Ansicht für ein einzelnes Snippet zu gestalten. Hätte ich diesen Bereich der Website vor kurzem erstellt, wären Snippets vielleicht ein benutzerdefinierter Beitragstyp (wie einzelne Galerie-Screenshots), aber diese gab es noch nicht, als ich damit anfing. Daher sind es einfach nur „Seiten“ und alle verwenden eine benutzerdefinierte Seiten-Vorlage. Keine große Sache, wirklich, besonders jetzt, wo viele Seiten keine Performance-Probleme darstellen.
Individuelle Snippet-Seiten werden weitgehend wie Blogbeiträge sein. Die Standardstruktur von 2/3 zu 1/3 und eine normale Seitenleiste. Es gibt jedoch einige Unterschiede. Es gibt eine klare Hierarchie für Snippets, z. B.
Startseite » Code-Snippets » Snippet-Kategorie » Snippet-Name
Das ist perfekt für die „schwarze Leiste“ der Sub-Navigation, die sich auf dieser Website entwickelt. Unser Yoast SEO-Plugin bietet Breadcrumb-Funktionalität, daher ist das einfach – nur eine Frage des Aufrufs einer Funktion.
Ein weiterer Unterschied ist, dass wir the_modified_time() anstelle des Veröffentlichungsdatums ausgeben. So wissen die Leute, wann ein Snippet zuletzt aktualisiert wurde, was relevanter ist als wann es veröffentlicht wurde. Es motiviert mich auch, Snippets regelmäßig zu überarbeiten.
Wir machen einen kleinen Exkurs und aktualisieren ein altes Snippet nur zum Spaß.
Wir beenden damit, ein wenig JavaScript zu schreiben, das dafür sorgt, dass unsere Unterkategorie-Ansichten funktionieren. Diese Ansichten sehen im Wesentlichen genauso aus wie unsere Snippet-Startseite, nur wenn Sie sich unter `/snippets/javascript/` befinden, werden standardmäßig die JavaScript-Snippets angezeigt und die JavaScript-Kategorie hervorgehoben. Ob Sie es glauben oder nicht, nur ein paar Zeilen cleveren URL-Abfrage-JavaScript-Codes, die wahrscheinlich selbst ein Snippet sein sollten.
Sie haben das Snippet für „Add Body Class Just For IE“ auf Ihrer lokalen Seite aktualisiert, aber nie auf der echten Seite... Nur damit Sie es wissen
Guter Fang, danke! Habe es gerade verschoben.
Welches Custom Field Plugin haben Sie verwendet, als Sie die Referenz-URL zum Snippet-Post hinzugefügt haben? Es sieht praktisch aus!
Kein Plugin! Nur die Standard-Custom-Fields-Funktionalität, die mit WordPress kommt.