Hoe u ervoor kunt zorgen dat uw WordPress-blog toegankelijk is voor mobiele gebruikers

Advertentie

Laat uw lezers niet inzoomen op hun telefoon: bied een mobiele versie van uw WordPress-blog aan. Hier is hoe.

Als het gaat om het runnen van een blog, is het eerste waar u aan moet denken, uw bezoekers. Een belangrijke vraag die u uzelf moet stellen: wilt u dat uw blog onderweg gemakkelijk toegankelijk is? Als het antwoord ja is, moet u ervoor zorgen dat uw website net zo mooi wordt weergegeven op een smartphone als op een desktopcomputer - en alles daartussenin.

Er zijn een paar manieren waarop u uw website mobiel of tabletklaar kunt maken. Of het nu een responsief WordPress-thema is dat zich aanpast aan verschillende apparaten of een WordPress-plug-in waarmee u een speciale mobiele versie kunt maken, met de onderstaande opties kunt u aan de slag.

Het beste van deze oplossingen is dat ze absoluut geen codeerkennis vereisen. U kunt binnen enkele minuten een mobiele site in gebruik nemen, zonder dat u iets hoeft te weten over het ontwerpen of coderen van websites.

Responsieve thema's

De eenvoudigste en meest efficiënte manier om uw WordPress-blog mobielvriendelijk te maken, is door een responsief thema te kiezen. Responsieve thema's passen zich automatisch aan elk apparaat aan dat u gebruikt wanneer u een site bezoekt. Dus als je op een computer met een kleiner scherm zit, past de site zich aan de grootte van dat scherm aan. Als je een smartphone gebruikt, wordt automatisch een mobiel thema weergegeven.

Het gebruik van een responsief thema is handig omdat u niet afhankelijk bent van pluggen van derden of aanvullende oplossingen, en de alles-in-één oplossing maakt het leven veel gemakkelijker. Dus waar vind je fatsoenlijke responsieve thema's?

Als je op zoek bent naar een betaald thema, Themeforest heeft meer dan 2000 responsieve thema's om uit te kiezen. Als je liever voor een gratis thema kiest, zijn er nogal wat om uit te kiezen. We hebben er enkele uitgelicht geweldige responsieve portfoliothema's Maak een verbluffend responsieve portfolio met een van deze gratis WordPress-thema'sTegenwoordig is het niet genoeg om een ​​prachtig ontworpen website te hebben, vooral als je een fotograaf, kunstenaar of grafisch ontwerper bent. Als uw site tegenwoordig niet reageert, is de kans groot dat u een aanzienlijk deel verliest van ... Lees verder , bijvoorbeeld.

Responsieve thema's zijn niet geweldig alleen als u een portfoliowebsite wilt maken. Deze lijst met meer dan 250 responsieve thema's toont u de enorme variatie die beschikbaar is - en alle genoemde thema's zijn gratis.

Bekijk ook zeker eens De indrukwekkende reeks responsieve thema's van Dessign, waarvan er een paar behoorlijk aan doen denken Squarespace‘S stijl.

Plug-ins

Als je al tijd, moeite of geld in je WordPress-thema hebt geïnvesteerd en niet de overstap naar een responsief thema wilt maken om je site mobielvriendelijk te maken, kun je in plaats daarvan kiezen voor een plug-in. Het nadeel van het gebruik van een plug-in is echter dat je de persoonlijkheid van je blog verliest die je misschien met zijn thema hebt gekozen en dat je het moet doen met de stijl die de plug-in biedt.

Een belangrijke functie die al deze plug-ins bieden, is dat kijkers desgewenst kunnen overschakelen naar de desktopsite.

Een van de meest populaire plug-ins die we tegenkomen is WPTouch. We hebben de plugin een paar jaar geleden Hoe u uw WordPress-blog mobielvriendelijk maakt met WPtouch Lees verder , en de look en feel van het thema van de plug-in is niet veel veranderd. WPTouch is een plug-and-play plug-in, wat betekent dat u niets hoeft te doen om uw bezoekers een mobiele versie van uw site te laten zien. U kunt de instellingen echter aanpassen en de pictogrammen aanpassen die worden gebruikt in de mobiele versie van uw site. Als we één klacht hadden over de plug-in, is het uiterlijk in de loop der jaren helemaal niet veranderd - dus het ziet er een beetje gedateerd uit.

Zo ziet uw site eruit met WPTouch geactiveerd:

Mobiele detector is een andere geweldige plug-in en wordt gedetecteerd door meer dan 5.000 mobiele apparaten. De plug-in biedt ook een verscheidenheid aan thema's om uit te kiezen. Sommige van deze thema's zijn strak, minimaal en modern, wat dit een voorsprong geeft op WPTouch. Het beste van alles: het biedt de mobiele versies van de officiële thema's van WordPress, Twenty Eleven en Twenty Twelve. Het WZ Mobile-thema is een andere geweldige optie waarmee u uw aanbevolen afbeeldingen op de startpagina kunt weergeven.

Dit is hoe uw site eruitziet als Mobile Detector is geactiveerd, met het WZ Mobile-thema:

UppSiteonderscheidt zich van andere vergelijkbare plug-ins door een landingspagina weer te geven die bezoekers de keuze, de eerste keer dat ze uw site laden, om door de mobiele (HTML5) of desktopversie van uw te bladeren site. Het kan hun selectie ook opslaan. Het is ook een van de plug-ins waarvoor je een aantal instellingen moet kiezen, voordat het op je blog verschijnt. Tijdens het instellen kunt u kiezen wat voor soort site u gebruikt: een blog, een bedrijfssite of een combinatie.

Terwijl je de instellingen verkent, zul je merken dat UppSite een behoorlijk feature-rijke plug-in is. Terwijl u de plug-in instelt, kunt u uw pictogram, de bijbehorende tekst en de kleur ervan kiezen.

Nadat u de plug-in heeft ingesteld, zijn er andere aanpassingsopties, maar sommige zijn beperkt tot de premium-versie van de plug-in. Met de gratis versie kunt u onder andere de achtergrond van uw mobiele pagina en de bovenste balk wijzigen. Met de premium-versie krijg je ook een downloadbare iOS-, Android- en Windows Phone-app en kun je je bestemmingspagina aanpassen - maar dat alles zal je maar liefst $ 99,99 per maand terugbrengen.

Zo ziet uw mobiele site eruit met UppSite geactiveerd:

Van al deze plug-ins, als we er een zouden moeten kiezen, zou het Mobile Detector zijn. Het klaart de klus in een minimum van stappen. Als u iets robuuster nodig heeft, waarover u meer controle wilt hebben voor uw bedrijfssite, is UppSite misschien beter geschikt voor uw behoeften - als u het kunt betalen.

Extra tools

Een andere manier om ervoor te zorgen dat uw WordPress-blog volledig mobiel toegankelijk is, is door de gratis tool te gebruiken Responsief insluiten. Met deze tool kunt u YouTube-video's, Instagram-foto's en -video's, Google Maps en meer insluiten, terwijl u ervoor zorgt dat de insluiting binnen de grenzen van uw ontwerp blijft. Je zult merken dat bij sommige ingesloten afbeeldingen of video's inhoud kunnen overlappen. Verantwoord insluiten maakt een einde aan deze knikken.

Voor meer informatie over responsief insluiten, Bekijk onze uitgebreide review Hoe YouTube, Vimeo, Instagram en Google Maps responsief kunnen worden ingeslotenEen van de grootste modewoorden in de online designwereld van de afgelopen twee of drie jaar moet 'responsive' zijn. Met de komst van browsen op alles, van een 4-inch smartphonescherm tot ... Lees verder .

Welke moet je kiezen?

Als u uw bezoekers een naadloze ervaring wilt bieden waarbij het ontwerp van uw website in een desktopbrowser zich uitstrekt tot het ontwerp in een mobiele browser, moet u een responsief thema kiezen. Dit maakt het leven ook gemakkelijker voor u, waardoor u geen plug-ins hoeft bij te werken die uiteindelijk niet meer worden ondersteund.

Als u meer controle wilt hebben over hoe uw kijkers uw website zien in de mobiele versie, en wilt nadenken over extra details zoals inkomsten genereren en betrokkenheid, dan is een plug-in waarschijnlijk het beste voor u.

Heb je tips of trucs om ervoor te zorgen dat je WordPress-blog mobiel klaar is? Laat het ons weten in de comments.

Afbeelding tegoed: Luc Legay