Bestaande website vervangen wordpress

  • RobinM11

    (@robinm11)


    9 jaren, 6 maanden geleden

    Beste allemaal,

    Omdat ik met mijn huidige website steeds meer problemen krijg met de opmaak, ben ik van plan deze website in zijn geheel te gaan vernieuwen. Het is een webshop gemaakt met Woocommerce in samenwerking met een heleboel plug ins. Nu ben ik ongeveer een jaar bezig met het maken van wordpress websites en het onderhouden hier van (dus nog niet heel ervaren).

    Hierbij zijn de volgende punten erg belangrijk voor mij.
    – Allereerst moeten mijn SEO rankings beschermd worden (urls behouden, content behouden)
    – Daarnaast moet mijn product database in tact blijven (media + alle product content)
    – Graag zou ik ook de website CSS voor het nieuwe theme eerst willen customizen voor ik het verplaats. Graag zou ik hierbij mijn huidige content al in het nieuwe thema willen zien. Op die manier kan ik deze 100% fine tunen voor dat deze live gaat.

    Nu voelt dit voor mij als aardig tricky omdat er vanalles fout kan gaan, waardoor er gegevens/rankings verloren zullen gaan.
    Wie kan mij helpen met een duidelijk stappenplan hoe ik dit het beste kan aanpakken?

    Ik hoor graag wat jullie er van denken.

    Groet Robin

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 6 maanden geleden

    Hi Robin,

    Omdat ik met mijn huidige website steeds meer problemen krijg met de opmaak, ben ik van plan deze website in zijn geheel te gaan vernieuwen.

    Als de site gewoon nog ‘deugt’ loont het misschien om de opmaakproblemen op te lossen. Ga je de boel ‘opfrissen’ met een nieuw uiterlijk etc. dan zijn dit wat zaken ter overdenking…

    == == ==
    Bij het wijzigen van het theme / thema verandert wel het uiterlijk van je site…, maar de INHOUD blijft gelijk!! [inclusief alle zaken die jij hierboven noemt als belangrijk.]

    == == == eerst een veiligheidsnet…

    Maak een back-up van de database
    Back-up Database:

    1. Dashboard > Extra > Exporteren
    2. Gehele Inhoud
    3. Desgevraagd: Installeer en Run Export plugin
    4. Sla exportbestand op de PC op

    Dan: maak een backup van de WP-installatie

    1. Download, Installeer / gebruik een FTP-programma bv. filezilla[gratis] – [zie onderaan] http://filezilla-project.org/download.php
      om bestanden op de server te beheren. De server is de plek waar de webhoster jouw site draait.
      [De beheerder heeft je vast een mail / bestand / papier gegeven met de nodige inlogggegevens.]
    2. FTP: sla een kopie van de WP-bestanden en mappen op, op je desktop-PC

    == == == opfrissen techniek…
    Nu je een backup hebt…
    CONTROLEER of je bestaande site up-to-date- is… dwz. zijn de laatste versies geinstalleerd van

    • WordPress
    • plugins

    Voer zo nodig nu eerst de benodigde updates uit.
    OPGELET!!

    • doe EERST de PLUGINS
    • dan evt. thema’s
    • als laatste de WP-bestanden zelf

    CONTROLEER vervolgens OF ALLES NOG WERKT…

    == == == WP UPDATES geïnstalleerd: en wat nu…?

    1. bepaal wat voor een site je wilt hebben
    2. voor wie de site bedoeld is en welke wensen en eisen je ‘gebruikers’ hebben
    3. bekijk welke zaken daarbij horen / passen op het gebied van
    • uiterlijk: indeling, vorm, kleuren etc.
    • functionaliteit: blog, krant, webwinkel, vereniging etc.
    • etc. etc.
    • ga op zoek naar een THEMA dat zoveel mogelijk past bij het bovenstaande
    • maak je niet druk om kleuren, lettertypen etc. Die zijn eenvoudig aan te passen
    • richt je vooral op layout / opbouw van de pagina’s / berichten
    • kijk daarna op de benodigde functionaliteit van de meest favoriete thema’s
    • probeer wat thema’s uit; WP heeft vele 10.000-den gratis thema’s, die doorgaans van goede kwaliteit zijn. Begin daar maar eens mee.
    • Installeer thema’s mbv je dashboard, kijk rond en probeer of ze voldoen aan je wensen, aanpasbaarheid etc.
    • ben je niet tevreden? Niks aan de hand! gewoon een volgend thema installeren en activeren om kijken of dat beter is. De INHOUD van je site blijft gewoon in orde… no worries.
    • Heb je een mooi thema gevonden? Joepie!
    • Installeer en activeer eerst het nieuwe thema

      • en dan…

    • installeer vervolgens een childtheme [zie uitleg onderaan]
    • daarna is het tijd om de ’toeters en bellen’ te installeren zoals widgets, social media, formulieren, etc. etc. Leef je uit

      • == == == DE BASIS STAAT… en dan??

      Geen enkel thema is 100% naar wens… Aanpassen hoort er dus bij en maakt je site uniek…

      …Beginner / gevorderd / expert…
      Om succesvol te werken aan een website is het belangrijk dat je de basisbeginselen onder de knie krijgt van HTML en CSS. Je hoeft geen expert te worden, maar met wat basiskennis gaat het een stuk makkelijker 😉 [Een heel klein beetje kennis van PHP helpt ook, maar is doorgaans niet direct nodig]
      Zo kan je een gekozen theme makkelijker aanpassen aan je behoeften.

      == == == EXTRA: Heb je nog geen childtheme?

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    5. Activeer het childtheme.

      6. ==

    6. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;

      7. == == == … HOE WERKT DAT…?

    • Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
    • open de map van je childtheme
    • gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
    • voeg ALLEEN DE GEWIJZIGDE code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
    • UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
    • browser: druk <CTRL-F5> om je browser te verversen
    • bekijk het resultaat

    Mocht je aanpassingen willen maken in de originele php-bestanden, kopieer het betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’.

    Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.

    == == == leesvoer
    http://www.w3schools.com/css/default.asp
    http://codex.wordpress.org/Getting_Started_with_WordPress
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    http://codex.wordpress.org/FAQ_Troubleshooting
    http://codex.wordpress.org/Backing_Up_Your_Database
    Natuurlijk zijn er ook trainingen op het internet te vinden…
    bijv. [engels, betaald] Lynda.com:
    http://www.lynda.com/WordPress-tutorials/WordPress-Essential-Training/154417-2.html
    Natuurlijk zijn we op dit forum bereid je verder te helpen met je vragen / keuzes…

    cvdg

    (@cvdg)

    9 jaren, 5 maanden geleden

    Hallo,
    Kan iemand mij uitleggen wat ik moet doen om de bestaande website in de lucht te houden, dan een wordpress installatie doen naast een die al draait en moet blijven.
    Het probleem spits zich vooral op de uiteindelijke vervanging van de oude website voor de nieuwe wordpress installatie met dezelfde url. hoe krijg ik dus hetzelfde adres van de oude op de nieuwe als ik die in de lucht wil brengen. Hoe zorg ik er dus voor dat de oude nog even blijft draaien en uiteindelijk met dezelfde naam door de nieuwe wordt vervangen.
    Bedankt voor alle info die jullie me kunnen geven, weet nu niet goed hoe een en ander op te starten.

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 5 maanden geleden

    @cvdg: FYI Het is goed gebruik om zelf een eigen thread / vraag aan te maken.
    Dat maakt het beantwoorden veel makkelijker en voorkomt misverstanden.

    …de bestaande website in de lucht te houden, dan een wordpress installatie doen naast een die al draait…

    Dat kan eenvoudig! [wel met wat basisvaardigheden 😉 ]

      == == == voorbereiding
    1. ga naar het dashboard van je WEBHOST en log in
    2. maak een nieuwe mysql-database aan, of vraag de webhost dit te doen
    3. houd de gegevens bij de hand… van je host, domein, logingegevens, database etc.
    4. zonodig: installeer een ftp-programma bijv filezilla
    5. zonodig: installeer een code-editor bijv. ‘NOTEPAD++’
    6. download een nieuwe set wp-bestanden en pak uit op je PC

      7. == == == installatie WP

    7. gebruik ftp om je site te benaderen
    8. selecteer [klik] de map waar je oude site in staat bijv. ‘http’, ‘httpdocs’, ‘www’, ‘web’ …
    9. maak een aparte map – bijv. ‘nieuw’ – aan voor de nieuwe wp-site
      >> ‘httpdocs/nieuw’
    10. LET OP!!!! FTP: UPload de wp-bestanden dus niet de wordpress-map, maar de inhoud- naar de zojuist gemaakte map ‘nieuw’

      11. == == ==

    11. browser: ‘http://www.jouwdomein.nl/nieuw‘ >> de 5-minuten-installatie start
    12. noteer de gegevens die je opgeeft!
    13. Volg de instructies op het scherm; Vul de gevraagde gegevens in
    14. WP installeert een standaard ‘basis-site’ met een standaard pagina, -bericht en een standaard thema
    15. login op de site; Kijk rond of alles werkt

      16. == == == inrichten website: de eerste stappen

    16. …eerst een bakkie…;)
    17. bepaal wat voor een soort / type site je wilt hebben
    18. voor wie de site bedoeld is en welke wensen en eisen je ‘gebruikers’ hebben
    19. bekijk welke zaken daarbij horen / passen op het gebied van
    • uiterlijk: indeling, vorm, kleuren etc.
    • functionaliteit: blog, krant, webwinkel, vereniging etc.
    • etc. etc.
    • ga op zoek naar een THEMA dat zoveel mogelijk past bij het bovenstaande
    • maak je niet druk om kleuren, lettertypen etc. Die zijn eenvoudig aan te passen
    • richt je vooral op layout / opbouw van de pagina’s / berichten
    • kijk daarna op de benodigde functionaliteit van de meest favoriete thema’s
    • probeer wat thema’s uit; WP heeft vele 10.000-den gratis thema’s, die doorgaans van goede kwaliteit zijn. Begin daar maar eens mee.
    • Installeer thema’s mbv je dashboard, kijk rond en probeer of ze voldoen aan je wensen, aanpasbaarheid etc.
    • ben je niet tevreden? Niks aan de hand! gewoon een volgend thema installeren en activeren om te kijken of dat beter is. De INHOUD van je site blijft gewoon in orde… no worries.
    • Heb je een mooi thema gevonden? Joepie!

      • == == == installeer nu eerst een CHILDTHEME

    • installeer en activeer ‘one click childtheme’-plug-in
    • activeer de originele theme
    • Dashboard > weergave > child theme
    • beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    • Activeer het childtheme.

      • ==

    • om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;

      • == == == CHILDTHEME ACTIEF?

    • Tijd om de ’toeters en bellen’ te installeren zoals widgets, social media, formulieren, etc. etc. Leef je uit

      • == == == ‘overstappen’ van oud naar nieuw…

      Terwijl je de nieuwe site bouwt, blijft de oude gewoon actief.
      Hoewel erg enthousiaste speurders per ongeluk de nieuwe site kúnnen vinden, is dat doorgaans niet waarschijnlijk…

      Is de nieuwe site klaar…?
      >> ‘redirect’ je domein naar ‘http://www.jouwdomein.nl/nieuw‘

      >> zet aanvullende vragen even in een aparte thread??

    cvdg

    (@cvdg)

    9 jaren, 5 maanden geleden

    Dank je wel voor het uitgebreide antwoord, gelukkig koffiepauze ingelast 😉
    Ik maak een aparte thread.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Bestaande website vervangen wordpress’ is gesloten voor nieuwe reacties.