Widgets sind ein so wesentlicher Bestandteil von WordPress-Themes, dass man sich ein WordPress-Theme ohne Widgets kaum vorstellen kann. Widgets sind ausführbare Skripte, die Sie einfach per Drag & Drop in Ihre Seitenleisten oder einen anderen Widget-fähigen Bereich in Ihrem Thema ziehen können. Viele unserer Leser verwenden Widgets, um ihrer Seitenleiste benutzerdefinierte Elemente hinzuzufügen. Dieser Artikel ist jedoch für neugierige Benutzer gedacht, die lernen möchten, wie Sie dynamische Widget-bereite Seitenleisten oder Widget-bereite Bereiche in WordPress-Themes hinzufügen.
Registrieren von Sidebars oder Widget-Ready-Bereichen in WordPress
Als erstes müssen Sie Ihre Sidebar oder Ihren Widget-Ready-Bereich für Ihr Theme registrieren. Sie können mehrere Seitenleisten und Widget-bereite Bereiche registrieren. Kopiere diesen Code und füge ihn in die Datei functions.php deines Themes ein
function wpb_widgets_init() { register_sidebar( array( 'name' => __( 'Main Sidebar', 'wpb' ), 'id' => 'sidebar-1', 'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' =>__( 'Front page sidebar', 'wpb'), 'id' => 'sidebar-2', 'description' => __( 'Appears on the static front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); } add_action( 'widgets_init', 'wpb_widgets_init' );
In diesem Code haben wir zwei Seitenleisten registriert. Wir haben ihnen Namen und Beschreibungen gegeben, um sie auf dem Widgets-Bildschirm zu identifizieren. Der Beschreibungsparameter kann verwendet werden, um Benutzern mitzuteilen, wo diese Seitenleiste im Design angezeigt wird. Das wpb ist der Name des Themas, an dem wir arbeiten, es wird hier verwendet, um diese Strings übersetzbar zu machen. Sie sollten es durch Ihren Theme-Namen ersetzen.
Hinzufügen von dynamischen Widget-bereiten Seitenleisten in WordPress-Themedateien
Bisher haben wir nur Dynamic Sidebars registriert. Benutzer können Widgets per Drag & Drop in diese Seitenleisten ziehen von Aussehen » Widgets Bildschirm. Diese Seitenleisten werden jedoch erst auf Ihrer Website angezeigt, wenn sie in einer Vorlage wie . aufgerufen werden sidebar.php
oder wo immer Sie sie anzeigen möchten. Um diese Widget-Bereiche hinzuzufügen, bearbeiten Sie die Vorlagendatei dort, wo Sie sie anzeigen möchten, und fügen Sie diesen Code ein:
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div> <?php endif; ?>
In diesem Beispielcode haben wir die Sidebar-ID verwendet, um die Sidebar aufzurufen, die wir hier anzeigen möchten. Ändern Sie die Sidebar-ID, um eine andere Sidebar anzuzeigen. Sie können beispielsweise drei Sidebars für den Footer-Bereich registrieren und diese dann nacheinander in Ihrem Theme aufrufen footer.php
Vorlage.
Widgets können sehr mächtig sein. Sie können Widgets zu Ihren Beiträgen und Seiteninhalten hinzufügen, Ihre Text-Widgets bunt gestalten oder die Leistungsfähigkeit der Standard-WordPress-Widgets erweitern. Richtig platzierte Widget-bereite Seitenleisten ermöglichen es Benutzern, ihren Websites benutzerdefinierte Elemente über eine einfache Drag-and-Drop-Oberfläche hinzuzufügen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie dynamische Widget-bereite Seitenleisten in WordPress hinzufügen. Wir empfehlen Ihnen, den Code in Themen-Frameworks wie Genesis zu studieren, um zu erfahren, wie Profis sie in ihren Produkten verwenden. Bei Fragen und Feedback hinterlassen Sie bitte unten einen Kommentar.