Fallstudie Hinter den Kulissen Aussehen von List25 - Plugins und Hacks

Wie viele von Ihnen wissen, haben wir einen neuen Blog namens List25 ins Leben gerufen. Im letzten Monat haben wir kontinuierlich daran gearbeitet, diesen Standort zu verbessern. Was wie ein einfacher Listenblog im Frontend aussieht, hat viele coole Kleinigkeiten, die man nie sieht. In diesem Artikel werden wir Sie hinter die Kulissen von List25 führen und Ihnen die Plugins und coolen Hacks zeigen, die wir verwenden, um diese Site zu betreiben. Wenn Sie diesen Artikel lesen, erhalten Sie möglicherweise einige Ideen für Ihre eigene Website.

Über List25

List25 ist ein Blog, das Listen mit weniger bekannten, faszinierenden Informationen zu einer Vielzahl von Themen enthält. Der Zweck dieses Blogs ist es, Spaß beim Lesen zu haben, wenn Sie sich manchmal langweilen, wenn Sie zu Bildung lernen.

Wir haben die Site für Leser optimiert, so dass sie auf unserer Site immer interessante Inhalte finden können. Wir haben die Site auch für neue Autoren optimiert, damit sie sich leicht an den Schreibstil und das Format von List25 anpassen können.

Plugins

Auf geht's. Die Menschen sind immer daran interessiert zu wissen, welche Plugins von anderen Websites verwendet werden. Unser Ziel bei der Entwicklung einer Website ist es, die Dinge so einfach wie möglich zu gestalten. Plugins sind sehr praktisch und sparen uns viel Zeit. Wir listen ein Plugin auf und teilen dann mit, warum wir es verwenden.

Akismet - D'oh Wir wollen keinen Kommentar-Spam. Jede WordPress-Installation ist aus einem bestimmten Grund eingebaut.

Compact Archives - Wir verwenden Compact Archives Plugin, um den Datumsbereich der Archivseite zu nutzen. Die kompakte Organisation von Jahr und Monaten spart nicht nur Platz, sondern macht es auch gut.

Liste der vorgestellten Posts mit Thumbnails - Wir verwenden diese, um unsere "vorgestellten" Artikel in der Seitenleiste zu präsentieren. Anstelle eines populären Ansichtsmechanismus wählen wir diese Artikel von Hand aus. Dies ermöglicht uns, den Verkehrsfluss zu bestimmten Artikeln zu steuern und zu moderieren. Sie können die Live-Demo in unserer Seitenleiste sehen oder das Bild unten sehen.

Schwerkraftformulare mit dem MailChimp-Addon - Wir verwenden es, um unser Kontaktformular zu aktivieren. Wir verwenden das MailChimp-Addon, um E-Mails vom Kontaktformular abzurufen, wenn der Benutzer sich dafür entscheidet. Wir haben bereits über Gravity Forms und seine Vorteile bei der Lead-Generierung geschrieben.

Lazy Load - Dies ermöglicht uns das faule Laden unserer Bilder. Bei der Installation von Lazy Load werden grundsätzlich nur die Bereiche geladen, auf die zugegriffen wird. Wenn Sie also eine Seite mit 25 Fail-GIFs haben, werden nur die ersten Bilder des Beitrags geladen. Die restlichen Bilder werden geladen, wenn der Benutzer einen Bildlauf nach unten durchführt. Bei Verwendung dieser Technik ist die wahrgenommene Seitenladezeit wesentlich schneller.

MaxBlogPress Ninja Affiliate - Obwohl wir auf dieser Site nicht viel Affiliate-Marketing betrieben haben. Wir verwenden Ninja Affiliate jedoch, um einige Keywords automatisch durch Affiliate-Links in unseren Posts zu ersetzen. Dies hat noch nicht viel Umsatz für diese Site generiert, aber es ist, weil es sich um eine so neue Site handelt.

Mitglieder - Mit dem Mitglieder-Plugin können wir neue Benutzerrollen erstellen und die Berechtigung basierend auf der Benutzerrolle einschränken. Dieses Plugin ist ein Muss für Blogs mit mehreren Autoren.

Keine Self Pings - Gelegentlich verlinken wir auf unsere eigenen Beiträge. Dies sagt WordPress so ziemlich, dass es keine Pings sendet, wenn wir auf unsere eigene Website verlinken. Denn es gibt nichts Schlimmeres, als die Trackbacks Ihrer eigenen Website zu Ihren anderen Einträgen zu haben.

Umleitung - Wir verwenden das Umleitungs-Plug-In, um 404 Seiten zu verfolgen und sie entsprechend umzuleiten. Es ist im Allgemeinen ein gutes Plugin.

Thumbnails neu erstellen - Wir verwenden das Plugin "Generate Thumbnails", um weitere Bildgrößen zu generieren. Dies ermöglicht uns verschiedene Größen für Designzwecke (z. B. Navigation mit dem Schieberegler, hervorgehobene Beiträge in der Seitenleiste usw.)..

Simple Facebook Connect und Simple Twitter Connect - Diese beiden Plugins sind sehr leistungsfähig und werden für verschiedene Zwecke auf der Website verwendet. Ihr Hauptzweck besteht darin, das Anmelden von Drittanbietern für Kommentare zuzulassen. Siehe den Screenshot unten:

Simple Facebook Connect behandelt die Daten zu Facebook Open Graph-Metadaten für uns. Daher haben wir das richtige Bild, den Titel und die Beschreibung, wenn Benutzer unsere Artikel auf Facebook teilen.

Simple Twitter connect wird auch für die automatische Verknüpfung unserer Twitter-Benutzernamen verwendet, wenn Sie @ list25 oder ein anderes Twitter-Handle eingeben. Da simple twitter connect die Twitter Anywhere-API verwendet, verwenden wir sie auch für die Live-Tweet-Box auf unserer Abonnementseite für List25. (Dieses Tutorial zeigt Ihnen, wie Sie Live-Tweet-Boxen auf Ihrer WordPress-Site erstellen.)

Kommentare abonnieren - Dieses Plugin fügt nach dem Kommentar ein kleines Kontrollkästchen hinzu, mit dem Benutzer Kommentare abonnieren können, wenn sie dies wünschen.

Benutzerfoto - Mit dem Benutzerfoto-Plugin kann jeder Autor sein eigenes Bild hochladen, anstatt Gravatar zu verwenden. Dies erlaubt uns, die Bilder zu moderieren, die in unseren Autorenbiografien erscheinen.

VaultPress - Wir verwenden VaultPress für Backups. Es ist eine verwaltete Sicherungslösung von Automattic. Sie sichern unser Theme, Plugins, Posts und alle anderen Mediendateien. Dies schützt uns vor Katastrophen. Wenn etwas passiert, können wir VaultPress jederzeit verwenden, um die Site normal wiederherzustellen.

W3 Total Cache - Dies verhindert, dass unsere Website nicht abstürzt. List25 bekommt viel Verkehr und ohne dieses Plugin würden unsere Server stündlich abstürzen.

WordPress-HTTPs - Wir verwenden dieses Plugin, um sicherzustellen, dass das Backend unserer Website gesichert ist. Am wichtigsten ist jedoch, dass wir sie zum Hosten von Mediendateien verwenden und für unsere Facebook-Anwendung bereitstellen, die wir in diesem Artikel bei WPBeginner erörtert haben.

WordPress SEO von Yoast - Dieses Plugin behandelt unsere Sitemaps und alle anderen SEO vor Ort wie Meta-Tags, Indexierung usw.

WP-Leads - Wir verwenden dieses Plugin, um ein kleines Ankreuzfeld im Kommentarformular für unsere MailChimp-Liste hinzuzufügen. Es macht es unseren Benutzern einfacher, unseren täglichen Newsletter zu abonnieren, wenn sie möchten.

WPTouch Pro - Wir verwenden WP Touch Pro, um unsere mobile Version der Website zu nutzen. Wir haben ein benutzerdefiniertes Design für WP Touch Pro erstellt, aber es hat nicht lange gedauert.

WP4FB Pro - Dieses Plugin behandelt unsere Facebook-Anwendung für Giveaway. Was wir ausführlich darüber besprochen haben, wie man Facebook-Giveaways mit WordPress verwendet.

Damit ist die Liste der von uns ausgeführten Plugins abgeschlossen. Werfen wir einen Blick auf andere coole Hacks, die wir auf der Website haben.

List25: Theme und Hacks

Es ist wichtig zu betonen, dass List25 für ein benutzerdefiniertes untergeordnetes Genesis-Design ausgeführt wird. Wir haben auf der Website ein paar nette Funktionen.

Ich bin neugierig in der Kopfzeile - Wenn ein Benutzer darauf klickt, wird er zu einem zufälligen Beitrag auf einer Website umgeleitet. Es simuliert im Wesentlichen eine Stumbleupon-ähnliche Erfahrung. Sie können das auch tun. In unserem Tutorial erfahren Sie, wie Sie Benutzer in WordPress auf einen zufälligen Beitrag umleiten können.

Layout des benutzerdefinierten Post-Editors

Der Grund, warum wir ein benutzerdefiniertes Post-Editor-Layout haben, ist, damit unsere neuen Autoren genau wissen, welche Art von Formatierung wir wünschen. Wenn Sie einen unserer Beiträge besuchen, werden Sie sehen, wie praktisch diese Funktion wirklich sein kann. Es erfordert einige Kenntnisse, um einen benutzerdefinierten Post-Editor zu erstellen. Smashing Magazine hat ein Tutorial, wie das geht.

Schieberegler

Wir verwenden die jQuery-Version des SlideDeck-Plugins, um unseren Slider zu erstellen. Sie haben ein WordPress-Plugin. Sehen Sie sich unsere schrittweise Anleitung zum Erstellen eines Schiebereglers in WordPress an.

Das ist alles. Wir hoffen, dass Sie dadurch Ideen für Ihre eigene Website erhalten haben. Teilen Sie uns Ihre Kommentare und Rückmeldungen mit. Oh, und vergiss nicht, List25 auszuprobieren.