Digitale Zeitschriften sind für heutige Webbenutzer zu einem beliebten Gut geworden. Mit WordPress können heute Millionen von Blogs im Internet betrieben werden. Man kann davon ausgehen, dass sie eine stabile Software verwenden. Einige der besten Funktionen sind alle intern, da das WP-Team mit jeder Version eine aktualisierte, aktualisierte Dokumentation veröffentlicht.
Die Software ist nicht nur sehr leistungsfähig, sondern die zugrunde liegenden Klassen und Funktionen geben Entwicklern einen All-Access-Pass. Es ist extrem einfach, Apps und Module in WordPress zu entwickeln. Heute werden wir uns mit Autor-Metadaten-Funktionen befassen, um ein "Über den Autor" zu erstellen. Box.
Gegen Ende einzelner Postseiten sehen Sie häufig ein Kästchen, in dem Sie etwas über den Verfasser erfahren. Dazu gehören in der Regel das Gravatar oder eine Art Foto, eine Beschreibung über sie und möglicherweise Links zu ihrem Profil oder ihrer persönlichen Website.
Wenn es schwierig erscheint, lesen Sie einige der WordPress-Dokumentationen zu den Vorlagen-Tags. Dazu gehört viel von dem, was in diesem Projekt behandelt werden kann, und vieles mehr. Die WP-Community bietet auch ein sehr angenehmes Forum für vertiefende Systemfragen.
Die WordPress-Architektur
Im gesamten WordPress-Code wird etwas mit dem Titel The Loop bezeichnet. Dies ist ein Abschnitt, in dem Meta-Funktionen basierend auf einem einzelnen Artikel aufgerufen werden können, um bestimmte Informationen aus der Datenbank abzurufen. In unserem Beispiel können wir Funktionen aufrufen, um Autorendaten aus jedem einzelnen Beitrag in The Loop herauszuholen.
Dies sollte vor allem in Ihrem Vorlagenordner geschehen. Für die Faulenzer kann es einfacher sein, einzelne Dateien durch Hinzufügen von Code zu bearbeiten, den Sie benötigen. Zum Beispiel das WP-Thema single.php Die Datei enthält im Allgemeinen den gesamten Code zum Analysieren auf der Seite eines einzelnen Beitrags. Möglicherweise ist es einfacher, Daten in The Loop abzurufen und hier HTML-Code hinzuzufügen.
Eine sicherere Methode wäre alternativ, eine neue Datei zu Ihrem Design-Verzeichnis hinzuzufügen und sie immer dann einzuschließen, wenn Sie möchten, dass Ihr Autorenfeld angezeigt wird. Dies ermöglicht eine bessere Kontrolle über variable Begriffe und Vorlagendateien. Dies spart Ihnen auch Zeit und Energie, um das Rad nicht neu zu erfinden.
WP-Vorlagencode
Es gibt nicht viele Funktionen, die wir verwenden werden, obwohl viele für WP-Amateure neu sein könnten. Nachfolgend einige Beispiele, mit denen Sie sich vertraut machen sollten. Vieles von dem, was wir in der WordPress-Bibliothek mit wenigen Schlüsselideen behandeln werden - nichts, was man mit ein paar Stunden lernen kann.
Die Autorenfunktion holt Daten aus der Schleife, um den Namen des Autors anzuzeigen. Dies kann im WordPress-Backend auf der Profileinstellungsseite eines anderen Benutzers geändert werden. Sie können diesen Wert auf Vor- / Nachname, Benutzernamen oder sogar einen benutzerdefinierten Satz festlegen.
Um diesen Prozess zu vereinfachen, hat WordPress eine vollständige Funktionsbibliothek für veröffentlicht the_author_meta (). Diese Ersetzung berücksichtigt Argumente, mit denen auf Anforderung alle Autorendaten aus der Datenbank abgerufen werden können. Sie können sich die Dokumentation der Seite ansehen, wenn Sie mehr über das Thema erfahren möchten.
Das Faszinierende an dieser Funktion ist, wie viele Informationen tatsächlich erhalten werden können. Standardmäßig akzeptiert die Funktion zwei Argumente: den Datentyp, den Sie benötigen, und die Benutzer-ID, die abgerufen werden soll. Die ID ist ein optionaler Parameter, der nur in Fällen außerhalb von The Loop erforderlich ist. Mögliche Werte zum Abrufen sind user_login, user_email, user_url, nickname, description (bio), jabber / aim / yim und vieles mehr!
Was viele hier nicht berücksichtigen, ist, wie viele potenzielle Informationen geteilt werden können. Mit WordPress können Administratoren Autorenprofilseiten bearbeiten, um benutzerdefinierte Avatare, Bios und sogar Homepage-Links hinzuzufügen. Diese können dann aus der Datenbank abgerufen und als Marketinginformationen für jeden Autor verwendet werden.
Allein mit diesen Funktionen können wir alle benötigten Daten anzeigen. Jetzt müssen Sie nur noch unseren Beispiel-HTML- und CSS-Code hinzufügen und die Datei veröffentlichen!
Cordial Author Box Styles
CSS ist eine wichtige Sprache in unserem Projektbereich, da es sich um eine Webanwendung handelt. Wir müssen bestimmte Sätze von Stilen und Anzeigefällen definieren, die für alle gängigen Browser, Monitorauflösungen und andere verborgene Variablen verwendet werden. Als Webentwickler ist es unsere Aufgabe, über diese Klimazonen hinweg zu studieren und zu arbeiten.
Die einfache Klasse .Über den Autor sollte auf Ihre Abdeckbox aufgebracht werden. Wir haben eine helle Hintergrundfarbe mit festem Rand und zusätzlicher Polsterung hinzugefügt. Unser img-Tag wird auch links mit zusätzlicher Auffüllung angezeigt. Dadurch wird der Avatar unseres Autors mit dem Inhalt der Box in Einklang gebracht.
Außerdem haben wir zwei Klassen, die zeigen, wie wir unsere inneren Daten benötigen, um zu funktionieren. .span-2 ist eine Veranstaltung, in der unser Hauptinhalt gefunden wird. Hier haben wir alle zusätzlichen Ränder / Polsterungen entfernt, um den Abstand neutral zu halten, und das Box-Modell für die Ausrichtung nach links neu anordnen. Dieser Code eignet sich am besten für die style.css-Datei Ihrer Vorlage, obwohl er mit Ihrem Blockelement integriert werden könnte.
Der HTML-Code ist sehr kurz und ähnlich wie unten gezeigt. Hier haben wir ein paar zusätzliche Funktionen hinzugefügt, die sehr schnell erklärt werden können.
Wir nennen eine Funktion get_avatar () was nimmt eine Reihe von Parametern. Die beiden oben genannten sind die E-Mail-Adresse des aktuellen Autors, die die eindeutige Kennung für eine Datenbankabfrage darstellt. Dies könnte auch einer Benutzer-ID entsprechen.Wir übergeben auch 64 als Zeichenfolgewert - dies stellt die Größe des Bildes dar, das in Breite und Höhe zurückgegeben werden soll.
the_author_posts () ist eine weitere recht unkomplizierte Funktion, die die Gesamtzahl der von einem Verfasser veröffentlichten Artikel erfasst. Dies ist eher eine zusätzliche Funktion, da ich nicht viele Blogs sehe, die diese Informationen ausführen. In der Regel ist dies jedoch aus Anwendersicht hilfreich, da es mehr Informationen zum aktuellen Autor und einen tieferen Einblick in die Interaktion mit dem Blog selbst gibt.
Dies sind nur einige der grundlegenden Techniken zum Erstellen eines einfachen WordPress-Autorenblocks. Von hier aus ist es sehr einfach, eine neue Datei zu speichern, sagen wir author-box.php in Ihrem Themes-Ordner und laden Sie sie in Ihr Stammverzeichnis hoch. Von dort kann ein einfacher PHP-Include den gesamten Code automatisch in jede Quelle einfügen.
Wenn dies immer noch etwas unscharf ist, überprüfen Sie den obigen Beispielcode. Dies ist der direkteste Weg, um Ihre Datei einzubeziehen und die Sicherheit in Ihren Aktionen zu gewährleisten. Hier nennen wir die get_bloginfo () Funktion, um zuerst die gesamte Struktur des Vorlagenverzeichnisses herauszuziehen, gefolgt von unserer einzelnen Datendatei. Benennen Sie diese Datei unbedingt um, je nachdem, was Ihrem Thema am besten entspricht, und verwechseln Sie sie nicht zwischen Funktionsaufrufen!
Fazit
Ich hoffe, dieses Tutorial hat Ihnen einen Ausgangspunkt für die Referenz in der WordPress-Entwicklung gegeben. Blogs sind im heutigen Web allzu häufig, aber das Hinzufügen eines Autorenfelds verleiht Ihren Online-Artikeln etwas Aufregung. Sie geben den Autoren auch Anreize, häufiger zu posten und ein kleines Portfolio ihres Schreibens aufzubauen. Viele der beliebtesten Online-Magazine bieten jetzt detaillierte Informationen und Profil-Links von ihren Artikelautoren.
Wenn Sie mit diesen Funktionen experimentieren möchten, ohne in PHP oder HTML / CSS herumzudrehen, gibt es einige Alternativen. Das WordPress-Plugins-System ist ein solches Szenario, das perfekt funktioniert. Ich empfehle das Cool Author Box-Plugin, das automatisch Autoreninformationen hinzufügt und Gravatar-Symbole unterstützt. Haben Sie Vorschläge oder Tipps zum Erstellen von einzigartigen Autorenboxen in WordPress? Teilen Sie Ihre Ideen in der folgenden Diskussion mit.