Wilt u een specifieke WordPress-widget verbergen voor mobiele gebruikers?
Widgets zijn dynamische inhoud die vaak wordt toegevoegd aan de zijbalk of voettekst van de website. Soms wordt een widget goed weergegeven op desktops, maar u kunt ze op mobiele apparaten verbergen.
In dit artikel laten we u zien hoe u een WordPress-widget voorwaardelijk verbergt op mobiele apparaten (zonder code te schrijven).
Opmerking: bij de meest responsieve WordPress-thema's wordt de zijbalk onder de inhoud weergegeven wanneer u mobiele apparaten gebruikt. Dit is de reden waarom website-eigenaren vaak bepaalde widgets op mobiele apparaten willen verbergen om de snelheid van hun website te verhogen.
Hoe een widget op mobiel in WordPress te verbergen
Voor deze tutorial verbergen we de zoekwidget op onze testwebsite, maar je kunt deze ook gebruiken om elke WordPress-widget te verbergen.
Op onze testwebsite verschijnt de zoekwidget bovenaan onze voettekst, en het werkt prima op desktop.
Op een telefoon verschijnen de zijbalkwidgets echter onder de inhoud in plaats van de zijbalk:
We gaan de zoekwidget verbergen zodat deze alleen op desktops wordt weergegeven, niet op mobiele apparaten.
Opmerking : In deze tutorial omvat de term "Computer" zowel laptops als desktops.
Allereerst moet je installeren en activeren de plug-in Widget-opties . Voor meer informatie bekijk onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in.
Ga na activering naar de pagina Uiterlijk »Widgets in uw WordPress-beheergebied.
Op deze pagina ziet u uw actieve widgets geplaatst in de widget-ready delen van uw website.
Laten we de zoekwidget gaan bewerken door op de widgetnaam te klikken:
In de widgetinstellingen wordt een nieuwe sectie toegevoegd door de Widget-plug-in Opties. Hier hoeft u alleen maar op het kleine mobiele pictogram te klikken en vervolgens te kiezen op welk apparaat u de widget wilt verbergen.
Vergeet niet op de knop "Opslaan" te klikken om uw wijzigingen op te slaan.
Ga nu en bekijk uw website op een mobiel apparaat. Deze widget verschijnt niet langer in uw widgetgebied:
Maar wat als u een widget op desktop-apparaten wilt verbergen, maar deze op mobiele telefoons wilt weergeven?
Laten we eens kijken hoe u het moet doen.
Hoe maak je een mobiele versie van een widget in WordPress
Soms wilt u misschien een versie van een widget voor desktopbezoekers en een andere voor mobiele bezoekers.
U kunt bijvoorbeeld uw vijf weergeven meest recente publicaties op de desktop, maar slechts drie posts op mobiele apparaten.
Het is ook gemakkelijk te doen met de plug-in Widget Options. U kunt gewoon twee widgets maken en de ene widget zo instellen dat deze alleen op het bureaublad wordt weergegeven en de andere alleen op mobiele apparaten.
Voeg eerst de widget toe of open deze die u wilt weergeven uniquement op desktop. Klik vervolgens op het kleine mobiele icoon. Vink daarna de vakjes aan " Tablet ' en " Mobiel ' om de widget op deze apparaten te verbergen:
Vergeet niet op de knop te klikken Enregistrer om uw wijzigingen op te slaan.
Voeg nu de widget toe of open deze die u alleen op mobiele apparaten wilt weergeven. Herhaal hetzelfde proces, maar klik nu op het selectievakje 'Bureaublad' om de widget op desktopapparaten te verbergen:
Alstublieft. Je hebt nu een desktopversie en een mobiele versie van je widget.
Ontdek ook enkele thema's en premium WordPress-plug-ins
U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.
We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.
1. WordPress Speed ​​Optimization Plugin
Heeft u moeite om meerdere plug-ins voor het optimaliseren van de websitesnelheid te beheren? Bent u bang dat ze de uitvoeringssnelheid van uw website belemmeren? dan is deze WordPress-plug-in de ultieme oplossing voor al uw zorgen.
Deze plug-in is ontworpen om u bijna 6 tot 8 functies te geven WordPress plugins verschillend. Installeer en configureer het gewoon om een ​​duidelijke verbetering te zien in het laden van uw pagina's.
We willen erop wijzen dat dit geen cache-plug-in of CDN, maar het resultaat is niettemin indrukwekkend. Aarzel niet om deze WordPress-plug-in te proberen om te zien waartoe deze in staat is.
Downloaden | demonstratie | web hosting
2. Social Share & Locker Pro
De Social Share & Locker Pro-extensie is ontworpen om uw website beter zichtbaar te maken op sociale netwerken. Met slechts een paar klikken kunt u de positie van uw sociale pictogrammen instellen of uw inhoud vergrendelen door te delen op een van de sociale netwerken die door u worden aangeboden.
U hebt vooraf gedefinieerde 10-thema's en deze zouden de meest voorkomende wensen moeten dekken. Al haar thema's zijn Retina en werken wonderen.
Bovendien kunt u met Social Share & Locker Pro de volledige naam van sociale netwerken of alleen het pictogram weergeven. Het hangt af van uw ontwerp, de beschikbare ruimte of uw wensen.
Downloaden | demonstratie | web hosting
3. WordPress PDF-afbeeldingen Lightbox
WordPress Image PDF Lightbox is een WordPress-plug-in premium waarmee u viewers van PDF-bestanden kunt maken. Een PDF-viewer is een verzameling foto's die kan worden opgeslagen als PDF's.
Met deze extensie kunt u zoveel PDF-viewers maken als u wilt. Voor elke kijker kan de beheerder enkele opties instellen, zoals:
- Omslagafbeelding: deze wordt toegevoegd als de eerste pagina van de door de gebruiker gemaakte pdf
- Maximaal aantal afbeeldingen per kijker
- Een watermerkafbeelding: toe te passen op PDF-pagina's
- Verzenden via e-mail: als deze functie is geactiveerd, a Contact formulier wordt net na de afbeeldingengalerij aangeboden. Via dit formulier kunnen gebruikers de gemaakte PDF naar iedereen e-mailen.
Downloaden | demonstratie | web hosting
Aanbevolen bronnen
Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.
- Hoe voeg je dubbelfactorverificatie toe aan WordPress
- Hoe u een complete website bouwt met Elementor
- 10 automatiseringstools voor marketing voor kleine bedrijven
- 5 CDN aanbevolen om de prestaties van uw WordPress blog te stimuleren
Conclusie
Alstublieft ! Dat is het voor deze tutorial. We hopen dat dit artikel je heeft geholpen om te leren hoe je een widget op mobiele apparaten kunt verbergen. U kunt ook onze zien ultieme gids voor het versnellen van WordPress-prestaties voor beginners.
U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.
Aarzel niet om deel met je vrienden op je favoriete sociale netwerken. En als u suggesties of opmerkingen heeft, laat ze dan achter in onze sectie commentaires.
...
