Hoe een WordPress-widget op mobiel te verbergen - DeLaatbusiness
betekenis chatbot

Hoe een WordPress-widget op mobiel te verbergen

3 min


104

Wilt u een specifieke WordPress-widget verbergen voor mobiele gebruikers?

Widgets zijn dynamische inhoud die vaak wordt toegevoegd in de zijbalk of voettekst van de website. Soms ziet een widget er goed uit op desktop- / laptopapparaten, maar wilt u deze misschien verbergen op mobiele apparaten.

In dit artikel laten we u zien hoe u een WordPress-widget voorwaardelijk verbergt op mobiele apparaten (zonder code te schrijven).

Een WordPress-widget verbergen op mobiele apparaten

Opmerking: bij de meeste responsieve WordPress-thema’s verschijnt de zijbalk onder uw inhoud op mobiele apparaten. Dit is de reden waarom website-eigenaren vaak bepaalde widgets op mobiele apparaten willen verbergen om de snelheid van hun website voor mobiele gebruikers te verhogen.

Hoe een widget op mobiel in WordPress te verbergen

In het belang van deze tutorial verbergen we de zoekwidget op onze demosite, maar je kunt deze gebruiken om elke WordPress-widget te verbergen.

Op onze demosite verschijnt de zoekwidget bovenaan onze zijbalk, en hij ziet er prima uit op de desktop.

De widgets die in de zijbalk op een desktop worden weergegeven

Op een mobiele telefoon worden de zijbalkwidgets echter onder de inhoud weergegeven in plaats van ernaast:

De zoekwidget die onder de inhoud op mobiel wordt weergegeven

We gaan de zoekwidget verbergen, zodat deze alleen op desktops wordt weergegeven en niet op mobiele apparaten.

Opmerking: in deze tutorial omvat de term ‘desktops’ zowel laptops als gewone desktops.

Eerst moet u de plug-in Widget Options installeren en activeren . Raadpleeg onze stapsgewijze handleiding voor het installeren van een WordPress-plug-invoor meer informatie .

Ga na activering naar de pagina Uiterlijk »Widgets in uw WordPress-beheergebied.

Het widgets-gedeelte van de WordPress-beheerder

Op dit scherm ziet u uw actieve widgets geplaatst in de widget-ready delen van uw website.

Laten we doorgaan en de zoekwidget bewerken door op de naam van de widget te klikken:

Vouw uw widget uit om de opties te bekijken

Bij de widgetinstellingen ziet u een nieuwe sectie die is toegevoegd door de plug-in voor widgetopties. Klik hier gewoon op het kleine mobiele pictogram en kies vervolgens op welk apparaat of welke apparaten u de widget wilt verbergen.

Een widget verbergen op mobiele apparaten en tablets

Vergeet niet op de knop ‘Opslaan’ te klikken om uw wijzigingen op te slaan.

Ga nu je gang en bekijk je site met een mobiel apparaat. Die widget verschijnt niet langer in uw widgetgebied:

De zoekwidget is nu verdwenen uit de mobiele versie van de website

Maar wat als u een widget op desktop-apparaten wilt verbergen, maar deze op mobiele schermen wilt weergeven?

Laten we eens kijken hoe u dat doet.

Hoe maak je een mobiele versie van een widget in WordPress

Soms wilt u misschien één versie van een widget hebben voor desktopbezoekers en een andere voor mobiele bezoekers.

U wilt bijvoorbeeld uw vijf meest recente berichten op uw desktop laten zien, maar slechts drie op mobiele apparaten.

Dat is ook gemakkelijk te doen met de plug-in Widget Options. U kunt eenvoudig 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 alleen op het bureaublad wilt weergeven. Klik vervolgens op het kleine mobiele pictogram. Vink daarna gewoon de vakjes ‘Tablet’ en ‘Mobiel’ aan om de widget op die apparaten te verbergen:

Alleen een widget op desktops weergeven

Vergeet niet op de knop Opslaan te drukken 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 deze keer op het selectievakje ‘Desktop’ om de widget op desktopapparaten te verbergen:

Een WordPress-widget weergeven op mobiele apparaten, maar niet op desktops

Dat is het. Je hebt nu een desktopversie en een mobiele versie van je widget.

We hopen dat dit artikel je heeft geholpen om te leren hoe je een widget op mobiele apparaten in WordPress kunt verbergen.


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format