Hur man döljer en WordPress-widget på mobilen (enkelt för nybörjare)

Vill du dölja en specifik WordPress-widget för mobilanvändare?

Widgets är dynamiskt innehåll som ofta visas i webbplatsens sidofält eller sidfot. Ibland kan en widget se bra ut på en stationär dator eller bärbar dator men inte på mindre mobila enheter.

I den här artikeln visar vi hur du döljer en WordPress-widget på mobila enheter utan att skriva någon kod.

Varför dölja en widget på mobilen i WordPress?

Din webbplats kanske ser bra ut på fullstora datorskärmar, men det betyder inte nödvändigtvis att den ser bra ut på mindre skärmar också.

Även om layouten inte omedelbart ser rörig ut när du visar mobilversionen av din WordPress-webbplats, är det viktigt att alltid skrolla till allra längst ner.

I de flesta responsiva WordPress-teman visas widgetar på olika platser beroende på storleken på besökarens skärm. Ofta flyttar WordPress-teman widgetar till den allra nedersta delen av sidan.

Låt oss titta på ett exempel.

Följande bild visar hur en webbplats ser ut på en stationär dator. Som du kan se visas sökwidgeten högst upp i sidofältet.

Sidofältswidgeten visas dock under innehållet när den visas på en smartphone.

Det här innebär att besökare måste skrolla till allra längst ner på sidan för att söka efter dina blogginlägg, produkter eller annat innehåll.

Ännu värre, ibland resulterar detta beteende i att två identiska widgets visas bredvid varandra.

Till exempel placerar många WordPress-bloggare en kontaktinformationswidget i både sidofältet och sidfoten. Om dessa widgets flyttas kan mobilbesökare se samma widgets bredvid varandra.

Med det sagt, låt oss se hur du enkelt kan dölja en widget på mobilen i WordPress.

Hur man döljer en widget på mobil i WordPress

Det enklaste sättet att dölja widgets för mobilanvändare är att använda pluginet Widget Options. Detta plugin låter dig visa olika widgets beroende på datum, användarroll, enhet och mer.

Först måste du installera och aktivera pluginet Widget Options. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du gå till sidan Utseende » Widgets i din WordPress-instrumentpanel.

På den här skärmen ser du alla widgets som du har lagt till på din WordPress-webbplats.

För att redigera en widget, klicka bara på dess namn.

I widgetinställningarna ser du några nya sektioner som lagts till av pluginet Widget Options.

Klicka först på den lilla mobilikonen och se till att rullgardinsmenyn ‘Dölj/Visa’ visar ‘Dölj på markerade enheter’.

Kontrollera sedan helt enkelt varje enhet där du vill dölja widgeten.

Du vill vanligtvis markera rutan bredvid 'Surfplatta' och 'Mobil'.

Klicka sedan på knappen 'Spara' för att lagra dina ändringar.

Besök nu din WordPress-webbplats med en mobil enhet. Widgeten kommer inte längre att visas i widgetområdet.

Hur man skapar en mobilversion av en widget i WordPress

Ibland vill du kanske visa en version av en widget för mobilbesökare och en annan för skrivbordsanvändare.

Du kanske till exempel vill visa dina fem senaste inlägg på datorn men bara tre inlägg på mobila enheter så att skärmen inte ser rörig ut.

För att göra det behöver du bara lägga till två separata widgetar för senaste inlägg på din webbplats. För mer information, se vår steg-för-steg-guide om hur man lägger till widgetar i WordPress.

Du kan sedan konfigurera en widget att visas på stationära datorer och den andra att visas på mobila enheter.

Öppna först widgeten som du vill visa för datoranvändare. Klicka sedan på den lilla mobilikonen och se till att rullgardinsmenyn 'Dölj/Visa' är inställd på 'Dölj på markerade enheter'.

Gå sedan vidare och markera rutorna bredvid ‘Surfplatta’ och ‘Mobil’.

Nu kommer den här widgeten bara att visas för besökare som använder en stationär dator.

Därefter kan du göra eventuella ändringar i widgeten. Vi skriver till exempel in ‘5’ i rutan bredvid ‘Antal inlägg att visa’.

När du är klar, glöm inte att trycka på 'Spara'-knappen för att spara dina inställningar.

Därefter är du redo att göra den andra widgeten endast mobil.

Upprepa helt enkelt samma process som beskrivs ovan, men den här gången markerar du rutan bredvid ‘Dator’ för att dölja widgeten på datorenheter.

Du kan nu göra ändringar i din mobilwidget. Du kan till exempel skriva in '3' i rutan 'Antal inlägg att visa'.

Som alltid, klicka på 'Spara' när du är klar. Du har nu en skrivbordsversion och en mobilversion av samma widget.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du döljer en widget på mobila enheter i WordPress. Du kanske också vill kolla in vår lista över de mest användbara widgets för din webbplats, eller se vår guide om hur man visar eller döljer widgets på specifika sidor.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.