9 WordPress-Codes, um Ihr Blog aufzupeppen und UX zu verbessern

WordPress ist einfach zu konfigurieren und zu installieren und sofort einsatzbereit, 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 allen WP-Sites, auf die sie stoßen, dasselbe sehen)
  • Drops in Suchmaschinen-Rankings.

Sie haben ein flexibles Werkzeug in der Hand, das Sie optimieren können, um daraus etwas Angenehmes und Effizientes zu machen. Warum nicht die Dinge für Ihre Benutzer (und sich selbst) aufpeppen??

Dieser Artikel soll Ihnen helfen, Ihre WordPress-basierte Website unterhaltsam und hilfreich für Ihre Benutzer zu gestalten, indem Sie interessante Informationen hinzufügen Code Ausschnitte das wird auch Ihre SEO verbessern.

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

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

Probieren Sie es aus und lassen Sie mich wissen, wie sie für Sie gearbeitet haben! ;)

9 Codes zur Verbesserung Ihres WordPress-Blogs

In diesem Beitrag werde ich Ihnen zwei Arten von Codefragmenten anbieten:

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

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

Code-Snippets und Widgets sind fertige Teile von PHP-Code (oder WordPress-Plugins), die auf anderen Websites und auf WordPress.org frei verfügbar sind. Ich habe aber auch Snippets von meinem Verlobten aufgenommen und mit offenen und Codex-Referenzen von Grund auf neu geschrieben.

Beide Arten von Codes sind einfach zu implementieren und zu installieren. Sie können jedoch mit Widgets und Plugins beginnen, wenn Sie sich nicht sicher sind, wie Sie Code bearbeiten sollen.

Ich verstehe, dass 9 Code-Schnipsel möglicherweise nicht genug für diejenigen unter Ihnen sind, die gerne mit vielen, vielen verschiedenen Codes experimentieren. Daher bin ich sicher, dass die 25 praktischen Code-Schnipsel von Robert Ludrosky für WordPress-Entwickler Ihren Hunger stillen werden (zumindest für einen während). ;)

Codex-Codes

1. Klebrige Pfosten unterscheiden

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

<?php is_sticky (); ?>

Die Funktion allein gibt nur TRUE- oder FALSE-Werte zurück. Was können Sie hier also tun, wenn Sie ein bedingtes Konstrukt (if / else) schreiben, um Ihre Sticky-Posts zu verwalten? Ein Beispiel:

<?php if is_sticky () {
der Titel();
the_time (‘M, d, Y’);
der Auszug();
}}
sonst {
include ‘post-template.php’;
}}

In dieser Beispielverwendung habe ich den klebrigen Beitrag als Feld angezeigt, das nur den Titel, das Datum des Beitrags und den Auszug enthält (nicht den gesamten Beitrag), während die Standardvorlage für die anderen Beiträge in post-template.php enthalten ist.

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

Single.php ist Ihre Standardvorlage für einzelne Posts (Sie finden sie in jedem Standard-WP-Thema)..

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

2. Post-URL anzeigen

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

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

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

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

Ihre Seitenvorlage kann beispielsweise Folgendes enthalten:

Verknüpfung: "><?php echo get_page_link (); ?>

3. Post-ID-Nummer abrufen und anzeigen

Selbst wenn Sie Ihre Permalink-Struktur benutzer- und SEO-freundlich einrichten, können Sie Ihren Besuchern die Post-ID anzeigen, indem Sie Ihrer Meta-Zeile diese einfache Funktion hinzufügen:

<?php the_ID (); ?>

Beispielnutzung:

Gepostet von Autorenname. Post ID ist <?php the_ID (); ?>

4. Listen Sie die Kategorien nach ID auf

Die WordPress-Standardfunktion lautet:

<?php get_all_category_ids () ?>

Hier ist ein Beispiel, das ich in einem meiner Blogs verwendet habe und das mit Code aus dem Codex und einem Thema in StackOverflow geschrieben wurde:

<?php
$ 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 "{$ cat_id}: {$ cat_name}
";;
}}
?>

… Und wie es angezeigt wird:

Kategorie WP-Code

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

Was macht dieser Code??

Der Code erhält alle Kategorie-IDs und den Kategorienamen für jede ID, verknüpft dann die ID mit dem Kategorielink und zeigt den Kategorienamen nach dem “:” an – daher der echo () -Ausdruck {$ cat_id}: {$ cat_name }}
.

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

Wollten Sie schon immer eine benutzerdefinierte Seite erstellen, auf der alle Ihre Blog-Autoren oder -Nutzer angezeigt werden, ohne sich auf ein Plugin verlassen zu müssen??

Nun, Sie können Ihre eigene benutzerdefinierte Autoren- / Benutzerseite mit nur einem Texteditor, einem FTP-Uploader und Ihrem geliebten WordPress-Dashboard erstellen.

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

Fügen Sie das Vorlagen-Tag oben in diese Vorlage ein, damit WordPress es als Vorlage erkennt, und wechseln Sie dann zu Ihrem Dashboard -> Seiten -> Fügen Sie Neu hinzu und erstellen Sie eine Seite für Ihre Liste der Benutzer / Autoren. Kehren Sie zur Seitenliste zurück, klicken Sie unter Ihrem neuen Seitentitel auf Schnellbearbeitung und wählen Sie Ihre neue Vorlage aus dem Dropdown-Menü Vorlage aus. Speichern Sie Ihre Änderungen.

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

<?php
$ result = count_users ();
echo ‘Es gibt’, $ result [‘total_users’], ‘total users’;
foreach ($ result [‘available_roles’] als $ role => $ count)
echo ‘,’, $ count, ‘are’, $ role, ‘s’;
Echo ‘.’;
?>

Dieser Code verwendet die Funktion count_users und wird im Codex als “Standardverwendung” aufgeführt. Sie können ein Live-Beispiel für diesen Code unter http://robocity.in/users/ anzeigen..

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

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

Ich habe hier die Funktion count_user_posts verwendet, die dem vom Codex vorgeschlagenen Verwendungsformat folgt.

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

<?php $ user_info = get_userdata (1);
$ username = $ user_info->Benutzer-Anmeldung;
$ first_name = $ user_info->Vorname;
$ last_name = $ user_info->Nachname;
Echo "$ first_name $ last_name meldet sich mit dem Benutzernamen $ username bei ihrer WordPress-Site an.";;
?>

Dies ist die interessanteste Funktion, die Sie auf Ihrer Autoren- / Benutzerseite verwenden können – die Funktion get_users:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&Rolle = Administrator ‘);
// Array von WP_User-Objekten.
foreach ($ blogusers als $ user) {
Echo ”. esc_html ($ user->Benutzer-Anmeldung) . ‘-‘. esc_html ($ user->Benutzer Email) . ‘
‘;
}}
?>

Diese Funktion ruft eine Liste von Benutzern anhand bestimmter Parameter ab, die Sie im Code konfigurieren können. Im obigen Beispiel (von der Codex-Seite übernommen und so bearbeitet, dass es zu meiner Benutzerseite bei Robocity.in passt) möchte ich eine Liste der Administratoren für Blog-ID 1 (aktuelles Blog) erhalten, sortiert nach “Nicename” und für jeden Benutzer. Ich möchte Benutzername und E-Mail in einem Satz vom Typ “Benutzername -” anzeigen..

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

Code Ausschnitte & Widgets

6. Alternative… Archive!

schönere Blog-ArchiveStellen Sie sich vor, Sie könnten Ihre alte Seitenlisten-Archivliste – die mit dem Wachstum Ihres Blogs weiter wächst und die Benutzer zum Scrollen zwingt – durch ein Snippet wie das hier rechts ersetzen.

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

Mein Verlobter und ich haben dieses einfache Snippet mit get_post aus dem Codex und einem einfachen Dropdown-Menü für die Liste der Archive geschrieben. 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)->nach Datum));
return $ output;
}}

Funktion getLastPostID () {
list ($ post) = get_posts (array (‘posts_per_page’ => 1));
$ post zurückgeben->ICH WÜRDE;
}}
?>

Dieser Blog hat seitdem Beiträge <?PHP Echo FormatPostDate (1, ‘% B% e,% Y’); ?>.
Letzter Beitrag wurde am veröffentlicht <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

Möchten Sie ein bestimmtes Archiv besuchen??

<?php echo esc_attr (__ (‘Archiv auswählen’)); ?>
<?php wp_get_archives (Array (‘Typ’ => ‘monatlich’, ‘format’ => ‘option’, ‘show_post_count’ => 1)); ?>

Was macht dieser Code??

Die Funktion formatPostDate übernimmt die ID und das Datumsformat des Beitrags 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 dessen ID zurück.

Um den ersten Beitrag des Blogs zu erhalten – im Allgemeinen mit ID = 1 – schreiben wir im ersten Absatz echo formatPostDate (1, ‘% B% e,% Y’): Dieser Code verwendet die Funktion formatPostDate und verwendet als Parameter die Beitrags-ID # 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 (wieder in Englisch) abzurufen und das Datum am auszudrucken Bildschirm.

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

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

Der Code ist hier verfügbar.

Diese Funktion hilft bei der Optimierung von Mobilgeräten, 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 Konstrukt if / else, um den Inhalt Ihrer Seitenleiste zu bearbeiten

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

Angenommen, Sie möchten mehrere Seitenleisten auf Ihrer Site verwenden. Sie können Ihre Seitenleiste mit Divs und Abschnitten füllen, aber je mehr diese Datei wächst (selbst wenn Sie Widgets verwenden), desto schwerer wird sie.

Der Codex hilft Ihnen mit der Funktion get_sidebar ($ name). Die Verwendung ist einfach:

  1. Erstellen Sie eine Seitenleiste für Ihre Quotes-Snippets. Nennen Sie es sidebar-quote.php
  2. Schreiben Sie in die Hauptdatei sidebar.php (oder in die Header- oder Indexdatei gemäß Ihrer WP-Designstruktur) get_sidebar (“Anführungszeichen”). um die Datei “sidebar-quote.php” einzuschließen.

Sie erhalten eine schlankere Seitenleiste mit Aufrufen anderer 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 get_sidebar () – Code verwenden, enthält dieser “sidebar.php”, da Sie kein $ name-Argument hinzugefügt haben. Dies ist die Standardverwendung. Wenn Sie nach “sidebar * .php” einen “-name” hinzufügen, können Sie diesen Namenszusatz mit dem $ name arg aufrufen.

Wenn Sie Anzeigen, Sonderangebote oder Seitenleistenfunktionen haben, die Sie auf bestimmten Seiten Ihres Blogs oder Codes anzeigen möchten, die Ihre Standard-Seitenleiste überlasten, ist dieses Codefragment ein Lebensretter für UX.

9. Ein Tool zum Integrieren von Codefragmenten in Ihre WordPress-Site

Screenshot von Codesnippets

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

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

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

Zu dir hinüber!

Teilen Sie Ihre WordPress-Codierungsexperimente in den Kommentaren unten! Sie können auch Fragen zu den in diesem Beitrag vorgestellten Snippets stellen.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map