So verstecken Sie ein WordPress-Widget auf Mobilgeräten (einfach für Anfänger)

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

Widgets sind dynamische Inhalte, die oft in der Seitenleiste oder im Footer einer Website angezeigt werden. Manchmal sieht ein Widget auf einem Desktop-Computer oder Laptop gut aus, aber nicht auf kleineren mobilen Geräten.

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

Warum ein Widget auf Mobilgeräten in WordPress ausblenden?

Ihre Website sieht auf großen Computerbildschirmen vielleicht großartig aus, aber das bedeutet nicht unbedingt, dass sie auch auf kleineren Bildschirmen gut aussieht.

Selbst wenn das Layout beim Anzeigen der mobilen Version Ihrer WordPress-Website nicht sofort überladen aussieht, ist es wichtig, immer ganz nach unten zu scrollen.

In den meisten responsiven WordPress-Themes erscheinen Widgets je nach Bildschirmgröße des Besuchers an verschiedenen Stellen. Oft verschieben WordPress-Themes Widgets ganz nach unten auf der Seite.

Betrachten wir ein Beispiel.

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 wird das Sidebar-Widget jedoch unter dem Inhalt angezeigt.

Das bedeutet, dass Besucher ganz nach unten auf der Seite scrollen müssen, um Ihre Blogbeiträge, Produkte oder andere Inhalte zu finden.

Schlimmer noch, manchmal führt dieses Verhalten dazu, dass zwei identische Widgets nebeneinander erscheinen.

Zum Beispiel platzieren viele WordPress-Blog-Besitzer ein Kontaktinfo-Widget sowohl in der Seitenleiste als auch im Footer. Wenn sich diese Widgets verschieben, sehen mobile Besucher möglicherweise dieselben Widgets nebeneinander.

Lassen Sie uns nun sehen, wie Sie ein Widget in WordPress ganz einfach auf Mobilgeräten ausblenden können.

So verstecken Sie ein Widget auf Mobilgeräten in WordPress

Der einfachste Weg, Widgets für mobile Benutzer auszublenden, ist die Verwendung des Widget Options Plugins. Dieses Plugin ermöglicht es Ihnen, verschiedene Widgets basierend auf Datum, Benutzerrolle, Gerät und mehr anzuzeigen.

Zuerst müssen Sie das Widget Options Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie zur Seite Darstellung » Widgets in Ihrem WordPress-Dashboard gehen.

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 vom Widget Options Plugin hinzugefügt wurden.

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

Überprüfen Sie danach einfach jedes Gerät, auf dem Sie das Widget ausblenden möchten.

Sie möchten normalerweise das Kontrollkästchen neben 'Tablet' und 'Mobil' aktivieren.

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

Besuchen Sie nun Ihre WordPress-Website mit einem Mobilgerät. Das Widget wird nicht mehr im Widget-Bereich angezeigt.

So erstellen Sie eine mobile Version eines Widgets in WordPress

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

Sie möchten beispielsweise Ihre fünf neuesten Beiträge auf dem Desktop anzeigen, aber auf Mobilgeräten nur drei Beiträge, damit der Bildschirm nicht überladen wirkt.

Um das zu tun, müssen Sie einfach zwei separate Widgets für aktuelle Beiträge zu Ihrer Website hinzufügen. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Hinzufügen und Verwenden von Widgets in WordPress.

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

Öffnen Sie zuerst das Widget, das Sie Desktop-Benutzern anzeigen möchten. Klicken Sie dann auf das kleine mobile Symbol und stellen Sie sicher, dass das Dropdown-Menü „Ausblenden/Anzeigen“ auf „Auf ausgewählten Geräten ausblenden“ eingestellt ist.

Überprüfen Sie danach die Kontrollkästchen neben „Tablet“ und „Mobilgerät“.

Nun wird dieses Widget nur Besuchern angezeigt, die einen Desktop-Computer verwenden.

Als Nächstes können Sie Änderungen am Widget vornehmen. Wir geben zum Beispiel „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 Mobilgeräte zu erstellen.

Wiederholen Sie einfach den oben beschriebenen Vorgang, aber diesmal aktivieren Sie das Kontrollkä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, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Widget auf Mobilgeräten in WordPress ausblenden. Vielleicht möchten Sie auch unsere Liste der nützlichsten Widgets für Ihre Website durchsehen oder unseren Leitfaden zum Thema Widgets auf bestimmten Seiten anzeigen oder ausblenden lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.