Hoe pak je de restyling van je website aan?

Hoe maak je een nieuw webdesign voor je website terwijl de huidige nog live moet blijven staan. In dit blog een paar handige tips bij het restylen van je site.

Maak (eventueel) een kopie van je website

Wil je de content behouden maar een nieuw template uitproberen? Dan is een kopie een goed idee. Is het meerendeel van de content verouderd of twijfel je of de basis wat betreft de plugins en database te verouderd is, dan kan je ook besluiten een nieuwe kale WordPress te installeren en via exporteren en importeren alleen een deel van de berichten en pagina’s opnieuw te gebruiken. Maar de rest schoon op te (laten) zetten.

Er zijn een aantal dingen die je moet uitzoeken:

• Check of je Installatron of Plesk hebt
• Check of je een extra website en database kan draaien in je huidige hostingpakket

Kan je op beide “ja” antwoorden dan kan je een kopie (laten) maken van je website. Dat kan ook op een subdomein.

Let op, in sommige gevallen kan je een staging maken, maar dat is niet altijd hetzelfde. Als je een website krijgt waarbij de linkjes in het menu niet werken dan zou ik kloon/kopie maken.

Samen met een website bouwer of alleen?

Bedenk van te voren of je met een website bouwer samen wil werken of dat je het helemaal zelf wil doen. Wil je echt eerst zelf wat gaan doen, dan raad ik je aan een premium thema te kiezen en niet iets van themeforest of andere marktplaats. Daar heb je grote kans dat je er na verloop van tijd geen updates meer komen en moet je weer opnieuw beginnen. De gemiddelde levensspanne van een website is 6-7 jaar. Wil je eventueel achtervang van mij dan kies je bij voorkeur voor het YOOtheme PRO thema met paginabouwer. Dan kan ik altijd later nog meekijken en helpen. Heb je interesse? Vraag dan naar de mogelijkheden om het thema via mij te verkrijgen.

Het kan soms ook wat overweldigend zijn omdat je aan veel zaken moet denken en alles wellicht nieuw is. Besteed je het meest technische uit aan een website bouwer, dan kan je zelf gaan ontwerpen. Het is gewoon fijn als je kan aangeven wat je wilt en dat een ander het klaarzet.

Wat houd restylen dan in?

Je gaat opnieuw nadenken over hoe de inhoud op een pagina moet komen. Welke kleuren, lettertype, indeling van de pagina, wellicht herschrijven van teksten. En niet te vergeten nieuwe foto’s. Ook ga je nog eens goed na voor wie de website bedoeld is en hoe jouw doelgroep zich het meest aangesproken voelt.

Daarnaast kan het goed zijn om naar de structuur van je website te kijken.

• Hoe is je menu ingedeeld.
• Heb je diensten op 1 pagina staan of opgedeeld in bedrijven en particulieren.
• Heb je misschien blogs die te veel overlappen en die je kan samenvoegen?
• Heb je op elke pagina wel een call-to-action?
• Hoe staat het met de mobiele weergave? Kan je deze apart instellen?
• Is alle informatie eenvoudig te vinden of haken bezoekers af?
• Heb je een zoekfunctie op je website
• Moedig je bezoekers aan om te reageren op een blog?
• en zo voort

Voordelen premium YOOtheme PRO thema voor WordPress

Verderop in het blog leg ik specifieker uit wat er gebeurd bij het activeren van een ander thema. Maar nu wil ik graag uitleggen wat de voordelen zijn van het premium YOOtheme PRO waar ik mee werk. Ik heb nu meer dan 100 websites met dit thema gebouwd en eigenlijk is elk ontwerp wel te maken. Het WordPress thema komt inclusief met een bouwer. Niet als aparte plugin. En je kan wat je hebt ontworpen opslaan tot op blokniveau en hergebruiken op andere pagina’s. En er is een stylesheet waarin je tot op de detail aangeeft voor de hele website welke kleuren, lettertype en groottes je wilt gebruiken.

Daarnaast werkt het heel eenvoudig en heb je geen code in beeld. Ook is het, in tegenstelling tot andere bouwers eenvoudiger te zien waar je iets moet aanpassen of invoeren. Alles is te zien in een splitscreen. Links het schematische overzicht en rechts de vormgeving. Je bent niet uren aan het uitzoeken waar in de website dat ene tekstje staat wat je wil aanpassen.

Voordeel van bouwen met een grafisch ontwerper

Van huis uit ben ik een grafisch ontwerper. Ik zal dan ook altijd kijken naar hoe een pagina communiceert met een bezoeker. Verder heb ik oog voor typografie en weet ik hoe je een grote hoeveelheid tekst en afbeeldingen om kan zetten in een mooie layout. Het is ontzettend leuk om een sessie te volgen waarin ik je laat zien wat je allemaal kan met de bouwer. En hoe je de voorbeelden in de bibliotheek kan inzetten voor je eigen website. Het maakt dat je echt enthousiast wordt om er zelf mee aan de slag te gaan.

Installeren nieuw thema

Je kan niet zomaar een ander thema activeren als je website nog live staat.

Om te snappen wat er gebeurd zodra je een nieuw thema installeert, moet je weten dat elk thema zijn specifieke instellingen heeft. Hierdoor kan het zijn dat je teksten en plaatjes ‘kwijt’ raakt omdat deze in de thema eigen blokjes zijn geplaatst. Deze vind je weer terug als je het vorige thema weer activeert. Het is handig dat je huidige website live blijf staan totdat de nieuwe klaar is. Je kan dan controleren of je niet iets mist.

Wat er ook gebeurd als je een pagina bouwer gebruikt en deze uitschakelt, dat je allemaal stukjes codetekst tussen haakjes gaat krijgen. Helaas is daar niet veel aan te doen dan handmatig verwijderen of dezelfde bouwer te blijven gebruiken. Of met een kale installatie beginnen en alles knippen en plakken. Links of rechtsom blijft dat veel werk.

Installeer je een kale WordPress website dan zal het actieve thema dat van van Automatic (makers WordPress) zijn namenlijk; Twenty-Four. Activeer je daarna een ander thema dan zal je zien dat er teksten in beeld komen die in de widgets staan zoals archieflinkjes en een hello world voorbeeldbericht. Dat kan er allemaal uit. Kijk onder weergave widgets en open alle posities om daar de loze blokjes er uit te halen.

Werken met een demo versie

Met het installeren van een nieuw thema krijg je de vormgeving van dat thema op je website. Niet de layouts die je bij de demo zag. Dat kan nogal een desillusie zijn. Je moet zelf de pagina’s opbouwen.

Je kan ook een demoversie installeren. Dan installeer je WordPress, met het thema en de democontent. Dat maakt het makkelijker voor degene die graag een voorbeeld willen zien wat ze kunnen vullen. Het nadeel is dat je erg veel tijd kwijt bent met het verwijderen van de demo content. En dat er ook heel veel afbeeldingen in je bibliotheek staan die je allemaal weer moet verwijderen en vervangen door je eigen afbeeldingen. Het voordeel is dat alles op zijn plek staat en je houvast hebt.

De middenweg

Zoek je iets hier tussenin? Dan kan je beter werken met een webdesigner die layouts op maat voor je klaar zet en deze opslaat als templates. Dat kan met de meeste pagebuilders. Waarvan de YOOtheme PRO builder mijn favoriet is.

Import en export functie in WordPress

Als je jouw website wil gaan vernieuwen is het fijn om helemaal van scratch te beginnen. Maar je berichten en pagina’s wil je natuurlijk wel hergebruiken.

Dan kan je gebruik maken van export en import functie in WordPress.

Redirect je oude pagina’s

Ga je ook de url’s/permalinks aanpassen dan is het wijs om de oude pagina door te laten verwijzen naar de nieuwe. Dit kan met de premium versie van Yoast SEO. Of met een gratis redirect plugin.

Wil je werken met de YOOtheme pagebuilder voor je restyling? Ga dan naar het katern over YOOtheme en bekijk ook de video’s.