Kurztipp Mit der WordPress-Funktion wp_tag_cloud () richtig arbeiten

Wir alle wissen, dass Tags ein wesentlicher Bestandteil von WordPress-Taxonomien sind, mit denen sich Dinge zusammenfassen lassen. Tags werden beim Erstellen von Posts erstellt und helfen uns, ähnliche Posts zu finden, die mit bestimmten Tags verknüpft sind. Im Allgemeinen werden in einem WordPress-Blog verschiedene Tags in einer Tag-Cloud gruppiert, und die Größe jedes Tags bestimmt die Häufigkeit seiner Zuordnungen zu Posts. Hier werden wir die korrekte Verwendung des überprüfen wp_tag_cloud () Funktion, die für alle diese Tag-Wolken verantwortlich ist.

Einführung

Dies ist die integrierte Hauptfunktion, um die Tags anzuzeigen, die mit Ihren letzten Posts in der Tag-Cloud verknüpft sind.

  8, 'größte' => 22, 'Einheit' => 'pt', 'Nummer' => 45, 'format' => 'flach', 'Trennzeichen' => "\ n", 'orderby' => ' name ',' order '=>' ASC ',' exclude '=> null,' include '=> null,' topic_count_text_callback '=> default_topic_count_text,' link '=>' view ',' taxonomy '=>' post_tag ' , 'echo' => true); ?>

Der WordPress-Codex wp_tag_cloud () Seite hat eine klare Erklärung aller Parameter dieser Funktion, aber lassen Sie uns dennoch schnell die wichtigen erörtern.

'kleinste' - Dieser Parameter ist vom Typ Integer und gibt die minimale Textgröße des Tags in der Cloud an
'größten' - Dieser Parameter ist vom Typ Integer und gibt die maximale Textgröße des Tags in der Cloud an
'Nummer' - Dieser Parameter gibt die Gesamtzahl der Tags an, die in der Cloud angezeigt werden sollen. Sie können es als '0' angeben, wenn alle angezeigt werden sollen
'Format' - Dieser Parameter gibt das Format der Cloud-Anzeige an. Es kann eines von 'seineben','Liste', oder 'Array'
'Separator' - Dieser Parameter gibt das Trennzeichen innerhalb der Tags in der Cloud an
'topic_count_text_callback' - Dieser Parameter zeigt die Anzahl der Beiträge an, die jedem Tag über eine QuickInfo zugeordnet sind
Taxonomie - Dieser Parameter gibt den Typ der WordPress-Taxonomie an, der in der Tag-Cloud verwendet werden kann. Hier ist der Standardwert 'post_tags'Aber Sie können auch eine benutzerdefinierte Taxonomie verwenden

Diese Parameter spielen eine wichtige Rolle bei der Anpassung der Tag-Cloud.

Verwendungszweck

WordPress verfügt über ein Standard-Tag Cloud-Widget, das im entsprechenden Bereich der Seite platziert werden kann. Aber ohne ein Widget zu verwenden, können Sie das verwenden wp_tag_cloud () Funktion zum Anzeigen und Anpassen der Tag-Cloud in Ihrem Blog. Sie können die Parameter auf verschiedene Weise angeben.

Parameter getrennt durch '&' in einer einfachen Inline-Zeichenfolge.

Parameterangabe im Array-Format.

  '10', 'maximum' => '50', 'unit' => 'px', 'number' => '45', 'separator' => '::', 'orderby' => 'count', 'order' => 'RAND')); ?>

Wenn Sie nur ausgewählte Parameter angeben, werden die restlichen als Standard beibehalten.

Geben Sie die Tag Cloud als Array zurück, ohne sie im Blog anzuzeigen. Dieses Ergebnis kann später im PHP-Code verwendet werden.

Praktische Beispiele

Beispiel 1 Zeigen Sie die Tag Cloud in der Seitenleiste oder Fußzeile Ihres Themas an

Erstellen Sie eine Funktion in Ihrem Functions.php Datei und senden Sie die wp_tag_cloud () Funktion. Sobald es definiert ist, können Sie die Funktion an beliebiger Stelle in Ihrem Blog aufrufen.

 function my_cloud ($ echo = false) if (function_exists ('wp_tag_cloud')) return wp_tag_cloud ();

Lassen Sie uns jetzt unsere öffnen sidebar.php und rufen Sie die Funktion auf, um die Tag-Cloud anzuzeigen.

  beliebte Schlagwörter'; meine Wolke(); ?>

Lassen Sie uns in unserem CSS-Styling hinzufügen style.css Datei, um die Tag-Cloud professioneller aussehen zu lassen.

 .mycloud a background: # FFC414; Farbe: # 0000FF; Anzeige: Inline-Block; Marge: 0 4px 8px 0; Polsterung: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; Grenzradius: 20px; Schriftgröße: 10px;  .mycloud h3 font-style: italic; Schriftdicke: fett; Schriftgröße: 30px; Farbe: # FF00FF; Schriftfamilie: Comic Sans;

Nun sieht es so aus:

Ebenso das gleiche in der footer.php von unserem Thema.

Sie können es noch schöner gestalten, indem Sie Ihre benutzerdefinierten CSS-Stile hinzufügen.

Durch Hinzufügen verschiedener Parameter innerhalb der wp_tag_cloud () Funktion in der Functions.php Datei können wir unsere Tag Cloud anpassen. Wenn Sie beispielsweise sowohl Ihre Tags als auch Kategorien in die Tagwolke oder die Taxonomiewolke aufnehmen möchten, kann die Funktion folgendermaßen geschrieben werden:

 wp_tag_cloud (array ('taxonomy' => array ('post_tag', 'category')));

Beispiel 2 Erstellen Sie eine Tag Cloud-Seite für Ihr Blog

Manchmal möchten Sie die Tag-Cloud nicht in Ihrer Sidebar oder Fußzeile behalten und eine separate Seite erstellen, um Ihr Blog sauber zu halten. Sie können dies mit der folgenden Methode tun.

Erstellen Sie zunächst eine benutzerdefinierte Seitenvorlage in Ihrem Designordner mit der wp_tag_cloud () Funktion. Hier haben wir die Datei benannt tagcloud.php.

Melden Sie sich jetzt bei Ihrem WordPress-Administrator an und gehen Sie zu Seiten -> Neu hinzufügen. Setzen Sie einen guten Titel für die Seite und dann unter Seitenattribute Abschnitt wählen Sie die Vorlage als Tag Cloud und klicken Sie dann auf Aktualisieren. Das ist es; Ihre Tag-Cloud-Seite ist fertig. Sie können die Seite mit Ihren eigenen CSS-Stilen gestalten.

Beispiel 3 Erstellen Sie ein Tag Cloud-Bildlauffeld für Ihre Seitenleiste

Manchmal möchten wir, dass unsere Benutzer Tags aus einer durchlaufbaren Box in unserer Seitenleiste auswählen. Um dies zu erreichen, müssen wir eine Funktion in unserem erstellen Functions.php Datei.

 function cloudbox () if (function_exists ('wp_tag_cloud')) $ tags = wp_tag_cloud (array ('kleinstes' => 10, 'größtes' => 10, 'orderby' => 'name', 'order' => 'ASC', 'format' => 'array')); foreach ($ tags als $ tag) echo $ tag. '
';

In der obigen Funktion haben wir das Array-Format von berücksichtigt wp_tag_cloud () Funktion, dabei wurde die Schriftgröße gleich gehalten und die Liste nach Namen in aufsteigender Reihenfolge sortiert.

Jetzt öffne dein sidebar.php und rufen Sie diese Funktion auf.

 Bitte wählen Sie das Tag aus

Lassen Sie uns dies mit etwas CSS gestalten.

 #cloud background: #FFFFCC; Höhe: 200px; Breite: 200px; Marge: 0 auto; Überlauf: blättern; Grenze: 4px fest # 000000; Polsterung: 2px; Text ausrichten: begründen;  #cloud a background: # 400000; Farbe: # FFFF00; Anzeige: Inline-Block; Marge: 0 4px 8px 0; Polsterung: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; Grenzradius: 20px; Schriftgröße: 15px;  #text font-style: kursiv; Schriftdicke: fett; Schriftgröße: 20px; Farbe: # FF9900; Schriftfamilie: Comic Sans;

Endlich sieht es so aus:

Vielen Dank für das Lesen und wir empfehlen Ihnen, einige weitere Anwendungsmöglichkeiten für diese nützliche Anwendung vorzuschlagen wp_tag_cloud () Funktion.

Code