Hoe een mobiele versie van uw WordPress Blog te maken

Wilt u ervoor zorgen dat uw blog er goed uitziet op alle apparaten, niet alleen op computers? Smartphones en andere mobiele apparaten worden steeds populairder, dus hier kun je ervoor zorgen dat je blog er geweldig uitziet, ongeacht waar mensen het op lezen.

WordPress is een geweldige tool voor het maken van een blog of een traditionele website voor uw bedrijf, organisatie of gewoon om foto's te delen met familie en vrienden. U kunt een gratis blog maken op WordPress.com en zo ja, uw blog is al klaar voor de meeste moderne browsers voor mobiele apparaten. Hier is onze test WordPress.com-site in Mobile Safari; WordPress.com gaf het automatisch een iOS-thema dat gemakkelijk te gebruiken is op mobiele apparaten.

Als u WordPress echter wilt aanpassen en uw site wilt maken zoals u wilt, moet u de Self-hosted WordPress.org gebruiken. Als u een nieuwe WordPress-site op uw eigen server of hostingservice handmatig hebt gemaakt of met een auto-installer zoals Softaculous, bent u misschien teleurgesteld dat uw site er hetzelfde uitziet in mobiele browsers als op uw computer. Dit maakt het moeilijk om op kleine schermen te gebruiken.

Gelukkig kun je eenvoudig hetzelfde iOS-stijlthema op je blog krijgen met de WPtouch-plug-in. Log in op uw WordPress Dashboard en selecteer Voeg nieuw toe onder plugins in het menu aan de linkerkant.

Voer op deze pagina in WPtouch in het zoekvak.

Installeer en activeer nu de plug-in zoals normaal.

Uw site heeft nu een leuk thema dat geweldig is op moderne smartphones en andere mobiele apparaten, maar zal nog steeds uw eigen normale thema tonen aan bezoekers die computers gebruiken. Als u een voorbeeld wilt bekijken van hoe uw nieuwe mobiele thema eruit ziet op een iPhone, bekijk dan ons artikel over Mobiele websites testen in Safari voor Windows.

Tweak WPtouch-instellingen

WPtouch werkt prima, zonder aanpassingen aan de meeste sites, maar als je wilt, kun je je mobiele site aanpassen en de WPtouch-instellingen aanpassen om het te laten werken zoals je wilt. Om dit te doen, klik op WPtouch onder instellingen in het menu aan de linkerkant.

Hier kunt u veel instellingen aanpassen, waaronder de achtergrond, lettertypen, het pictogram en meer van het mobiele thema.

U kunt ook Google Analytics en Adsense toevoegen aan uw mobiele site, zodat u inkomsten kunt genereren met uw verkeer en weet hoeveel bezoekers u krijgt. Als u uw Google Analytics-code wilt vinden, kunt u deze snel vinden.

Mogelijk moet u de instellingen in andere WordPress-plug-ins, waaronder WP Cache en W3 Cache, aanpassen om ze met WPtouch te laten werken, dus controleer de lijst onderaan de instellingenpagina..

Hier is Techinch.com met een aangepast logo, menu en achtergrond met behulp van WPtouch. Nu ziet uw site er precies zo uit als u wilt, op pc's en mobiele apparaten.