Dit is een vraag die ik regelmatig krijg: Hoe kan ik mijn Statische HTML website overzetten naar een WordPress website?
Waar je vooral op moet letten bij een dergelijke actie is dat je ervoor zorgt dat je oude links (urls) van je website zoveel mogelijk hetzelfde blijven zodat je hudige postities in Google bewaard blijven. Als er toch een paar zijn die je anders wilt dan is daar ook een oplossing voor.
Maar first things first, met omzetten van je site.
Allereerst, wat heb je nodig:
- goede hosting die php ondersteund
- een mysql database: databasenaam, gebruikersnaam voor de database en bijbehorend wachtwoord
- de mogelijkheid een .htaccess bestand te plaatsen
Ben je niet zeker van bovenstaande zaken, vraag je hosting provider!
WordPress installeren in een Submap
Wat je eerst gaat doen is WordPress installeren in een submap bijvoorbeeld /cms (zoals in de wordpress sitebouw handleiding staat).
Nadat dat de installatie afgerond is zet je de privacy instellingen tijdelijke zo dat de zoekmachines geweerd worden (Instellingen -> Privacy) zodat de nieuwe links niet opgenomen worden totdat je klaar bent met de omzetting.
Nu kun je de WordPress website opbouwen naast de site die je nu hebt, deze blijft actief terwijl jij de nieuwe site bouwt.
Oude Links Handhaven
Zoals eerder gezegd is het belangrijk dat de nieuwe site later dezelfde urls heeft als de oude site.
Zet daarom je permalinks vast op aangepast met de waarde /%postname%.html dit zorgt ervoor dat berichten ook een .html extensie krijgen.
Tijdens de ontwikkeling van je site zal het /cms/pagina-url.html zijn, maar later wordt dat /pagina-url.html zoals die van de oude site is.
Zorg ervoor dat de “slugs” hetzelfde zijn als bij de oude site, een plugin die je dan zeker nodig hebt is “.html on pages” . Ik neem even aan dat je inderdaad pagina's hebt dit eindigen op .html
Je kunt nu de oude pagina's omzetten naar WordPress door de teksten te kopieren of de HTML code te kopieren van de inhoud van de oude site naar het HTML code scherm van WordPress.
Je pagina URL worden gemaakt door de Titel van je pagina, maar je kunt ze zelf nog wijzigen door het bewerken van de permalinks.
Er is ook een plugin die je bij het kopieren van de oude pagina's kan helpen: http://wordpress.org/extend/plugins/import-html-pages/ Let Op! Voor deze plugin moet je echt met PHP5 werken! Vraag ernaar bij je hosting provider als je niet zeker bent.
Website Layout
Het omzetten van een oude site naar een wordpress website met dezelfde layout is een heel andere oefening dan wat ik hier beschrijf, daarvoor moet een compleet nieuwe Theme / Layout gemaakt worden. Waarom dan niet gelijk met de omzetting je site een nieuw uiterlijk geven? Kies dan voor een mooie premium theme die past bij je bedrijf / website en pas die aan.
Als je tevreden bent met je nieuwe site dan voer je de volgende stappen uit om hem “live” te zetten:
1. verwijder of hernoem de index.html in de root van je oude site.
2. copier de index.php en .htaccess bestand uit de /cms submap naar de root van je site
3. wijzig een regel in het index.php bestand in require(‘./cms/wp-blog-header.php’); (alleen bij het index.php bestand in de root, niet in de map /cms!!)
4. wijzig het Blog adres in de algemene instellingsgegevens inde domein naam.
5. verwijder of hernoem de oude .html bestanden.
6. wijzig de privacy instelling zodat de zoekmachines weer toegang krijgen.
Kijk voor de bovenstaande procedure ook op WordPress verplaatsen van map naar hoofdmap.
Als je de overgang op deze manier doet, dan is je oude site niet bereikbaar gedurende de 5 minuten die je nodig hebt voor het omzetten van de index.htm naar index.php en als je de URLs gehouden hebt, dan verlies je ook geen bezoekers van de zoekmachines zoals Google.
En natuurlijk heb je eerst een back-up van je oude site gemaakt zodat snel terug kunt als er toch een probleem mocht zijn.
Wil je nieuwe urls voor je pagina's gaan gebruiken en de oude urls doorlinken naar de nieuwe dan kun je dat op twee manieren doen:
- met een plugin http://wordpress.org/extend/plugins/redirection/
- via het .htaccess bestand waar je per url een regel opneemt: redirect 301 /oude-url.html http://www.example.com/nieuwe-url.html
Veel succes en mocht je nog vragen hebben, neem gerust contact op via het contact formulier.
Heb nog ander tips of aanvullingen schrijf ze hieronder in het reactie formulier zodat we mensen nog beter kunnen helpen.
Nog een laatste vraag: Is er behoeft bij jullie om deze informatie in een meer gedetailleerde handleiding in pdf formaat te krijgen met diverse schermafbeeldingen en tips? Laat dan ook een reactie achter.
Mark van Leeuwenstijn zegt
Hoi
Hopelijk kun je mij helpen met de volgende vraag:
Ik heb in WP een frontpage aangemaakt en online gezet. Nu wil ik graag extra pagina’s maken maar die hebben andere meta tags ed. Als ik nu in de editor deze nieuwe tags invoer, veranderd dan ook de frontpage qua tags? De frontpage moet zo blijven maar voor de nieuwe (extra pagina’s) heb ik andere seo discription ed nodig. Hoe verander ik die zonder ook de frontpage te veranderen?
Ik werk met de (volgens mij) laatste versie 3.1.
Groet,
Mark
Herbert-Jan van Dinther zegt
@Mark: Iedere pagina heeft zijn eigen tags en descriptions dus de frontpage zou zijn de standaard gegevens die je in die pagina ingevuld hebt moeten houden. Wil je nog meer controle? Gebruik dan de plugin WordPress Seo by Yoast, daarmee kun je per pagina de instelling doen en ook apart voor de Homepage, ik heb hier een tijdje terug al een bericht over geschreven op http://www.wpblogbouw.nl/top-wordpress-seo-plugin-vervangt-meer-dan-headspace2.html
Arold zegt
Waarom werkt dit bij mij niet?
/%postname%.html
Ik krijg een .html te zien
Herbert-Jan van Dinther zegt
@Arold: Schijnbaar heb je nu in je permalinks /%postname%/ staan? Controleer eerst je .htaccess of die goed staat, maar die dan tijdelijk beschijfbaar (777) en zet de optie met .html opnieuw aan.
Mocht het dan nog niet lukken, neem dan contact op met je hosting provider misschien heeft die een speciale regel ingesteld voor het gebruik van .htaccess.
jessica zegt
Bedank voor de tip
Wendy zegt
Hoi!
Misschien een erg onnozele vraag, maar ik ben momenteel bezig met het installeren van WordPress op bovenstaande website. Nu wordt er in de handleiding aangegeven dat het index.php-bestand + .htaccess geupload dienen te worden. De laatstgenoemde staat er echter niet bij mij in in de WordPress-map op mijn computer. Heeft één van jullie een idee hoe ik die kan van vinden? Daarnaast wilde ik hem zelf aanmaken met een teksteditor, maar ik heb geen idee wat hier in dient te staan en kan dit ook nergens terug vinden.
Alvast bedankt!
Herbert-Jan van Dinther zegt
@Wendy: Als je naar de settings / instellingen gaat en daar de permalinks optie kiest en de een niet standaard optie kiest, dan wordt er automatisch een .htaccess bestand aangemaakt of je krijgt te zien wat daar ik moet komen te staan.
In de basis hoort daar onderstaande code in te staan:
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress
Knipselkrant Curacao zegt
Met intresse heb ik dit gelezen. Maar nu rijst bij mij de vraag: De oude (nuarchief) knipselkrant is opgebouwd in een PhPbb forum. Is er een mogelijkheid om die ook om te zetten naar de huidige site.????
De oude site is op http://kkc.curacao.nl.
Herbert-Jan van Dinther zegt
@Knipselkrant: Ja, die mogelijkheid is er. Je kunt die conversie aanvragen via http://gconverter.com/ die kunnen dat voor je doen voor rond de $ 85 zoe te zien. (Kijk op de site bij de Price ->Forum to Cms).
Wil je het zelf proberen, zet dan een eigen ontwikkel omgeving op met http://xampp.org en lees verder op http://thepetsweb.com/2011/12/convert-phpbb-to-wordpress-to-blogger.html
DE JODE FRANCIS zegt
Beste,
Ik wil mijn bestaande site overzetten naar wordpress, nu heb ik de ganse procedure overlopen om dit tot een goed einde te brenegn maar als ik naar de site ga krijg ik deze melding:Parse error: syntax error, unexpected T_VARIABLE in /var/www/vhosts/deutsch-kurzhaar.biz/httpdocs/cms/wp-includes/option.php on line 225
Ik heb de map cms in de httpdocs van de server gezet:
Remove SelectedTouchCopy/MoveAdd New DirectoryAdd New FileCalculate Size
Show Search
12 files and directories in deutsch-kurzhaar.biz total Number of entries per page: 10 25 100 ALL
T Name Size Tools Permissions Modification date User Group
anon_ftp 4.00 KB rwx r-x — May 12, 2011 dkurzhaar psaserv
bin 4.00 KB rwx r-x r-x May 12, 2011 root psaserv
cgi-bin 4.00 KB rwx r-x — Nov 30, 2009 dkurzhaar psaserv
conf 4.00 KB rwx r-x — July 26, 2012 root psaserv
error_docs 4.00 KB rwx r-x r-x May 12, 2011 root psaserv
httpdocs 4.00 KB rwx r-x — July 26, 2012 dkurzhaar psaserv
httpsdocs 4.00 KB rwx r-x — May 12, 2011 dkurzhaar psaserv
pd 4.00 KB rwx r-x — May 12, 2011 root psaserv
private 4.00 KB rwx — — Nov 30, 2009 dkurzhaar root
statistics 4.00 KB r-x r-x — May 12, 2011 root psaserv
subdomains 4.00 KB rwx r-x r-x July 26, 2012 root psaserv
web_users 4.00 KB rwx r-x r-x May 12, 2011 root psaserv
In deze map ( httpdocs staat ook de oude site) de map cms staat dus tussen de andere mappen, is dit goed zo?)
Files
Remove SelectedTouchCopy/MoveAdd New DirectoryAdd New FileCalculate Size
Show Search
105 files and directories in deutsch-kurzhaar.biz / httpdocs total Number of entries per page: 10 25 100 ALL
T Name Size Tools Permissions Modification date User Group
.. 4.00 KB May 12, 2011 root root
2007-11-05 chablis thuis 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psacln
2008-09-06 noemie 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psacln
2009-01-10 100109 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psacln
2011_pups 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psacln
astats 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psaserv
buttons 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psacln
chanel 4.00 KB rwx r-x r-x May 12, 2011 dkurzhaar psacln
cms 4.00 KB rwx r-x r-x July 26, 2012 dkurzhaar psacln
css
Mvg
Herbert-Jan van Dinther zegt
@DE JODE FRANCIS: Het lijkt erop dat niet alle WordPress bestanden goed geupload zijn. Probeer eerst nogmaals de WordPress bestanden nige eens te uploaden om te zien of ze inderdaad allemaal goed op de server staan.
DE JODE FRANCIS zegt
Hoy Jan,
ook na het opnieuw installeren blijf ik de zelfde melding krijgen: Parse error: syntax error, unexpected T_VARIABLE in /var/www/vhosts/deutsch-kurzhaar.biz/httpdocs/cms/wp-includes/option.php on line 225
Ik heb nochtans al eerder een site met wordpress opgezet en daar had ik geen problemen mee.
Gera Mateman zegt
goedenmiddag,
Bij het maken van mijn website heb ik iets gedaan waardoor in mijn werkbestanden alles in code staat, b.v.:
enz enz enz enz
Wat heb ik gedaan??? Maar meer nog; wat moet ik doen om mijn bestanden weer – voor mij – zichtbaar te maken??????
en nog iets;
op sommige pagina’s staat een reactieformulier: Leave a reply. Dat wil ik alleen hebben op de pagina: ‘praktische informatie’ – ‘contactgegeven’ . Hoe krijg ik dat formulier weg op de bladzijden waar ik het niet wil hebben?
met vr.groet, Gera Mateman
Herbert-Jan van Dinther zegt
@Gera Mateman: Bij je werkbestanden heb je waarschijnlijk the HTML beeld optie aangeklikt. In je bewerking scherm heb je bij het tekst invoer scherm rechts net boven het invoer vak twee opties staan, Wysiswig en HTML. Klik daar op de tab Wysiwig en je zou alles weer in normale opmaak moeten zien.
Je kunt de reactie mogelijkheid per pagina is of uit schakelen die optie zou je onderaan je pagina moeten zien, als je die optie niet ziet, dan moet je dzt inschakelen, zie ook https://www.hummerbie.nl/wordpress-extra-velden-en-reactie-mogelijkheden-niet-meer-zichtbaar/
Job zegt
Hi,
graag zou ik een uitgebreidere handleiding zien. Heeft u deze? Dan zou ik deze graag ontvangen,
groetjes,
Herbert-Jan van Dinther zegt
@Joris: Op dit moment is er (nog) geen uitgebreide nederlandse handleiding. Je kunt wel kijken naar mijn engetalige psf, die is te vinden op http://wpsitebuilding.com/static-html-wordpress-website.html (link is bijna onderaan het bericht)
Mrln zegt
Ik heb een website gemaakt onder test.mijndomein.nl.
Nu wilde ik deze omzetten naar http://www.mijndomein.nl. Toen kreeg ik het advies om de hele map te kopiëren in mijn ftp client (cyberduck) en te uploaden naar http://www.mijndomein.nl
Daarna in WP Instellingen / Algemeen het website adres aan te passen naar de www en het WP adres te laten staan op test.
Dit alles gedaan, krijg ik alleen nog maar een witte website.
Wat gaat er mis?
Herbert-Jan van Dinther zegt
@Mrln: Ik neem aan dat je de bestanden nu geupload hebt naar je eigen domein naam map?
In dat geval zul je ook het WP adres aan moeten passen.
Mocht dat mis gaan zodat je niet meer in kunt loggen, dan moet via je phpmyadmin (in je controle paneel) naar je database gaan en die weer terug zetten in de tabel _wpoptions.
Daarna kun je met een plugin Search and Replace de site nog doorzoeken en veranderen van test.domain naar http://www.domain
Mrln zegt
Dank je! Het is opgelost!
Tony zegt
Bedankt voor deze mooie handleiding. Ik heb er een vraagje over: ik heb bij mijn host WordPress 3.5 geïnstalleerd. Nu kan ik in deze nieuwe versie niet meer (Instellingen -> Privacy) terugvinden.
Hoe kan ik toch weer de privacy instellingen aanpassen, zodat de zoekmachines niet meer geweerd worden, zodat de nieuwe links weer worden opgenomen?
Herbert-Jan van Dinther zegt
@Tony: Klopt, vanaf versie 3.5, die net uit is, staat die optie nu onder Instellingen -> Lezen en daar is alleen de keuze nog om Zpekmachine te blokkeren.
Standaard staat de optie uit zodat zoekmachines zeker de site kunnen indexeren.
Fdejode zegt
Beste,
Ik zou graag een testsite opzetten om veilig upgrades te doen aan mijn hoofdsite.
Ik weet echter niet hoe ik dit moet opzetten betreffende de gekoppelde database moet ik nu een volledige nieuwe maken?
Kan ik gewoon mijn domijnnaam :www.canicross-info.eu/testsite zo maken en in de map testsite de WP files van mijn hoofsite daarin kopieren
Herbert-Jan van Dinther zegt
@FdeJode: Je kunt een kopie van je site maken, maar gebruik wel een aparte database daarvoor. Maak eerst die database aan en importeer dan je oude site in die database (MySql eport en Import)
Kopier dan de bestanden van je hoofdsite, maar pas de wpconfig.php in de kopie map aan zodat die verwijst naar de nieuwe database + gebruiker + wachtwoord.
LET OP! Altijd eerst een goede backup maken voordat je met databases gaat werken!
Liza zegt
Ik heb WordPress geupload via Filezilla naar een aparte map (die ik gemaakt heb) WP.
De WP-map heb ik in domains/domeinnaam.nl/public_html geplaatst.
Nu gebeurt het volgende. Ik kan inloggen in WordPress en mijn bestaande website blijft draaien. Allemaal prima.
Echter wanneer ik in WordPress wil gaan werken en ik klik links boven op “site bekijken”, dan verschijnt mijn bestaande website i.p.v. het nieuwe thema van WordPress. Wat doe ik fout?
Herbert-Jan van Dinther zegt
@Liza: Als je de WordPress site nog aan het ontwikkelen bent, dan kun je bij Instellingen -> Algemeen de Siteadres (URL) optie nog laten staan naar dezelfde URL als je WordPress-adres URL en die optie pas aan te passen als je live wilt gaan. Wil je de site live hebben, controleer dan ook of je een index.html bestand hebt staan en hernoem die. Je kunt ook proberen om je site te bekijken en dan index.php te gebruiken achter je normale URL.
Hoop dat bovenstaande een beetje duidelijk is.
Liza zegt
Beste Herbert-Jan,Hier ben ik in de tussentijd (wachtend op jou bericht) mee bezig geweest, maar nu kan ik niet meer inloggen in WordPress, omdat ik een wijziging in de WordPress adres heb gemaakt. WordPress adres en Website adres stonden na installatie op domeinnaam.nl/wp.
Wat nu? Hoe kan ik er weer inkomen?
Herbert-Jan van Dinther zegt
@Liza: Je moet nu via je MySql datbase die link terug zetten. Afhankelijk van je hosting provider heb je daar meestal wel toegang toe via je Controle paneel, of inloggen via domeinnaam/nl/phpmyadmin. Inloggen kun je dan met de gegevens die je van je hosting provider gekregen hebt, meestal is dat hetzelfde als voor je FTP login.
Als je toegang hebt tot de database, ga dan naar de _options tabel en wijzig het eerste veld siteurl. Zet dat terug naar domeinnaam.nl/wp zoals bij de eerste installatie. Als dat gedaan is, kun je weer inloggen.
Liza zegt
Ik zit in DirectAdmin onder MySql beheer. Daar staat de database. Die kan ik selecteren en heb dan de keuze uit:
– repareer
– controleer
– optimaliseer
Zit ik hier goed en welke moet ik dan aanklikken?
Herbert-Jan van Dinther zegt
@Liza, heel goed, klik nu op de databasenaam van je WordPress installatie. Dan opent er een scherm met een overzicht van alle tabellen. Klik dan op de tabel die eindigt op _options. Nu zie je het eerste wel siteurl, daar kun je dan aanklikken Wijzigen en dan de url weet goed zetten.
Liza zegt
Wanner ik op de database naam klik verschijnt er geen scherm. Ik kan kiezen uit:
– wijzig wachtwoord
– wijzig privileges
Wat te doen?
Herbert-Jan van Dinther zegt
@Liza: Ik heb je even apart een email gestuurd met wat screenshots om je verder op weg te helpen.
Marianne zegt
Beste Herbert-Jan,
Helaas zie ik dit artikel pas nu ik mijn site al bijna helemaal overgezet heb. Waar ik bij dat overzetten geen rekening mee gehouden heb zijn de urls van mijn pagina’s. Deze wijken op mijn nieuwe site (wp.wandelingen-usa.nl) af van die op mijn huidige site (www.wandelingen-usa.nl).
Ik kan de namen wel aanpassen, maar daar waar ik nu met subsubpagina’s heb gewerkt zal dat in verband met die structuur niet lukken. Ik zie echter ook dat afgezien van de andere namen op de wp-site ook geen html achter de url staat. Kan ik dat aanpassen?
En hoe erg is het als ik het niet aanpas? Ik denk dat mensen dan toch wel op mijn site terecht komen, alleen niet direct op de juiste pagina.
Herbert-Jan van Dinther zegt
@Marianne: dat je geen html aan het einde van de url hebt is geen probleem. Als je zover bent dat je live wilt gaan met je nieuwe site en de oude afwilt bouwen, dan kun je met .htaccess 301 redirect gaan werken om de oude links automatisch door te verwijzen naar de nieuwe links.
Hier vindt je een online hulp dat de regels voor je kan maken http://www.webconfs.com/htaccess-redirect-generator.php. De redirect regels moet je via FTP in je .htaccess bestand zetten.
Marianne zegt
Dank je wel voor je antwoord. Wat een geweldige service! Ik zal ongetwijfeld nog vaak van je site gebruik maken want ik ben nog maar een beginner.
Ik heb inmiddels de .html on pages-plugin geïnstalleerd; ik zie dat dan automatisch alle urls worden aangepast. Heel handig. Daar waar ik dan niet de naam aan kan passen, kan ik de redirect gebruiken.
Bedankt!
Marianne
Margaret zegt
Hallo
Ben nieuw in wordpress, maar heb al een blog in een submap geinstalleerd, en daar plaats ik u nieuws en berichten. Ik wil graag mijn oude site ook in wordpress maken, heb al enkele layouts gemaakt, dat gaat goed. maar het probleem waar ik tegenaan loop, dat het niet mogelijk is om b.v. van mijn webiste, die in dreamweaver is gemaakt, rechtstreeks te kopieeren en te plakken in wordpress, krijg je een hoop codes in teksteditor, Kopieer ik mijn website online, wat de snelste manier zou zijn, krijg je ook weer een hoop onnodige codes in de wordpress site, Hij neemt dan alle css uit dde pagina op. Kopieer ik en plak ik in platte tekst opmaak, dan is het teveel werk, om alle links weer te gaan zoeken, en foto’s te gaan zoeken. Mijn site telt meer als 2000 pagina’s. Is er geen makkelijke manier om dit te kunnen doen. Of een plugin die mijn statische pagina’s omzet voor wordpress. Ik denk dat ik nu meer als ’n jaar moet kopieeren en plakken. Ik weet ook niet wat de toekomst gaat doen met html pagina’s? Hartelijke groeten Margaret
Margaret zegt
Hallo Herbert Jan
Ik zit met een probleem, mijn website is al van 2002, wel steeds vernieuwd, responsive etc. Maar heel veel pagina;s zijn nog van de Frontpage en Dreamweaver tijd in htm. Wel heb ik al enkele jaren een blog in mijn site via WP, maar ik wil de hele site toch over gaan zetten in WP, wat een heel werk zal zijn. Nu loop ik tegen een probleem aan! Voor dat ik ga beginnen wil ik eerst de oude htm pagina’s redirecten naar html. Maar dit lukt op geen enkele manier, oud.htm naar oud.html. Hoe kan ik dit nu aanpakken? Hartelijke groeten Margaret
Herbert-Jan van Dinther zegt
@Margaret: Je kunt een plugin als Redirection installeren en daar de doorverwijzingen invoeren. Zet ook de 404 log functie aan zodat je eventueel gemiste doorverwijzingen kunt opnemen.
Een andere manier is om iedere oude pagina via een 301 redirect in je .htaccess bestand door te zetten. Je kunt dan in je .htaccess bestand per pagina een regel opnemen zoals:
Redirect 301 /trouwvervoer.htm https://www.trouwen-bruiloft.nl/trouwvervoer.html