Webflow is een gebruiksvriendelijk platform dat gebruikers helpt bij het maken van professionele websites met een intuïtieve visuele editor. Als je je site echter al een tijdje hebt, ben je misschien op zoek naar een flexibelere en geavanceerdere oplossing, zoals WordPress.
Migreren van Webflow naar WordPress kan al snel een enorme taak lijken, vooral als je site veel content bevat. Het proces is echter eenvoudiger dan je zou denken, en je kunt je nieuwe WordPress site in een mum van tijd operationeel hebben.
In dit artikel beginnen we met een korte bespreking van de redenen waarom je zou willen overstappen van Webflow naar WordPress. We leiden je vervolgens door het hele migratieproces.
Laten we beginnen!
Waarom je zou moeten overwegen om over te stappen van Webflow naar WordPress
Zoals de meeste alles-in-één website oplossingen, stelt Webflow je in staat om zonder veel gedoe een website te bouwen en te lanceren. Het dient als zowel websitebouwer als hostingprovider. Hoewel dit erg handig klinkt, kan het je ook beperken. Aangezien elk aspect van je site door dezelfde service wordt beheerd, kun je je beperkt voelen bij het toevoegen van nieuwe features of het optimaliseren van je content.
Een open source Content Management System (CMS) zoals WordPress geeft je meer vrijheid om dingen aan te passen. Hoewel Webflow een breed scala aan apps en widgets heeft, is het niet te vergelijken met de rijkdom aan plugins die WordPress te bieden heeft.
Met WordPress heb je ook controle over je webhosting en budget. Je kunt rondkijken en de juiste oplossing voor je website kiezen. Bovendien is de WordPress software gratis, net als de meeste van de beschikbare plugins. Daarom kan het migreren van Webflow naar WordPress je ook helpen om je websitekosten te verlagen.
Dingen om te overwegen voordat je van Webflow naar WordPress migreert
Of je nu een blog of een e-commerce winkel runt, het migreren van een website kan een moeilijke en tijdrovende taak lijken. Het proces duurt echter niet zo lang. Bovendien is het mogelijk om de migratie zelf uit te voeren als je over de juiste tools beschikt.
Voordat je echter begint, zijn er enkele dingen die je moet doen. Laten we eens kijken naar enkele essentiële voorbereidingen voor je migratie van Webflow naar WordPress.
Een WordPress webhost vinden
Zoals we eerder vermeldden, is een van de beste dingen van het gebruik van WordPress het kiezen van een webhost naar jou keuze. Daarom kun je een service kiezen die zowel aan je behoeften als aan je budget voldoet.
Hoewel het verleidelijk kan zijn om te kiezen voor een goedkope hostingservice, kun je overwegen om managed WordPress hosting voor je site te kopen. Deze service is meestal wat duurder dan andere opties. Het kan je echter helpen de prestaties van je site te verbeteren en je content veilig te houden.
Bij Kinsta bieden we een reeks hostingabonnementen voor verschillende budgetten. Onze managed WordPress hostingservice wordt geleverd met een schat aan features, waaronder:
- Snelle en gemakkelijke WordPress installatie
- Automatische dagelijkse backups
- Hackfix en malwareverwijdering
- 24/7 support
- Gratis SSL certificaten
We bieden daarnaast onbeperkte gratis migraties van alle webhosts om je verhuizing stressvrij te maken. Bovendien kun je onze gebruiksvriendelijke ontwikkeltool, DevKinsta, gebruiken om je eerste WordPress website te ontwerpen.
In het ideale geval heb je je nieuwe hostingaccount helemaal ingesteld voordat je met de migratie begint. Deze voorbereiding zal het proces een beetje sneller maken.
Een backup maken van je gegevens
Het is belangrijk op te merken dat je je content tijdens het migratieproces niet daadwerkelijk van Webflow naar WordPress verplaatst. Je downloadt eenvoudig een kopie naar je computer en uploadt deze vervolgens naar WordPress. Daarom blijft je Webflow site zoals hij is, dus je hoeft geen backup van je content te maken.
Je kunt er echter nog steeds voor kiezen om een backup te maken voor het geval er iets misgaat. Om een backup op Webflow op te slaan, hoef je alleen maar Command + Shift + S (op Mac) of Control + Shift + S (op Windows) ingedrukt te houden:
Webflow zal je dan vragen om een beschrijving voor je backup in te voeren. Als je klaar bent, klik je op Save. Je kunt dan naar Settings > Backups gaan om te controleren of je laatste exemplaar is opgeslagen.
Zo migreer je van Webflow naar WordPress (in 6 stappen)
Nu je je hostingaccount hebt ingesteld en een backup van je gegevens hebt gemaakt, is het tijd om je content van Webflow naar WordPress te verplaatsen. In deze tutorial leiden we je door het hele migratieproces om je te helpen je nieuwe site succesvol te lanceren.
Stap 1: Stel WordPress in
De eerste stap is het instellen van WordPress. De meeste webhosts bieden WordPress installaties met één klik aan met hun abonnementen, die je kunt openen vanuit je hostingaccount. Deze feature wordt normaal gesproken geleverd met een installatiehandleiding om je te helpen het proces in slechts een paar minuten te voltooien.
Je kunt de software ook handmatig downloaden van WordPress.org:
Je moet dan je WordPress bestanden uploaden naar je server. Het proces kan enkele minuten duren. Zodra het klaar is, kun je doorgaan met de Webflow export naar WordPress.
Stap 2: Exporteer je content vanuit Webflow
Nu je WordPress hebt ingesteld, kun je de content voor je nieuwe site voorbereiden. Gelukkig maakt Webflow het super eenvoudig om je gegevens te exporteren.
Je kunt echter niet alles exporteren. Downloadbare inhoud van Webflow omvat webpagina’s, blogberichten, teksten, ingesloten blokken, galerijpagina’s en afbeeldingen.
Om je content te exporteren, ga je naar je Webflow ontwerper en klik je op het CMS Collections venster. Hier kun je alle bestanden en gegevens op je Webflow server zien:
Selecteer de collectie die je wilt downloaden (bijvoorbeeld blogposts) en klik op de Export knop bovenaan je scherm. De content wordt als een .csv-bestand naar je computer gedownload. Je kunt dit proces herhalen voor elke andere verzameling die je wilt exporteren.
Stap 3: Importeer je content in WordPress
De volgende stap is het uploaden van je Webflow content naar WordPress. Het CMS wordt geleverd met een importtool waarmee je bestanden in XML format kunt uploaden. Helaas kun je met Webflow alleen content downloaden als een CSV bestand.
Daarom moet je een migratieplugin gebruiken om CSV bestanden in WordPress te importeren. We raden WP All Import aan:
WP All ImportOm de plugin aan je website toe te voegen, ga je naar Plugins > Add New in je WordPress dashboard en zoek je naar de tool in de zoekbalk.
Klik vervolgens op de Install Now knop, gevolgd door Activate. Nadat de plugin is geactiveerd, navigeer je naar All Import > New Import:
Klik op de Upload a file optie en selecteer vervolgens het CSV bestand dat je eerder hebt gedownload. De plugin leidt je vervolgens door het importproces.
Voor deze tutorial importeren we de blogberichten uit Webflow:
De plugin zal je vragen om elementen naar de juiste velden te slepen met behulp van een drag-and-drop interface:
Je moet bijvoorbeeld de naam van je bericht (van rechts) naar het titelveld en postbody naar het relevante gebied slepen. Je ziet ook opties voor het toevoegen van taxonomieën, zoals categorieën en tags, en het configureren van andere instellingen, zoals de poststatus:
Houd er rekening mee dat deze instellingen worden toegepast op elk bericht in je bestand. Daarom hoef je het proces niet te herhalen voor elk bericht dat je hebt geïmporteerd.
Vervolgens word je gevraagd om een unieke identificatie voor de berichten in je bestand te definiëren. Je kunt op de Auto-detect knop klikken om een ID te genereren:
Ten slotte moet je op de Confirm & Run Import knop klikken om het proces te voltooien:
De plugin laat je weten wanneer het importproces is voltooid:
Als het klaar is, kun je je content controleren door naar Posts of Pages in je dashboard te gaan. Je moet het importproces herhalen voor alle andere Webflow bestanden die je hebt gedownload.
Let op dat WordPress het automatisch importeren van afbeeldingen van andere platforms zoals Webflow niet ondersteunt. Daarom moet je je afbeeldingen handmatig toevoegen of een plugin gebruiken zoals Auto Upload Images.
Deze plugin zoekt naar afbeeldings URL’s in je berichten en pagina’s. Het zal dan die afbeeldingen downloaden en uploaden naar WordPress, waarbij de URL’s worden vervangen.
Stap 4: Kies een WordPress thema
Helaas kun je het ontwerp van je Webflow site niet overzetten naar WordPress. Het populaire CMS biedt echter duizenden prachtige thema’s om uit te kiezen.
WordPress thema’s zijn aanpasbaar, dus je kunt ze aanpassen aan je behoeften. Bovendien zijn de meeste gratis, hoewel sommige betaalde thema’s ook heel betaalbaar kunnen zijn.
We raden je aan wat tijd te besteden aan het aanpassen van je WordPress thema en het uitproberen van verschillende opties. Je wilt echter een responsief ontwerp kiezen, omdat dit je zal helpen ervoor te zorgen dat je content er op alle apparaten goed uitziet.
Stap 5: Configureer je WordPress permalinks
Vervolgens moet je je WordPress permalinks configureren. Ze bepalen de structuur van de URL van je site.
Om toegang te krijgen tot je permalinks, ga je naar Settings > Permalinks in je WordPress dashboard:
Zoals je kunt zien, heb je verschillende opties. We raden je aan Post name te selecteren. Op deze manier worden je URL’s samengesteld uit je domeinnaam en de slug die je voor die specifieke pagina of post hebt ingesteld. Het hebben van korte en duidelijke URL’s kan de Search Engine Optimization (SEO) van je site ten goede komen.
Als je klaar bent, klik je op Save Changes. Je kunt nu doorgaan naar de laatste stap.
Stap 6: Verwijs je domein naar WordPress
Hoewel je je site mogelijk in WordPress hebt geïmporteerd, verwijst je domein (bijvoorbeeld mijnsite.com) nog steeds naar de naamservers van Webflow. Als je hetzelfde domein wilt behouden, moet je je DNS instellingen bijwerken zodat je domein naar de servers van je nieuwe webhost verwijst.
Je kunt de naamservers van je host vinden in je hostingaccount. Ze zien er meestal ongeveer zo uit:
- ns1.yourwebhost.com
- ns2.yourwebhost.com
- ns3.yourwebhost.com
Als je een domeinregistrar hebt gebruikt toen je je Webflow site maakte, moet je inloggen op je account om de DNS instellingen te beheren. Je nieuwe webhost kan je zelfs je domein laten beheren via het configuratiescherm. Als je een Kinsta klant bent, kun je MyKinsta gebruiken om je domein naar je nieuwe website te verwijzen.
Wanneer bezoekers nu je URL in Google typen, worden ze doorgestuurd naar je nieuwe site. We raden je aan deze stap te voltooien zodra je WordPress website klaar is om live te gaan.
Samenvatting
Webflow is een alles-in-één websitebouwer waarmee je eenvoudig je site kunt starten en beheren. Naarmate je website groeit, moet je mogelijk overschakelen naar een flexibeler en krachtiger platform, zoals WordPress.
Zoals we hebben gezien, kan het migreren van Webflow naar WordPress een soepel proces zijn. Het is echter essentieel om de juiste hostingprovider te kiezen voor je nieuwe website. Je wilt ook een responsief WordPress thema selecteren, je permalinks optimaliseren en je domeininstellingen bijwerken zodat gebruikers naar je nieuwe site worden geleid.
Heb je vragen over het migreren van Webflow naar WordPress? Laat het ons weten in de comments hieronder!
Hoofdredacteur bij Kinsta en content marketing consultant voor WordPress plugin-ontwikkelaars. Verbind met <a href="">Matteo op Twitter.
Laat een reactie achter