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 der Website hinzugefügt werden. Manchmal sieht ein Widget auf Desktop- / Laptop-Geräten gut aus, aber Sie möchten es möglicherweise auf mobilen Geräten ausblenden.
In diesem Artikel zeigen wir Ihnen, wie Sie ein WordPress-Widget auf mobilen Geräten bedingt ausblenden (ohne Code zu schreiben).
Notiz: In den meisten responsiven WordPress-Themes wird die Seitenleiste auf Mobilgeräten unter Ihrem Inhalt angezeigt. Aus diesem Grund möchten Website-Besitzer oft bestimmte Widgets auf Mobilgeräten ausblenden, um die Geschwindigkeit ihrer Website für mobile Benutzer zu erhöhen.
So verstecken Sie ein Widget auf Mobilgeräten in WordPress
Für dieses Tutorial verstecken wir das Such-Widget auf unserer Demo-Site, aber Sie können es verwenden, um jedes WordPress-Widget auszublenden.
Auf unserer Demo-Site erscheint das Such-Widget oben in unserer Seitenleiste und sieht auf dem Desktop gut aus.
Auf einem Mobiltelefon werden die Seitenleisten-Widgets jedoch unterhalb des Inhalts anstatt daneben angezeigt:
Wir werden das Such-Widget ausblenden, sodass es nur auf Desktops und nicht auf mobilen Geräten angezeigt wird.
Notiz: In diesem Tutorial umfasst der Begriff „Desktops“ sowohl Laptops als auch normale Desktops.
Zuerst müssen Sie die installieren und aktivieren Widget-Optionen Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Gehen Sie nach der Aktivierung zum Aussehen » Widgets Seite in Ihrem WordPress-Admin-Bereich.
Auf diesem Bildschirm werden Ihre aktiven Widgets in den Widget-bereiten Bereichen Ihrer Website platziert.
Lassen Sie uns fortfahren und das Such-Widget bearbeiten, indem Sie auf den Namen des Widgets klicken:
In den Widget-Einstellungen sehen Sie einen neuen Abschnitt, der vom Widget-Optionen-Plugin hinzugefügt wurde. Klicken Sie hier einfach auf das kleine Handy-Symbol und wählen Sie dann aus, auf welchem Gerät oder auf welchen Geräten Sie das Widget ausblenden möchten.
Vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.
Schauen Sie sich jetzt Ihre Website mit einem mobilen Gerät an. Dieses Widget wird nicht mehr in Ihrem Widget-Bereich angezeigt:
Aber was ist, wenn Sie ein Widget auf Desktop-Geräten ausblenden, aber auf mobilen Bildschirmen anzeigen möchten?
Schauen wir uns an, wie das geht.
So erstellen Sie eine mobile Version eines Widgets in WordPress
Manchmal möchten Sie möglicherweise eine Version eines Widgets für Desktop-Besucher und eine andere für mobile Besucher.
Sie möchten beispielsweise Ihre fünf neuesten Posts auf dem Desktop anzeigen, aber nur drei Posts auf Mobilgeräten.
Das geht auch ganz einfach mit dem Widget-Optionen-Plugin. Sie können einfach zwei Widgets erstellen und ein Widget so einstellen, dass es nur auf dem Desktop und das andere nur auf mobilen Geräten angezeigt wird.
Fügen Sie zunächst das Widget hinzu oder öffnen Sie es, das Sie nur auf dem Desktop anzeigen möchten. Klicken Sie dann auf das kleine Handy-Symbol. Aktivieren Sie danach einfach die Kontrollkästchen „Tablet“ und „Mobil“, um das Widget auf diesen Geräten auszublenden:
Vergessen Sie nicht, die Schaltfläche Speichern zu drücken, um Ihre Änderungen zu speichern.
Fügen Sie nun das Widget hinzu oder öffnen Sie es, das Sie nur auf mobilen Geräten anzeigen möchten. Wiederholen Sie den gleichen Vorgang, aber klicken Sie dieses Mal auf das Kontrollkästchen „Desktop“, um das Widget auf Desktop-Geräten auszublenden:
Das ist es. Sie haben jetzt eine Desktop-Version und eine mobile Version Ihres Widgets.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Widget auf mobilen Geräten in WordPress ausblenden. Sie können sich auch unsere Liste der besten Drag & Drop-WordPress-Seitenersteller ansehen, um Ihre Website anzupassen, oder wie Sie ein benutzerdefiniertes Theme in WordPress erstellen (ohne Code zu schreiben).