Website Omzetten naar WordPress

Er zijn nog veel oude websites gebouwd met HTML of een ander “verouderd” systeem dat niet meer aan de verwachtingen voldoet. Hierdoor is het lastig of zelfs onmogelijk om de website nog aan te passen. Tijd dus om over te stappen naar WordPress.

Met de volgende tips zal je website omzetten naar WordPress een stuk eenvoudiger worden. Na het omzetten zal het dan ook mogelijk worden om gebruik te maken van de vele uitbreidingsmogelijkheden van WordPress.

Denk hierbij aan bijvoorbeeld een webwinkel, online evenementen registratie, ledenwebsite, of de meer dan 50.000 andere uitbreidingen die beschikbaar zijn voor WordPress. Nog een extra reden om de huidige “oude” website gewoon om te gaan zetten.

Webpagina´s 1-voor-1 omzetten naar WordPress

Hiervoor moet er al een nieuwe (lege) WordPress website voorhanden zijn. Wanneer dat nog niet het geval is kun je dit meestal eenvoudig via de web host (laten) doen, of anders doen wij het graag voor je wanneer je bij ons een training gaat volgen.

Hou dan in de webbrowser 2 tabbladen open; 1 met de pagina van je “oude” website en 1 met een nieuw aangemaakte WordPress pagina in bewerkingsmodus.

Dan kun je met de standaard kopiëren en plakken functie de informatie van de ene naar de andere pagina kopiëren. Dit gaat in Windows met de toetscombinatie CTRL+C en CTRL+V en op de Apple kan dit met CMD+C en CMD+V.

Hoewel dit redelijk probleemloos moet gaan zijn er wel een aantal dingen waar je rekening mee moet houden:

• Je kan slechts 1 pagina per keer kopiëren, dus voor grotere websites kan het een tijdrovend proces worden;
• Mogelijk wordt er ongewenste tekst opmaak mee gekopieerd; Dit is op te lossen door de gekopieerde tekst te plakken als tekst zonder opmaak.(CTRL/CMD+SHIFT+V toetsen tegelijk indrukken)
• Wanneer er lettertypen worden mee gekopieerd kunnen deze niet meer gewijzigd worden in WordPress.
  Daarom is het meestal aan te raden om de te kopiëren inhoud van de oude website altijd te plakken zonder opmaak. Dit kan zoals met de toetsencombinatie van het punt hierboven. Maar wanneer er meerdere losse flarden tekst gecombineerd worden tot 1 pagina kun je voor het gemak misschien beter vooraf de platte tekst modus aanzetten in de tekstbewerker balk van WordPress. Of anders achteraf door het gummetje in dezelfde balk te gebruiken. (zie afbeelding)
  

 

Afbeeldingen importeren

Hoewel de gekopieerde afbeeldingen wel direct zichtbaar zullen zijn in je WordPress website, komen ze helaas niet in je media bibliotheek te staan. De afbeeldingen staan namelijk wel online waardoor je ze kan zien in je WordPress website. Maar ze zijn niet geregistreerd door WordPress, daarom kun je ze niet vinden in de media bibliotheek.

Zolang de afbeeldingen van de oude website bij de web host  blijven staan is het prima, maar zodra de oude website wordt weggehaald zullen de afbeeldingen ook niet meer zichtbaar zijn. Dit kan opgelost worden door de afbeeldingen eerst naar de eigen computer te downloaden met behulp van rechter muisklik “Afbeelding opslaan als…” en dan alsnog te uploaden naar de WordPress Media bibliotheek.
Hierna zal je dan wel nog alle afbeeldingen handmatig moeten vervangen door deze geüploade afbeeldingen.

Importeren afbeeldingen met een plug-in

Makkelijker is daarom misschien een plug-in die automatisch de afbeeldingen importeert die afkomstig zijn van de oude website. Doe dit dan wel eerst even met een test afbeelding om te kijken of dit (nog steeds) goed werkt en let natuurlijk altijd op de beoordelingen.
Op het moment van schrijven kan je bijvoorbeeld een van de volgende plug-ins gebruiken:

Import external attachments

Auto Upload Images

Download External Images In Posts

Media from FTP

https://nl.wordpress.org/plugins/add-from-server/ (deze is minder geschikt)

In 1 keer de gehele website converteren

Het geautomatiseerd converteren van meerdere (HTML) pagina’s in 1 keer is een vrij technisch en meer gecompliceerd proces, maar de volgende stappen zullen je daarbij zeker op weg helpen;

1. Maak een kopie van de originele website op de eigen computer door een van de volgende gratis tools te gebruiken;
   https://www.httrack.com/
   https://www.cyotek.com/cyotek-webcopy
   https://ricks-apps.com/osx/sitesucker/ (MAC only)
   Of anders een betaalde oplossing:
   https://www.tenmax.com/teleport/pro/home.htm
   http://www.surfoffline.com/
   https://www.newprosoft.com/web-content-extractor.htm
2. Met de vind & vervang functie van een tekstbewerker kun je dan de overbodige code verwijderen.(van bijvoorbeeld Microsoft Frontpage) De volgende tools kunnen je eventueel helpen om de HTML “schoon” te maken:
   https://html-cleaner.com/
   https://www.jafsoft.com/detagger/
   https://www.coolutils.com/TotalHTMLConverter
3. Bij deze volgende stap zal er een nieuwe of bestaande WordPress installatie nodig zijn. Het installeren gaat meestal eenvoudig via de web host, of anders doen wij het graag voor je wanneer je bij ons een training komt volgen.
   Wanneer je trouwens de oude website direct wil vervangen kun je voor de zekerheid het beste eerst nog een 2e back-up maken.(via de webhost of de kopieer manier van punt 1 hierboven)
4. Door nu de volgende plug-in te installeren kun je alle HTML pagina´s van de oude website gaan importeren. Deze zals dan automatisch je oude website omzetten naar WordPress.

HTML Import 2

 

Aanvullingen, ervaringen en tips zijn altijd van harte welkom, laat daarvoor dan een reactie hieronder achter.