Wie man ein WordPress-Widget auf dem Handy ausblendet (einfach für Anfänger)

Möchten Sie ein bestimmtes WordPress-Widget für mobile Benutzer ausblenden?

Widgets sind dynamische Inhalte, die häufig in der Seitenleiste oder in der Fußzeile einer Website angezeigt werden. Manchmal kann ein Widget auf einem Desktop-Computer oder Laptop gut aussehen, aber nicht auf kleineren mobilen Geräten.

In diesem Artikel zeigen wir Ihnen, wie Sie ein WordPress-Widget auf mobilen Geräten ausblenden können, ohne Code zu schreiben.

Warum ein Widget auf dem Handy in WordPress ausblenden?

Ihre Website mag auf großen Computerbildschirmen großartig aussehen, aber das bedeutet nicht unbedingt, dass sie auch auf kleineren Bildschirmen gut dargestellt wird.

Auch wenn das Layout in der mobilen Version Ihrer WordPress-Website nicht sofort unübersichtlich wirkt, ist es wichtig, immer bis ganz nach unten zu scrollen.

In den meisten responsiven WordPress-Themes werden Widgets je nach Bildschirmgröße des Besuchers an unterschiedlichen Stellen angezeigt. Häufig werden Widgets bei WordPress-Themes ganz unten auf der Seite angezeigt.

Schauen wir uns ein Beispiel an.

Das folgende Bild zeigt, wie eine Website auf einem Desktop-Computer aussieht. Wie Sie sehen können, erscheint das Such-Widget oben in der Seitenleiste.

Auf einem Smartphone erscheint das Sidebar-Widget jedoch unterhalb des Inhalts.

Das bedeutet, dass die Besucher bis zum Ende der Seite scrollen müssen, um Ihre Blogbeiträge, WooCommerce-Produkte oder andere Inhalte zu suchen.

Noch schlimmer ist, dass dieses Verhalten manchmal dazu führt, dass zwei identische Widgets nebeneinander angezeigt werden.

Viele WordPress-Blogbesitzer platzieren zum Beispiel ein „Recent Posts“-Widget sowohl in der Seitenleiste als auch in der Fußzeile. Wenn diese Widgets verschoben werden, sehen mobile Besucher möglicherweise die gleichen Widgets nebeneinander.

Sehen wir uns also an, wie Sie ein Widget auf dem Handy in WordPress ausblenden können.

Wie man ein Widget auf dem Handy in WordPress ausblendet

Die einfachste Möglichkeit, Widgets für mobile Benutzer auszublenden, ist die Verwendung des Plugins Widget Options. Mit diesem Plugin können Sie verschiedene Widgets je nach Datum, Benutzerrolle, Gerät und mehr anzeigen.

Zunächst müssen Sie das Plugin Widget Options installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Erscheinungsbild “ Widgets in Ihrem WordPress-Dashboard aufrufen.

Auf diesem Bildschirm sehen Sie alle Widgets, die Sie zu Ihrer WordPress-Website hinzugefügt haben.

Um ein Widget zu bearbeiten, klicken Sie einfach auf seinen Namen.

In den Widget-Einstellungen sehen Sie einige neue Abschnitte, die durch das Widget Options Plugin hinzugefügt wurden.

Klicken Sie zunächst auf das kleine Handy-Symbol und vergewissern Sie sich, dass im Dropdown-Menü „Ausblenden/Einblenden“ die Option „Auf ausgewählten Geräten ausblenden“ angezeigt wird.

Danach markieren Sie einfach jedes Gerät, auf dem Sie das Widget ausblenden möchten.

In der Regel werden Sie das Kästchen neben „Tablet“ und „Mobile“ ankreuzen wollen.

Klicken Sie anschließend auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.

Rufen Sie nun Ihre WordPress-Website mit einem mobilen Gerät auf. Das Widget wird nicht mehr im Widget-Bereich angezeigt.

Wie man eine mobile Version eines Widgets in WordPress erstellt

Manchmal möchten Sie vielleicht eine Version eines Widgets für mobile Besucher und eine andere für Desktop-Benutzer anzeigen.

Sie könnten zum Beispiel Ihre fünf neuesten Beiträge auf dem Desktop anzeigen, aber nur drei Beiträge auf mobilen Geräten, damit der Bildschirm nicht überladen aussieht.

Dazu müssen Sie Ihrer Website lediglich zwei separate Widgets für aktuelle Beiträge hinzufügen. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung für das Hinzufügen von Widgets in WordPress.

Sie können dann ein Widget so konfigurieren, dass es auf Desktop-Computern und das andere auf mobilen Geräten angezeigt wird.

Öffnen Sie zunächst das Widget, das Sie Desktop-Nutzern zeigen möchten. Klicken Sie dann auf das kleine Symbol für Mobilgeräte und stellen Sie sicher, dass das Dropdown-Menü „Ausblenden/Anzeigen“ auf „Auf geprüften Geräten ausblenden“ eingestellt ist.

Danach kreuzen Sie die Kästchen neben „Tablet“ und „Mobile“ an.

Jetzt wird dieses Widget nur für Besucher angezeigt, die einen Desktop-Computer verwenden.

Als nächstes können Sie beliebige Änderungen am Widget vornehmen. Zum Beispiel geben wir „5“ in das Feld neben „Anzahl der anzuzeigenden Beiträge“ ein.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Danach sind Sie bereit, das zweite Widget nur für mobile Geräte zu erstellen.

Wiederholen Sie einfach den oben beschriebenen Vorgang, aber aktivieren Sie dieses Mal das Kästchen neben „Desktop“, um das Widget auf Desktop-Geräten auszublenden.

Sie können nun beliebige Änderungen an Ihrem mobilen Widget vornehmen. Sie könnten zum Beispiel „3“ in das Feld „Anzahl der anzuzeigenden Beiträge“ eingeben.

Klicken Sie, wie immer, auf „Speichern“, wenn Sie fertig sind. Sie haben jetzt eine Desktop-Version und eine mobile Version desselben Widgets.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man ein Widget auf mobilen Geräten in WordPress ausblendet. Vielleicht interessiert Sie auch unsere Liste der besten Drag-and-Drop-WordPress-Seitenersteller zur Anpassung Ihrer Website oder wie Sie ein benutzerdefiniertes Theme in WordPress erstellen können, ohne Code zu schreiben.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.