Van Statische HTML naar WordPress Website

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.

Advertentie

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.

Permalinks optie wordpress migratie

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:

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.

HTML website naar WordPress Migreren

Comments

  1. 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

  2. Waarom werkt dit bij mij niet?

    /%postname%.html

    Ik krijg een .html te zien

    • @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.

  3. Bedank voor de tip

  4. 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!

    • @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

  5. 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.

  6. 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

    • @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.

      • 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.

  7. 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

  8. Hi,

    graag zou ik een uitgebreidere handleiding zien. Heeft u deze? Dan zou ik deze graag ontvangen,

    groetjes,

  9. 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?

    • @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

  10. Dank je! Het is opgelost!

  11. 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?

  12. 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

    • @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!

  13. 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?

    • @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.

  14. 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?

    • @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.

  15. 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?

  16. 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.

    • @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.

      • 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

  17. 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

Wat zijn jouw gedachten?

*