WordPress mobiel bewerken

Door 
Danny
·
Laatst geupdate 
25/02/2021

Daar is hij dan, na zweet, tranen en hard werken is je WordPress website eindelijk af, toch?

Maar dan ontdek je dat je website niet mobile responsive is…

Elementen staan overal, afbeeldingen bedekken het hele scherm en de inhoud is nergens te bekennen.

Dat is niet alleen funest voor je bezoekers ervaring, maar ook voor je zoekmachine optimalisatie!

Nu zit je met de vraag: "Hoe moet ik WordPress mobiel bewerken?!"

Ik zal je vertellen hoe. Er zijn 3 verschillende plaatsen waar je je website mobile responsive zou kunnen/moeten maken. Om je een kleine spoiler te geven, het is vrij eenvoudig!

WordPress mobiel bewerken in de Customizer

Om alleen mobiele en/of tablet repsonsive instellingen in je thema te bewerken ga je naar 'Appearence' > ' Customizer'.

Selecteer nu het mobiele of tablet icoon in plaats van het beeldscherm.

Je zult zien dat de meeste wijzigingen die je maakt na het selecteren van een ander icoon, alleen voor dat apparaat zullen zijn.

De wijzigingen die je maakt in WordPress instellingen met een klein apparaat icoontje erachter, worden alleen toegepast op dat apparaat.

Bewerk mobiele versie met Elementor

Pagina's gebouwd met Elementor hebben veel bewerkbare functies voor mobiel, tablet en desktop. De meest voorkomende zijn: tekst, marge en padding.

Om uw pagina te bekijken vanaf een ander apparaat klik je op het desktop icoon hieronder en kies je het apparaat dat je wilt bewerken/bekijken.

Als je in deze weergave bent, zullen de meeste wijzigingen die je maakt alleen voor dit apparaat gelden. Dit wordt ook aangegeven met een klein mobiel of tablet icoontje!

Het is mogelijk om verschillende secties, elementen en kolommen te verbergen/tonen voor elk apparaat in Elementor.

  1. Ga naar Instellingen > Geavanceerd (met het kleine tandwiel) > Responsive
  2. Kies of je een element wilt verbergen of tonen voor mobiel, tablet of dekstop

Bewerk mobiele versie met Beaver Builder

Het optimaliseren van Beaver Builder pagina's voor mobiel/tablet is redelijk vergelijkbaar met Elementor.

Open het menu > Kies reponsive editing> kies een apparaat dat je wilt optimaliseren.

En….

Net als de anderen… Beaver Builder toont ook een apparaat icoon voor instellingen die alleen voor dat apparaat worden aangepast.

Zoals je ziet, het antwoord op de vraag: "Hoe bewerk je de mobiele versie van een WordPress?" is vrij eenvoudig. De grootste uitdaging is om het mooi te ontwerpen voor elk apparaat.

Er zijn ook een aantal plugins die je kunnen helpen met uw mobiele responsive reis. Zorg er wel voor dat je eerst even checkt hoe je WordPress plugins gebruikt ?

Heel veel succes met WordPress mobiel bewerken!

mediabrix home
Resultaatgericht, gepassioneerd, maar bovenal gedreven om ambitieuze ondernemers zoals jij te helpen meer uit hun bedrijf te halen.
Adres
Kosmonaut 9C
3824 MK Amersfoort
Nederland

E: info@mediabrix.com
© Copyright 2021 - MediaBrix - Alle rechten voorbehouden
nl_NL