Möchten Sie ein bestimmtes WordPress-Widget für mobile Benutzer ausblenden?
Widgets sind dynamische Inhalte, die häufig zur Seitenleiste oder Fußzeile der Website hinzugefügt werden. Manchmal wird ein Widget auf Desktops gut angezeigt, aber Sie können sie auf Mobilgeräten ausblenden.
In diesem Artikel zeigen wir Ihnen, wie Sie ein WordPress-Widget auf Mobilgeräten bedingt ausblenden (ohne Code zu schreiben).
Hinweis: Bei den reaktionsschnellsten WordPress-Themen wird die Seitenleiste unter dem Inhalt angezeigt, wenn Sie sich auf Mobilgeräten befinden. Aus diesem Grund möchten Websitebesitzer häufig bestimmte Widgets auf Mobilgeräten ausblenden, um die Geschwindigkeit ihrer Website zu erhöhen.
So verstecken Sie ein Widget auf Mobilgeräten in WordPress
In diesem Tutorial wird das Such-Widget auf unserer Test-Website ausgeblendet. Sie können es jedoch auch zum Ausblenden eines beliebigen WordPress-Widgets verwenden.
Auf unserer Test-Website wird das Such-Widget oben in unserer Fußzeile angezeigt und funktioniert hervorragend auf dem Desktop.
Auf einem Telefon werden Seitenleisten-Widgets jedoch unterhalb des Inhalts anstelle der Seitenleiste angezeigt:
Wir werden das Such-Widget ausblenden, damit es nur auf Desktops und nicht auf Mobilgeräten angezeigt wird.
Remarque : In diesem Tutorial umfasst der Begriff "Computer" sowohl Laptops als auch Desktops.
Zunächst müssen Sie installieren und aktivieren das Widget Options Plugin . Für weitere Details, Lesen Sie unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Gehen Sie nach der Aktivierung zur Seite Aussehen »Widgets in Ihrem WordPress-Admin-Bereich.
Auf dieser Seite sehen Sie Ihre aktiven Widgets in den Widget-fähigen Bereichen Ihrer Website.
Klicken Sie auf den Widget-Namen, um das Such-Widget zu bearbeiten:
In den Widget-Einstellungen wird vom Widget-Plugin ein neuer Abschnitt hinzugefügt Optionen. Hier müssen Sie nur auf das kleine Handy-Symbol klicken und dann auswählen, auf welchem Gerät Sie das Widget ausblenden möchten.
Vergessen Sie nicht, auf die Schaltfläche "Speichern" zu klicken, um Ihre Änderungen zu speichern.
Zeigen Sie jetzt Ihre Website auf einem mobilen Gerät an. Dieses Widget wird nicht mehr in Ihrem Widget-Bereich angezeigt:
Was aber, wenn Sie ein Widget auf Desktop-Geräten ausblenden und auf Mobiltelefonen anzeigen möchten?
Schauen wir uns an, wie es geht.
So erstellen Sie eine mobile Version eines Widgets in WordPress
Manchmal möchten Sie vielleicht eine Version eines Widgets für Desktop-Besucher und eine andere für mobile Besucher.
Zum Beispiel können Sie Ihre fünf anzeigen neueste Veröffentlichungen auf dem Desktop, aber nur drei Beiträge auf Mobilgeräten.
Es ist auch einfach mit dem Widget Options Plugin zu tun. Sie können einfach zwei Widgets erstellen und festlegen, dass ein Widget nur auf dem Desktop und das andere nur auf Mobilgeräten angezeigt wird.
Fügen Sie zunächst das anzuzeigende Widget hinzu oder öffnen Sie es unique auf dem Desktop. Klicken Sie dann auf das kleine Handy-Symbol. Aktivieren Sie danach einfach die Kontrollkästchen " Tablette ' und " Handy, Mobiltelefon" So verstecken Sie das Widget auf diesen Geräten:
Vergessen Sie nicht, auf die Schaltfläche zu klicken Registrieren um Ihre Änderungen zu speichern.
Fügen Sie nun das Widget hinzu oder öffnen Sie es, das Sie nur auf Mobilgeräten anzeigen möchten. Wiederholen Sie den gleichen Vorgang, aber klicken Sie diesmal auf das Kontrollkästchen "Desktop" So verstecken Sie das Widget auf Desktop-Geräten:
Hier. Sie haben jetzt eine Desktop-Version und eine mobile Version Ihres Widgets.
Entdecken Sie auch einige Themen und Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. WordPress Speed Optimization Plugin
Haben Sie Probleme, mehrere Plugins zur Optimierung der Website-Geschwindigkeit zu verwalten? Befürchten Sie, dass sie die Ausführungsgeschwindigkeit Ihrer Website beeinträchtigen? Dann ist dieses WordPress-Plugin die ultimative Lösung für alle Ihre Sorgen.
Dieses Plugin wurde entwickelt, um Ihnen fast 6 bis 8 Funktionen zu bieten Wordpress-Plugins anders. Installieren und konfigurieren Sie es einfach, um eine deutliche Verbesserung beim Laden Ihrer Seiten zu sehen.
Wir möchten darauf hinweisen, dass dies kein ist Cache-Plugin oder CDNDas Ergebnis ist dennoch beeindruckend. Zögern Sie also nicht, dieses WordPress-Plugin auszuprobieren, um zu sehen, wozu es in der Lage ist.
Herunterladen | Demo | Web-Hosting
2. Social Share & Locker Pro
Das Social Share & Locker Pro-Plugin wurde entwickelt, um Ihre Website in sozialen Netzwerken besser sichtbar zu machen. Mit nur wenigen Klicks können Sie entweder die Position Ihrer sozialen Symbole festlegen oder Ihre Inhalte sperren, indem Sie die Freigabe in einem der von Ihnen angebotenen sozialen Netzwerke verlangen.
Sie haben vordefinierte 10-Themen und dies sollte die häufigsten Wünsche abdecken. Alle ihre Themen sind Retina und wirken Wunder.
Mit Social Share & Locker Pro können Sie außerdem den vollständigen Namen der sozialen Netzwerke oder nur das Symbol anzeigen. Dies hängt von Ihrem Design, dem verfügbaren Platz oder Ihren Wünschen ab.
Herunterladen | Demo | Web-Hosting
3. WordPress PDF Images Leuchtkasten
WordPress Image PDF Lightbox ist eine WordPress-Plugin premium, mit dem Sie Betrachter von PDF-Dateien erstellen können. Ein PDF-Viewer ist eine Sammlung von Fotos, die als PDF-Dateien gespeichert werden können.
Mit dieser Erweiterung können Sie so viele PDF-Viewer erstellen, wie Sie möchten. Für jeden Viewer kann der Administrator einige Optionen festlegen:
- Titelbild: Wird als erste Seite der vom Benutzer erstellten PDF-Datei hinzugefügt
- Maximale Bilder pro Betrachter
- Ein Wasserzeichenbild: Wird auf PDF-Seiten angewendet
- Versand per E-Mail: Wenn diese Funktion aktiviert ist, a Kontaktformular wird direkt nach der Bildergalerie angeboten. Über dieses Formular können Benutzer das erstellte PDF per E-Mail an jeden senden.
Herunterladen | Demo | Web-Hosting
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- Wie die Zwei-Faktor-Authentifizierung auf Wordpress hinzufügen
- So erstellen Sie eine vollständige Website mit Elementor
- 10 Automatisierungstools für das Marketing von Kleinunternehmen
- 5 CDN empfohlen Leistung Ihrer Wordpress-Blog zu steigern
Zusammenfassung
Hier ! Das war's für dieses Tutorial. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Widget auf Mobilgeräten verstecken. Sie können auch unsere sehen ultimative Anleitung zur Beschleunigung der WordPress-Leistung für Anfänger.
Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.
Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken. Und wenn Sie Vorschläge oder Anmerkungen haben, lassen Sie diese in unserem Bereich commentaires.
...
