9 WordPress Codes, um Ihren Blog zu verbessern und UX zu verbessern

Artikel geschrieben von:
  • WordPress
  • Aktualisiert: Mai 08, 2019

WordPress ist einfach zu konfigurieren und zu installieren, sobald Sie Ihr Blog veröffentlichen.

Wenn Sie sich jedoch auf die Standardoptionen von WordPress verlassen, kann dies zu einem Verlust in Ihrem Namen führen:

  • Weniger Funktionalität
  • Gelangweilte Benutzer (die auf jeder WP-Site, auf die sie stoßen, dasselbe sehen)
  • Drops in Suchmaschinen-Rankings.

Sie haben ein flexibles Werkzeug in der Hand, mit dem Sie es optimieren können, um es angenehm und effizient zu nutzen. Warum nicht die Dinge für Ihre Benutzer (und sich selbst) aufpeppen?

Dieser Artikel möchte Ihnen dabei helfen, Ihre WordPress-basierte Website für Ihre Benutzer interessant und interessant zu gestalten, indem Sie interessantes hinzufügen Code Ausschnitte das wird auch Ihre SEO verbessern.

Brauchen Sie Hilfe, um Ihren WordPress-Blog aufzupeppen?
WHSR ist jetzt Partner von Codable.io, um Benutzern zu helfen, die professionelle WP-Entwicklungs- / Anpassungsdienste benötigen.

Um ein kostenloses Angebot zu erhalten, Bitte füllen Sie dieses Anfrageformular aus.

Probieren Sie es aus und lassen Sie mich wissen, wie es für Sie funktioniert hat! ;)

9-Codes zur Verbesserung Ihres WordPress-Blogs

Ich werde Ihnen in diesem Beitrag zwei Arten von Code-Snippets anbieten:

  1. Codex-Codes
  2. Code-Snippets und Widgets

Codex-Codes sind PHP-Schnipsel, die ich selbst geschrieben habe (mit Hilfe meines Verlobten Simone), die ausschließlich die WordPress.org-Kodex Als Referenz.

Code-Snippets und Widgets sind vorgefertigte Teile von PHP-Code (oder WordPress-Plugins), die auf anderen Websites und auf WordPress.org frei verfügbar sind. Ich habe jedoch auch Ausschnitte meines Verlobten mitgeschrieben und von Grund auf Open- und Codex-Referenzen verwendet.

Beide Codetypen sind einfach zu implementieren und zu installieren. Sie können jedoch mit Widgets und Plugins beginnen, wenn Sie nicht sicher sind, wie Sie Code manipulieren sollen.

Ich verstehe, dass 9-Code-Schnipsel für diejenigen unter Ihnen, die gerne mit vielen, vielen verschiedenen Codes experimentieren, möglicherweise nicht ausreichen. Deshalb bin ich mir sicher, dass dies unser Robert Ludrosky's ist 25 handliche Code-Snippets für WordPress-Entwickler wird Ihren Hunger stillen (zumindest für eine Weile). ;)

Codex-Codes

1. Unterscheiden Sie klebrige Beiträge

Um WordPress zu überprüfen, ob Ihr aktueller Beitrag ein klebriger Beitrag ist, und zeigen Sie ihn entsprechend an. Sie können die boolesche Codex-Funktion verwenden:

<? php is_sticky (); ?>

Die Funktion allein gibt nur die Werte TRUE oder FALSE zurück. Was Sie hier tun können, wenn Sie ein bedingtes Konstrukt schreiben (if / else), um Ihre ständigen Beiträge zu verwalten. Ein Beispiel:

<? php if is_sticky () {the_title (); the_time ('M, d, Y'); der Auszug(); } else {include 'post-template.php'; }

In diesem Beispiel habe ich den Sticky Post als ein Feld angezeigt, das nur den Titel, das Postdatum und den Auszug (nicht den gesamten Post) enthält, während die Standardvorlage für die anderen Posts in post-template.php enthalten ist.

Jeder Beitragstyp hat ein eigenes CSS-Stylesheet, aber wir definieren hier keine Stile. nur vorlagen.

Single.php ist deine Standardvorlage für einzelne Beiträge (sie ist in jedem Standard-WP-Theme enthalten).

Wenn Sie ein eigenes WP-Design entwickelt haben, aber keine Vorlagen für einzelne Beiträge eingerichtet haben, können Sie dem Codex-Handbuch folgen hier.

2. Post-URL anzeigen

Dies könnte Spaß machen, um Ihre Vorlage hinzuzufügen. Wenn Sie möchten, dass Ihre Leser den URI für jede Ihrer Seiten (oder Beiträge) abrufen, verwenden Sie einfach das folgende Tag in Ihrer Vorlage single.php, page.php oder sogar index.php:

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

Anstatt the_permalink zu verwenden, ist dies die naheliegendste Wahl und funktioniert in allen Fällen. In WP können Sie zwei alternative Formulare für Posts und Seiten verwenden:

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); ?> 

Beispielsweise kann Ihre Seitenvorlage Folgendes enthalten:

<p> Link: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </ p>

3. Post-ID-Nummer abrufen und anzeigen

Selbst wenn Sie Ihre Permalink-Struktur benutzer- und seo-freundlich einrichten, können Sie Ihren Besuchern die Beitrags-ID anzeigen, indem Sie diese einfache Funktion in Ihre Metazeile einfügen:

<?php the_ID(); ?>

Verwendungsbeispiel:

<p class = "meta"> Veröffentlicht nach Name des Autors. Beitrags-ID lautet <? Php the_ID (); ?> </ p>

4. Listenkategorien nach ID

Die WordPress-Standardfunktion ist:

<? php get_all_category_ids ()?>

Hier ist ein Beispiel, das ich in einem meiner Blogs verwendet habe Kodex und ein Thema zu StackOverflow:

$ category_ids = get_all_category_ids (); foreach ($ category_ids als $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // Wir brauchen den Cat-Link, damit die URL funktioniert! echo "<a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

… Und wie es angezeigt wird:

Kategorie WP-Code

Hinweis: get_all_category_ids () ist jetzt eine veraltete Funktion. Sie können sie jedoch weiterhin problemlos verwenden, wie in meinem Blog (siehe Abbildung oben). Wenn Sie jedoch die neue Funktion für dieses Snippet verwenden möchten, besuchen Sie die get_terms () Seite des Kodex.

Was macht dieser Code?

Der Code ruft alle Kategorien-IDs und den Kategorienamen für jede ID ab. Anschließend wird die ID mit dem Kategorienlink verknüpft, und der Kategoriename wird nach dem ":" angezeigt - daher die Echo() Ausdruck <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

5. Eine ausführliche Benutzer- / Autorenseite für Ihr Blog

Wollten Sie schon immer eine benutzerdefinierte Seite erstellen, auf der alle Blog-Autoren oder Benutzer angezeigt werden, ohne auf ein Plugin angewiesen zu sein?

Also du kann Erstellen Sie Ihre eigene benutzerdefinierte Autoren- / Benutzerseite mit nur einem Texteditor, einem FTP-Uploader und Ihrem beliebten WordPress-Dashboard.

Zunächst müssen Sie eine Kopie Ihrer page.php-Datei erstellen. Benennen Sie Ihre Kopie in einen beliebigen Namen um - ich nannte meine users.php.

Add das Template-Tag Oben in dieser Vorlage, damit WordPress sie als Vorlage erkennt, und wechseln Sie zu Ihrem Dashboard -> Seiten -> Neu hinzufügen und erstellen Sie eine Seite für Ihre Liste der Benutzer / Autoren. Kehren Sie zur Liste Seiten zurück, klicken Sie unter dem neuen Seitentitel auf Schnellbearbeitung, und wählen Sie im Dropdown-Menü Vorlage die neue Vorlage aus. Speichern Sie Ihre Änderungen.

Öffnen Sie nun die Datei users.php (oder wie auch immer Sie sie benannt haben) und wenden Sie den folgenden Code an:

 $ result = count_users (); echo 'There are', $ result ['total_users'], 'total user'; foreach ($ result ['avail_roles'] als $ role => $ count) echo ',', $ count, 'sind', $ role, 's'; Echo '.'; ?> 

Dieser Code verwendet die count_users Diese Funktion wird im Codex als "Standardverwendung" aufgeführt. Ein Live-Beispiel für diesen Code finden Sie unter http://robocity.in/users/.

Fügen wir nach diesem Code etwas über den Blog-Administrator hinzu:

<? php printf (__ ('Anzahl der vom Benutzer "Leaders" veröffentlichten Beiträge:% d', 'text-dom-here'), count_user_posts (1)); ?>

Früher habe ich die count_user_posts Funktion hier entsprechend dem vom Codex vorgeschlagenen Verwendungsformat.

Die Funktion get_userdata ist gut, um die Korrelation zwischen einem bestimmten Benutzernamen und dem tatsächlichen Namen der Person, die ihn verwendet, aufzuzeigen. Siehe unten:

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name meldet sich mit dem Benutzernamen $ username an ihrer WordPress-Site an."; ?>

Dies ist die interessanteste Funktion, die Sie auf Ihrer Seite "Autoren / Benutzer" verwenden können - der get_users Funktion:

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = administrator'); // Array von WP_User-Objekten. foreach ($ blogusers als $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</ span> <br/>'; }?>

Diese Funktion ruft eine Liste von Benutzern gemäß bestimmten Parametern ab, die Sie im Code konfigurieren können. In dem obigen Beispiel (entnommen aus der Codex-Seite und so bearbeitet, dass es zu meiner Benutzerseite bei Robocity.in passt) möchte ich eine Liste von Administratoren für die Blog-ID 1 (aktuelles Blog) erhalten, sortiert nach "Name" und für jeden Benutzer. Ich möchte Benutzernamen und E-Mail-Adresse in einem Satz vom Typ "Benutzername - [Email protected]".

Wenn Sie angemeldeten Benutzern etwas über sich anzeigen möchten, können Sie das verwenden get_currentuserinfo Funktion, um beispielsweise den Namen und die Adresse des Benutzers abzurufen. Ich habe diese Funktion in meinem Beispiel nicht verwendet, aber der Kreativität sind keine Grenzen gesetzt, oder? ;)

Code-Snippets und Widgets

6. Alternative… Archive!

schönere Blog-ArchiveStellen Sie sich vor, Sie könnten Ihre alte Sidebar-Archivliste ersetzen - diese wächst mit dem Wachstum Ihres Blogs und zwingt die Benutzer zum Scrollen - mit einem Snippet, wie Sie es hier auf der rechten Seite sehen.

Wäre es nicht einfacher für Ihre Leser, das Alter Ihres Blogs und die Tiefe Ihrer Archive auf einen Blick zu erfassen? :)

Mein Verlobter und ich haben dieses einfache Snippet mit dem get_post aus dem Codex und einem einfachen Dropdown-Menü für die Liste der Archive erstellt. Wir haben unsere eigenen Funktionen erstellt, damit die Idee gut funktioniert.

<? php-Funktion formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ format, strtotime ($ post-> post_date)); return $ output; } function getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); $ post-> ID zurückgeben; }?> <p> Dieses Blog enthält Beiträge seit <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> Letzter Beitrag wurde veröffentlicht am <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ?>. </ p> <p> Möchten Sie ein bestimmtes Archiv besuchen? </ p> <select name = "archive-dropdown" onchange = "document.location.href = this.options [this.selectedIndex]. value; "> <option value =" "> <? php echo esc_attr (__ ('Archiv auswählen')); ?> </ option> <? php wp_get_archives (array ('type' => 'monatlich', 'format' => 'option', 'show_post_count' => 1)); ?> </ select>

Was macht dieser Code?

Die Funktion formatPostDate übernimmt die ID und das Datumsformat des Posts und gibt ein Datum in einem Format Ihrer Wahl zurück. Die zweite Funktion, getLastPostID, verwendet ein Array von Posts, die nur einen Post enthalten, und gibt ihre ID zurück.

Um den ersten Beitrag des Blogs zu erhalten - im Allgemeinen mit ID = 1 - schreiben wir im ersten Absatz das Echo formatPostDate (1, '% B% e,% Y'): Dieser Code verwendet die Funktion formatPostDate und verwendet die Beitrags-ID als Parameter #1 und ein englisches Standardformat für das Datum und gibt das Datum zurück.

Um den letzten Beitrag des Blogs zu erhalten, verwenden wir formatPostDate (getLastPostID (), '% B% e,% Y'), um die ID des letzten Beitrags und ein Datumsformat (erneut in Englisch) abzurufen und das Datum am auszudrucken Bildschirm.

7. Prüfen Sie, ob der Besucher ein mobiles Gerät verwendet

Muneeb von WP-Snippets.com hat ein interessantes Code-Snippet (eine Funktion) zur Verfügung gestellt, um zu überprüfen, ob ein Besucher Ihrer Website ein mobiles Gerät verwendet.

Der Code ist verfügbar hier.

Diese Funktion hilft bei der mobilen Optimierung, da sie nützlich ist, wenn Sie bestimmte Funktionen nur mobilen Benutzern anzeigen oder mobile Benutzer von bestimmten Website-Funktionen ausschließen möchten.

8. Verwenden Sie das if / else-Konstrukt, um den Inhalt der Seitenleiste zu bearbeiten

Dieses Code-Snippet basiert auf dem Codex von WordPress. Ich habe es jedoch in diesen Abschnitt eingefügt, da es viel Kreativität ermöglicht und Sie möglicherweise fertige Snippets im Web finden.

Angenommen, Sie möchten mehrere Seitenleisten auf Ihrer Site verwenden. Sie können Ihre Seitenleiste mit divs und Abschnitten füllen, aber je größer die Datei wird (auch wenn Sie Widgets verwenden), desto stärker wird sie.

Der Codex kommt mit der Rettung zu dir get_sidebar ($ name) Funktion. Die Verwendung ist einfach:

  1. Erstellen Sie eine Sidebar für Ihre Zitate-Snippets. Nennen Sie es sidebar-quotes.php
  2. Schreiben Sie in der sidebar.php-Hauptdatei (oder in der Header- oder Indexdatei entsprechend Ihrer WP-Theme-Struktur) get_sidebar ("quotes"). um die „sidebar-quotes.php“ -Datei einzuschließen.

Sie erhalten eine schmalere Seitenleiste mit Aufrufen zu anderen Unterseitenleisten, die Sie mit if / else-Konstrukten optimieren können, wenn Sie ein wenig PHP-Codierung für WordPress kennen.

Möglicherweise wissen Sie das nicht, aber wenn Sie den generischen Code get_sidebar () verwenden, enthält dieser die Datei "sidebar.php", da Sie kein Argument "$ name" hinzugefügt haben. Dies ist die Standardverwendung. Wenn Sie nach "sidebar * .php" einen "-name" einfügen, können Sie dieses Namensaddon mit dem Argument "$ name" aufrufen.

Wenn Sie über Anzeigen, Sonderangebote oder Seitenleistenfunktionen verfügen, die Sie auf bestimmten Seiten Ihres Blogs oder Codes anzeigen möchten, die Ihre Standardseitenleiste überlasten, werden Sie diesen Code-Schnipsel als Lebensretter für UX empfinden.

9. Ein Tool zur Integration von Code-Snippets in Ihre WordPress-Site

Codesnippets-Screenshot

Code Snippets ist ein kostenloses, von Shea Bange erstelltes WordPress-Plugin, mit dem Sie Ihrem Blog einfach Codeausschnitte hinzufügen können.

Das Schöne an diesem Plugin ist, dass Sie Ihr Plugin nicht mehr bearbeiten müssen functions.php Datei, aber Sie können benutzerdefinierten Code direkt aus Ihrem WordPress Dashboard hinzufügen. Grundsätzlich können Sie Codeausschnitte so hinzufügen, als würden Sie einen neuen Beitrag oder eine neue Seite hinzufügen.

Tom Ewer bei WPMUDev.org Ich habe eine interessante Einführung zu diesem Plugin geschrieben, aber die nützlichste Ressource, die ich bisher für Code Snippets gefunden habe, ist das Plugin-Support-Forum auf WordPress.org.

Zu dir hinüber!

Teilen Sie Ihre WordPress-Codierversuche in den Kommentaren unten! Sie können auch gerne Fragen zu den in diesem Beitrag eingeführten Ausschnitten stellen.

Über Luana Spinetti

Luana Spinetti ist eine freiberufliche Schriftstellerin und Künstlerin, die in Italien lebt und eine leidenschaftliche Informatik-Studentin ist. Sie hat ein Abitur in Psychologie und Pädagogik absolviert und einen 3-Jahreskurs in Comic-Buchkunst absolviert, an dem sie ihren Abschluss in 2008 machte. Als facettenreiche Person entwickelte sie ein großes Interesse an SEO / SEM und Web-Marketing mit einer besonderen Neigung zu Social Media. Sie arbeitet an drei Romanen in ihrer Muttersprache (Italienisch), die sie hofft bald veröffentlichen.