10 WordPress-Vorlagen-Tags, die Sie möglicherweise nicht kennen
WordPress wird seit seiner Gründung mit einer Fülle von Template-Tags ausgeliefert. Diese Template-Tags in WordPress sind PHP-Funktionen, die verwendet werden können Ausgabe ebenso gut wie Daten abrufen.
Wenn Sie ein WordPress-Theme entwickelt haben, sind Sie möglicherweise mit einigen dieser Template-Tags vertraut, z der Titel
das zeigt den Posttitel, der Autor
das zeigt den Namen des Autors der Post und den Link der Post.
WordPress entwickelt sich ständig weiter. Bei jeder neuen Version werden häufig einige neue Vorlagen-Tags eingeführt. So sehr, dass es ziemlich schwierig sein kann, mit all diesen Template-Tags - alten oder neuen - Schritt zu halten. Sehen Sie sich diese 20 Vorlagen-Tags an, die Sie möglicherweise übersehen haben.
Hauptstadt P
WordPress, gemäß ihrer Richtlinie und Norm, muss mit dem Großbuchstaben P geschrieben werden, d. h. WordPress ist ein Nein-Nein; Der richtige Weg ist, es so zu buchstabieren WordPress.
Die Hauptstadt “P” ist ein Thema mit so großer Bedeutung, dass Matt Mullenweg (Gründer von WordPress) es bereits 2009 in seine Entschließung aufgenommen hat capital_p_dangit ()
Funktion wird im Rahmen der Initiative eingeführt.
Schon seit: 3.0.0
// Direkt verwenden $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Jeder WordPress-Text wird mit Großbuchstaben P umgedreht. // Oder in einem WordPress-Filter verwendet. add_filter ("the_excerpt", function ($ text) return captial_p_dangit ($ text););
Kundenspezifisches Logo
In 4.5 wurde in WordPress die Möglichkeit eingeführt, ein Logo für Designs über den Customizer hochzuladen. Diese neue Funktion erfordert die Unterstützung von Themen: durch Hinzufügen add_theme_support ('site-logo')
, Das Logo erscheint im Customizer.
Diese Funktion führt zur Verwendung einiger neuer Vorlagen-Tags, die die Logo-Bildausgabe in Themes verarbeiten können, nämlich: has_custom_logo ()
, get_custom_logo ()
, und the_custom_logo ()
.
Schon seit: 4.5.0
// 1. Die Ausgabe enthält das Image-Logo und den Link zur Startseite. the_custom_logo (); // 2. Holen Sie sich die benutzerdefinierte Logoausgabe "string". $ logo = get_custom_logo (); // 3. Bedingt if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Verwenden des 'get_custom_logo', um das Logo mit einem div zu versehen. add_filter ("get_custom_logo", Funktion ($ html) return ''. $ html. '';);
Miniaturbild-URL
WordPress verfügt über ein seit langem integriertes, natives Dienstprogramm, um ein Miniaturbild oder ein gekennzeichnetes Bild hinzuzufügen. Das Template-Tag, the_post_thumbnail ()
, Zeigt das Image-Tag mit seinen Attributen an.
Was aber, wenn Sie stattdessen die Miniaturansicht des Bildes als Hintergrund über CSS anzeigen möchten? Verwenden Sie das Template-Tag, get_the_post_thumbnail_url ()
.
Schon seit: 4.4.0
Beispiel:
Zufallszahl generieren
Dieses Vorlagen-Tag gibt Ihnen eine Zufallszahl basierend auf einem angegebenen Bereich. WordPress verwendet diese Funktion intern, um ein zufälliges Passwort zu generieren. Sie können es wahrscheinlich verwenden, um eine zufällige Coupon-Nummer für Ihre WooCommerce-Site zu generieren.
Schon seit: 2.6.2
Beispiel:
// Generiere eine Zahl von 1 bis 200 $ rand_number = wp_rand (1, 200); // Die Ausgabe wird nicht unter 0 oder 201 darüber liegen.
Kommentare Paginierung
Die meisten Themes verwenden derzeit die the_comments_navigation ()
was wird das geben “Nächster” und “Vorige” Art des Navigationslinks. Wenn Sie eine nummerierte Navigation (Seitenumbruch) anzeigen möchten, ersetzen Sie das Tag durch the_comments_pagination ()
stattdessen.
Beachten Sie, dass das Template-Tag nur in WordPress 4.4.0 und höher verfügbar ist. Stellen Sie sicher, dass Sie vor der Bereitstellung eine Prüfung durchführen.
Schon seit: 4.4.0
Beispiel:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
URL kürzen
Dieses Template-Tag verkürzt die URL-Länge. Und eine so lange URL bricht nicht in eine neue Zeile innerhalb des Body-Inhalts. Es gibt zwei Optionen, die Sie wählen können: Hinzufügen overflow-wrap: break-word;
in Ihrem CSS, oder kürzen Sie die Länge der URL mit der url_shorten ()
Template-Tag.
Schon seit: 1.2.0
Beispiel:
$ link = get_the_permalink (); $ url_text = url_shorten ($ link); // z.B. www.hongkiat.com/blog/css… echo ''. $ url_text. '';
Fügen Sie Inline-Skripts hinzu
Wir haben immer die verwendet wp_enqueue_script
Um sich zu registrieren, laden Sie ein Skript und seine Abhängigkeiten. Laden eines internen Skripts war jedoch nicht ganz einfach, bis zu diesem Template-Tag, wp_add_inline_script
ist vorgestellt.
Das Hinzufügen eines Inline-Skripts erfordert ein bekanntes Skript in der Warteschlange, an das es angehängt wird. Diese Handler wird als erster Parameter des Skripts ähnlich dem übergeben wp_localize_script ()
Funktion. Der zweite Parameter sollte den Inhalt des Skripts übergeben. Der dritte Parameter gibt an, ob die Inline 'vor' oder 'nach' ausgegeben werden soll. .
Schon seit: 4.5.0
Beispiel:
function enqueue_script () wp_enqueue_script ('zwanzig-sechzehn-script', get_template_directory_uri (). '/js/functions.js', array ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'before'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Ausgabe: // //
Dropdown-Sprache
Das wp_dropdown_languages
Template Tag gibt eine HTML-Option aus, die eine Liste von Sprachen in Ihrer WordPress-Site anzeigt. Sie finden dieses Vorlagen-Tag hilfreich, wenn Sie Ihre Website lokalisieren müssen. Sie können es verwenden, um Ihre Sprachoptionen in anzuzeigen Benutzer-Editor Bildschirm oder im Frontend Ihrer Site, damit Benutzer ihre Spracheinstellung auswählen können.
Schon seit: 4.0.0
Beispiel:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translations' => array ('id_ID', 'ja'), // Indonesien und Japan 'selected' => 'en_US', 'show_available_translations' => false,));
Rufen Sie die Avatar-Image-URL ab
Wie der Name schon sagt, dieses Template-Tag, get_avatar_url ()
, ruft den Bildpfad des Avatar des Benutzers ab. Sie können den Avatar auf beliebige Weise anzeigen und anpassen, anstatt ihn einfach durch das HTML-Image-Tag anzuzeigen.
Schon seit: 4.2.0
Beispiel:
$ avatar = get_avatar_url ('[email protected]');
Holen Sie sich ein Thema
Diese Funktion ruft ein Objekt mit Informationen zum aktuell aktiven Design ab. Zu diesen Informationen gehören das Thema Slug, Name, Version, Textdomäne, Autor usw.
Im folgenden Code-Snippet rufen wir die Version ab und übergeben sie als Skriptversion.
Schon seit: 3.4.0
Beispiel:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // zweiundzwanzigzehn define ('THEME_NAME', $ theme-> get ('Name')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 function load_scripts () wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditional', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');