📜  Inline-Styles der WordPress Tag Cloud entfernen (1)

📅  最后修改于: 2023-12-03 15:01:24.588000             🧑  作者: Mango

Inline-Styles der WordPress Tag Cloud entfernen

Einführung

Die WordPress Tag Cloud ist ein Widget, mit dem Benutzer auf einer Webseite die am häufigsten verwendeten Tags anzeigen können. Standardmäßig werden die Tags jedoch mit Inline-Styles angezeigt, was die Möglichkeit der Anpassung einschränken kann. In diesem Thema werde ich erklären, wie Inline-Styles der WordPress Tag Cloud entfernt werden können, um eine flexiblere Anpassung der Tags zu ermöglichen.

Schritt-für-Schritt Anleitung
  1. Öffnen Sie das Theme-Verzeichnis

    • Gehen Sie zu Ihrem WordPress-Installationsverzeichnis.
    • Navigieren Sie zu wp-content/themes/, um das Theme-Verzeichnis zu finden.
  2. Öffnen Sie die functions.php Datei Ihres Themes

    • Suchen Sie nach der functions.php Datei in Ihrem Theme-Verzeichnis.
    • Öffnen Sie die functions.php Datei in einem Texteditor.
  3. Fügen Sie den folgenden Code hinzu, um Inline-Styles der WordPress Tag Cloud zu entfernen:

function remove_tag_cloud_inline_styles() {
    wp_add_inline_style( 'wp-admin', '#tagcloud, .tagcloud { display: list !important; }' );
}
add_action( 'admin_enqueue_scripts', 'remove_tag_cloud_inline_styles', 11 );
  1. Speichern Sie die Datei functions.php
Erklärung des Codes

Der obige Code fügt eine Funktion hinzu (remove_tag_cloud_inline_styles), die den Inline-Style der WordPress Tag Cloud entfernt.

  • Die Funktion wp_add_inline_style() fügt benutzerdefiniertes CSS zu einem bestimmten Stylesheet hinzu.
  • Der Parameter 'wp-admin' gibt an, dass das CSS im Administrationsbereich (Backend) angewendet wird.

Der hinzugefügte CSS-Code #tagcloud, .tagcloud { display: list !important; } ändert die Darstellung der Tag Cloud von Inline-Styles zu einer Listenansicht. Durch die Verwendung von !important wird sichergestellt, dass das benutzerdefinierte CSS Vorrang vor anderen Stilen hat.

Fazit

Indem Sie Inline-Styles der WordPress Tag Cloud entfernen, können Sie die Darstellung der Tags flexibler anpassen. Dies ermöglicht es Ihnen, das Erscheinungsbild der Tag Cloud besser auf das Design Ihrer Webseite abzustimmen.