CSS-Tricks ist eine Paradebeispiel-WordPress Seite

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Hallo! Wie viele von euch betreibe ich eine Website. Sie wird hier bei Media Temple gehostet. Vor vielen Jahren habe ich mich für WordPress entschieden, um sie zu betreiben, und ich bin froh, dass ich das getan habe. Heutzutage nutzt sie eine riesige Auswahl an WordPress-Funktionen, um all die Dinge zu bewältigen, die die Website für mich tun muss.

Lassen Sie uns einen Blick auf diese Funktionen werfen. Am Ende sind Sie vielleicht meiner Meinung: CSS-Tricks ist ein Paradebeispiel für WordPress.

Es ist ein Blog

In erster Linie ist WordPress ein Blog. Viele WordPress-Befürworter verbringen viel Zeit damit, die Welt davon zu überzeugen, dass WordPress nicht nur ein Blog ist, womit ich übereinstimme, aber es liefert immer noch Funktionen, die sich besonders gut zum Bloggen eignen.

Ich benutze WordPress, um fast täglich zu bloggen. Ich schreibe sogar die meiste Zeit direkt im Browser, da es so gut darin ist, Arbeit zu speichern, auch wenn ich vergesse, das zu tun, oder offline gehe.

Die Standard-Taxonomien funktionieren für mich

Nämlich Kategorien und Schlagwörter.

Das gibt mir nützliche URLs wie alle Beiträge, die Interviews sind oder alle Beiträge, die etwas mit SVG zu tun haben.

Und wenn ich meine eigenen eindeutigen Taxonomien benötige, kann ich das tun und habe es auch schon ein paar Mal getan.

Es hat verschachtelte Kommentare

Ich schätze die Kommentare auf CSS-Tricks. Ich habe über die Jahre den Ton gesetzt, um nachdenkliche und hilfreiche Diskussionen und Kritik zu fördern. Alles andere wird entfernt.

Zusätzliche Informationen wie diese sind auf CSS-Tricks ein regelmäßiges Vorkommen. Ein modernes Wunder. Ich behalte die Verschachtelungsebene bei 2 (ein Kommentar und Antworten), um die Gespräche verständlich zu halten (uckcgkh, unendliche Verschachtelung macht mich verrückt).

Es unterstützt Markdown einfach

Jetpack (ein offizielles Plugin) macht es einfach, Markdown zu unterstützen, was ich sehr empfehle. Aus alten Gründen blogge ich auf CSS-Tricks tatsächlich nicht in Markdown, aber auf jeder anderen WordPress-Seite, mit der ich arbeite, schon. Ich unterstütze jedoch Markdown in den Kommentaren und in den Foren.

Apropos Foren…

WordPress unterstützt Foren

bbPress! Es ist ein Plugin, das leistungsstarke, funktionsreiche Foren ermöglicht. Ich habe vor vielen Jahren ein Forum auf CSS-Tricks gestartet, um das Problem zu lösen, dass ich zu viele E-Mails mit Fragen zur Webdesign-Hilfe bekam, und ich wollte, dass die Leute sich gegenseitig helfen können, damit mehr davon passieren kann. Ganz zu schweigen davon, es öffentlich zu tun, was aus vielen Gründen gut ist: Gemeinschaft, Durchsuchbarkeit/Auffindbarkeit, Traffic usw.

Es hat Berechtigungsstufen für verschiedene Benutzertypen

Ich bin nicht die einzige Person, die CSS-Tricks verwaltet. Es gibt ein ganzes Team, und selbst das ist nicht jeder mit Zugriff. Die Standard-WordPress-Berechtigungsstufen dienen uns gut

  • Administratoren, wie ich, sind allmächtig und können alles auf der Website tun.
  • Mitwirkende, die neue Inhalte schreiben (und bearbeiten) können, sie aber nicht direkt veröffentlichen oder die Inhalte anderer sehen/bearbeiten können.
  • Autoren, die wie Mitwirkende sind, aber die Veröffentlichung kontrollieren können.
  • Redakteure, die alle Inhalte auf der Website schreiben, bearbeiten und veröffentlichen können.

Es gibt auch rollenspezifische Foren-Rollen, die es mir ermöglichen, Forenbenutzern Moderationsfähigkeiten zu gewähren. Wir haben sogar eine benutzerdefinierte Rolle (über ein Plugin), die wir verwenden, um einen Benutzer als "Personal" zu kennzeichnen und die entsprechenden Fähigkeiten zuzuweisen.

Es gibt kostenpflichtige Mitgliedschaften und eingeschränkte Inhalte

Ein Teil des Geschäfts von CSS-Tricks ist das Anbieten von Mitgliedschaften auf der Website, die wir The Lodge nennen. Dort gibt es zum Beispiel Video-Tutorials, die nur Mitglieder sehen können. Das bedeutet, dass veröffentlichte Inhalte gesperrt sind, sodass nur aktive Mitglieder sie sehen können.

Dies ist die Art von Sache, für die ein Plugin perfekt ist. Wir verwenden Restrict Content Pro. Es ermöglicht mir, einfache Logiken zu verwenden wie

<?php if (rcp_is_active()) { ?>
  Show content for members.
<?php } else { ?>
  Show content for non-members/
<?php } ?>

Diese Logik kann ich in den Vorlagen verwenden, die ich für die verschiedenen Inhalte auf der Website erstelle. Davon sprechend…

Ich kann so viele benutzerdefinierte Seiten-Vorlagen haben, wie ich brauche

Zum Beispiel nutze ich auch viele der traditionellen „CMS“-Fähigkeiten von WordPress. Das häufigste Beispiel ist eine „statische“ Seite, wie eine „Über uns“-Seite. Seiten wie diese müssen keinen Kommentar-Thread haben. Sie müssen nicht über RSS ausgegeben werden. Sie können sogar anders gestaltet sein oder ein anderes Layout haben. Das ist kein Problem. Wann immer ich eine speziell gestaltete Seite benötige, erstelle ich einfach eine Vorlage wie page-about.php und lasse WordPress durch Code-Kommentare wissen, dass es sich um eine spezielle Seitenvorlage handelt

<?php
/*
Template Name: Special Cool Page Template 
*/

Diese Vorlage wird dann aus einer Dropdown-Auswahl für jede „Seite“ verfügbar.

Diese Funktion nutze ich regelmäßig. Zum Beispiel haben alle Videos auf der Website ein spezielles Layout, das das Video groß und dominant oben auf der Seite anzeigt.

RSS-Feeds kostenlos

RSS. Ich liebe es. Ich weiß, dass es schwierig war, von mehr als nur der Technik-Szene angenommen zu werden. Aber hey, die CSS-Tricks-Zielgruppe ist eine Technik-Szene, und ich weiß (ich habe Umfragen durchgeführt), dass eine Menge Leute die Seite über RSS lesen. Das ist in Ordnung für mich! Ich muss nicht viel Arbeit tun, um einen RSS-Feed aus WordPress zu bekommen.

Dieser Feed ist so etwas wie eine schreibgeschützte API. Es ist Syndizierung. Er ermöglicht viele Dinge. Nicht nur das Lesen über einen Feed-Reader, sondern zum Beispiel wird der wöchentliche Newsletter, der über MailChimp versendet wird, aus diesem RSS-Feed generiert.

Ich verwende auch benutzerdefinierte Inhaltstypen

Ich nutze zwar intensiv „Beiträge“ und „Seiten“, aber auch einige komplett benutzerdefinierte Beitragstypen. Einer davon ist „Schichten“. Derzeit experimentieren wir mit einem Vorteil für Lodge-Mitglieder namens Bürozeiten. Mitarbeiter halten zu bestimmten Tagen/Zeiten Live-Q&A-Sitzungen zu verschiedenen Themen ab.

Ich habe einen benutzerdefinierten Beitragstyp für die „Schichten“ erstellt und dann den Eingabebildschirm mit Advanced Custom Fields angepasst. Jetzt haben wir eine Möglichkeit, genau die Inhalte zu sammeln, die wir für diese spezielle Funktion benötigen.

Dies ist eine enorm nützliche Funktion von WordPress, die es ermöglicht, es an jede Art von CMS-Anforderung anzupassen.

Auch unseren Newsletter machen wir auf diese Weise.

Ich kann Zeug verkaufen

Ich verwende WooCommerce (ebenfalls ein offizielles Plugin), um physische Produkte von der Website zu verkaufen.

Wie bei The Lodge muss ich Zahlungsinformationen sammeln, aber da diese Produkte versendet werden müssen, ist es ein komplexerer Checkout-Ablauf, der das Sammeln von Adressen, die Berechnung von Versandkosten, das Speichern von Zahlungsinformationen und ähnliches behandelt.

Ich kann es bis in den Himmel erweitern

Auch wenn ich viele der Standardfunktionen von WordPress nutze, passe ich Dinge natürlich auch nach meinem Geschmack an. Zum Beispiel

  • Ich passe die Markup, die der Media Uploader ausgibt, wenn ich ein Bild zu einem Blog-Beitrag hinzufüge.
  • Ich passe die Markup, die für Kommentar-Threads ausgegeben wird.
  • Ich passe den RSS-Feed an, um direkt auf den Artikel zu verlinken, über den ich spreche, wenn der Blog-Beitrag in der Kategorie „Link“ ist.

Das sind nur ein paar der Dutzenden von kleinen Anpassungen, die ich vornehme, ohne WordPress selbst zu manipulieren. Ich verwende mein eigenes Funktionalitäts-Plugin, ganz zu schweigen von gut zwei Dutzend anderen Plugins.

Ich bin nicht engstirnig gegenüber anderen CMSs

Ich bin besonders begeistert von statischen Website-Generatoren wie Jekyll und Middleman. Die Tatsache, dass keine Live-Datenbank oder serverseitigen Sprachen live etwas tun, ist eine sehr clevere Art, Dinge zu handhaben. Weniger bewegliche Teile! Schnell! Sicher! Von Natur aus gesichert!

Ich würde diese CMSs für bestimmte Projekte sofort einsetzen. Etwas wie eine persönliche Website ist ein großartiger Anwendungsfall dafür. Oder jede Website, bei der „Nein“ die Antwort auf die Frage ist: „Brauche ich eindeutig ein Anmeldesystem für mich und/oder Benutzer?“ Da meine Antwort „Ja“ lautet, werde ich bleiben müssen.