geplaatst door: Shmoo

geblokkeerd

Speciaal voor een member van dit forum wil ik even een een stap voor stap tutorial schrijven over hoe je een locale WordPress website vanuit MAMP naar een Live online versie kunt verplaatsen.

Om dit nu via PM te doen is wat veel van het goede dus maak ik even een offtopic discussie aan zodat meer mensen er hun voordeel mee kunnen doen.

Wat gaan we stap voor stap doen:

1) Data exporteren vanuit de MAMP localhost versie
2) Een compleet nieuwe WordPress installatie aanmaken online
3) Data importeren + bestanden overzetten


Wat hebben we nodig.

- Een standaard Teksteditor (TekstEdit.app)
- Een FTP programma naar keuze
- Inlog gegevens om in het Admin gedeelte te komen van je webhoster
- Inlog gegevens om verbinding te maken via FTP en de online server
- Een beetje internet :)

Ik gebruik even als voorbeeld een website waar ik toevallig op dit moment mee bezig ben zodat ik mezelf kan controleren en een x-aantal screens kan maken.


[Stap 1]
Als eerste gaan we inloggen op de locale MAMP versie van de website en een export bestand maken van de Posts, Pages, Users en andere eventuele data. Na inloggen ga je in het menu naar Tools > Export en kiest voor de standaard optie, All content en drukt op Download Export File.


Als het goed is heb je nu een .xml bestand op je Bureaublad of in de Downloads folder staan met daarin alle data die we straks gaan importeren in de online versie. Maar voordat we dit bestand kunnen gaan importeren wil ik even één stap vooruit denken en zorgen dat straks alle linkjes richting de afbeeldingen werken en deze niet geblokkeerd worden door bepaalde Apps op de computer.

Dus we openen het .xml (export bestand) in een teksteditor en vervangen de URL van localhost naar onze online variant.
Via CMD + F (zoeken) vervangen we onze locale url met de online versie, zie afb.

*Let goed op:
Mijn localhost Path is, http://localhost.sites/folder dit ga ik veranderen in http://mijn-domein.nl en niet in http://WWW.mijn-domein.nl of http://mijn-domein.nl/folder.
Plaats ook geen Slash / aan het einde van de url..  Dus even één sec. goed opletten.

Vergeet niet op CMD + S (opslaan) te drukken.


.
Vergroot screenshot


[Stap 2.a]
Het opnieuw installeren van WordPress.

Ga naar de website van wordpress.org en download een nieuwe copy van de software.

Engelse versie (standaard)
.
NL WordPress versie

* Er is geen verschil in het systeem alleen de taalbestanden zijn anders.


Kleine disclaimer, bijna alle webhosters hebben een programma genaamd Installatron waarmee je 300.miljoen verschillende soorten software kunt installeren met 2 of 3 maal klikken. Gebruik dit NIET en voorkom een hoop problemen. Mijn ervaringen met deze dienst is dat ze vrij basic installeren zonder extra veiligheid terwijl het installeren van dit soort software vaak een kleine persoonlijke touch vraagt, helder nadenken meer is het niet.

Laten we een Database + gebruiker aanmaken zodat we WordPress kunnen installeren, hiervoor hebben we de inlog gegevens nodig van ons webhosting abonnement. Ik zit persoonlijk bij WebReus en dus vanaf nu kunnen de screenshots iets afwijken omdat niet alle webhosters hetzelfde beheersysteem gebruiken.

inloggen - bij WebReus

Homepage en de opties, kies voor Database

Nieuwe Database aanmaken.

Geef je Database een naam dat niet voor de hand ligt en totaal niet past bij het onderwerp van de website en sluit af met een _ Underscore op het einde. vraag me niet waarom  maar zo heb ik het geleerd :)

*noteer deze database-naam even want die moet je straks ergens invullen.

Daarna kom je op een pagina die aangeeft of het aanmaken van een Database gelukt is Ja of Nee.
Kies dan voor het toevoegen van een nieuwe Database-gebruiker.

Kies een Gebruikersnaam + Wachtwoord en maak het vooral niet te eenvoudig. Dit zijn gegevens die je waarschijnlijk nooit meer ergens tegen zult komen dus verzin iets dat nooit te raden is door anderen.
*noteer ook deze gegevens even want die moet je straks weer ergens invullen


Als de Database-gebruiker is aanmaakt kunt je uitloggen van het Admin gedeelte..


[Stap 2.b]
Ga naar je Downloads folder en unzip het wordpress.zip bestand dat je net gedownload hebt.

Open het bestand wp-config-sample.php in de Teksteditor.app en vul het volgende in.

Database-naam, gebruikersnaam + wachtwoord die je zojuist hebt aangemaakt. Zorg er voor dat je tussen de  'single_quotes' werkt anders krijg je Errors bij het installeren.

Op deze manier:


/** The name of the database for WordPress */
define('DB_NAME', 'frikandellen_');

/** MySQL database username */
define('DB_USER', 'jaap5461hjuet6x');

/** MySQL database password */
define('DB_PASSWORD', 'CvB347!kl%$8weZ12');

De volgende stap in dit bestand is het ophalen van een SALT code.

Bezoek de SALT link zoals dit ook in het wp-config-sample.php bestand staat beschreven en copy-/paste de ge-genereerde code in het bestand op deze manier.

De SALT link

Van:


define('AUTH_KEY',         'put your unique phrase here');
define('SECURE_AUTH_KEY',  'put your unique phrase here');
define('LOGGED_IN_KEY',    'put your unique phrase here');
define('NONCE_KEY',        'put your unique phrase here');
define('AUTH_SALT',        'put your unique phrase here');
define('SECURE_AUTH_SALT', 'put your unique phrase here');
define('LOGGED_IN_SALT',   'put your unique phrase here');
define('NONCE_SALT',       'put your unique phrase here');

Naar:


En als laatste kies een andere Table Prefix dan de default wp_
Van:


$table_prefix  = 'wp_';

Naar iets als bijv. dit  ...en laat ook hier altijd een Underscore _ op het einde staan.


$table_prefix  = '7wq8c_';

Druk op CMD + S (opslaan) en hernoem het bestand daarna van wp-config-sample.php naar wp-config.php

Nu hoeven we alleen nog WordPress te uploaden om een nieuwe WordPress installatie te activeren.

Open een willekeurig FTP programma en maak verbinding met je webserver via een FTP verbinding of SFTP als je dit al eens eerder hebt gebruikt.

Open de Root httpdocs directory en zorg ervoor dat hier geen index.html bestand in staat.

Het komt vaker voor dat webhosters hier standaard een informatie / index.html pagina in plaatsen zodat iedereen kan zien dat dit domein geregistreerd is en werkt. Verwijder dus altijd het  index.html bestand uit de httpdocs directory en upload daarna de bestanden in de wordpress folder naar je httpdocs directory. Dit kan een paar minuten duren.

(uploaden)

...

Nu we toch aan het uploaden zijn zetten we gelijk het Thema + de Uploads folder over naar de online versie. Dus ga naar de positie op je computer waar de (lokale) versie van WordPress staat. Meestal is dat: Applications / MAMP / htdocs  en dan direct door naar de wp-content folder en upload vanuit deze folder  de themes + uploads folders naar de online versie. YES je kan bepaalde bestanden overschrijven want dat zullen de standaard WordPress thema's zijn.


Laatste stap:
Bezoek je hompege en als het goed is gaat deze pagina nu auto. door naar het installatie programma van WordPress.

Geef je website een Titel en maak een Admin User aan. (kies een sterk wachtwoord!)

Klaar, WordPress is geïnstalleerd.


[Stap 3]
Het importeren van de geëxporteerde Localhost data.

Inloggen in je Dashboard >
Kies in het menu Tools > Import > WordPress / Druk op de oranje Install button en daarna op Activate plugin & Run installer.

Dit mag denk ik wel duidelijk zijn. Kies het .xml export bestand dat we eerder hebben aangepast en druk op Upload File & Import.

Je krijgt dan nog één vraag om een User ID te selecteren waaraan de nieuwe toe te voegen blog posts en pagina's gekoppeld moeten te worden.  Ook moet je de Upload Images optie aanvinken. (zie screenshot)

Druk op Submit en dit kan wel eens een x-aantal minuten duren afhankelijk van de hoeveelheid te importeren data.


Als dat allemaal klaar is en je heb geen FAILS gekregen van afbeeldingen die niet gevonden konden worden dan kun je het Thema dat je wilt gebruiken weer gaan activeren en links & rechts gaan kijken wat je nog handmatig moet toevoegen. Zoals Instellingen, Plugins, Widgets Menu's. Je zult altijd hier en daar wat opties opnieuw moeten instellen maar het belangrijkste gedeelte van de content + het Thema en de afbeeldingen moeten nu aanwezig zijn.

Succes.

WordPress vanuit MAMP localhost naar Online webserver
19 mei 2012 - 10:22    reactie #1
geplaatst door: chris
@Shmoo    :shakehands:

Namens deze 'member'   :worship:  :worship:  :worship:

WordPress vanuit MAMP localhost naar Online webserver
19 mei 2012 - 14:41    reactie #2
geplaatst door: Shmoo

geblokkeerd

Graag gedaan..
:)
WordPress vanuit MAMP localhost naar Online webserver
22 mei 2012 - 09:05    reactie #3
geplaatst door: chris
..... en hij staat erop!

nogmaals dank voor je geweldige uitleg en support!

WordPress vanuit MAMP localhost naar Online webserver
26 juni 2012 - 10:20    reactie #4
geplaatst door: loessie
@ Shmoo

ik vond dit stappenplan en heb het op de voet gevolgd, maar het lukt mij echter niet, ik had alles gedaan tot en met de stap van de FTP en dan open ik mijn webpagina en krijg een Foutmedling error 404.

Heb de stappen een paar maal opnieuw doornomen, om te kijken waar de fout ligt, maar ik zie denk ik iets over het hoofd.

bij deze stap:


*Let goed op:
Mijn localhost Path is, http://localhost.sites/folder dit ga ik veranderen in http://mijn-domein.nl en niet in http://WWW.mijn-domein.nl of http://mijn-domein.nl/folder.
Plaats ook geen Slash / aan het einde van de url..  Dus even één sec. goed opletten.

moet je daar overal in de code de localhost.sites veranderen? Dit heb ik namelijk gedaan.

bij stap

[Stap 2.b]
Ga naar je Downloads folder en unzip het wordpress.zip bestand dat je net gedownload hebt.

Open het bestand wp-config-sample.php in de Teksteditor.app en vul het volgende in.

Database-naam, gebruikersnaam + wachtwoord die je zojuist hebt aangemaakt. Zorg er voor dat je tussen de  'single_quotes' werkt anders krijg je Errors bij het installeren.

Op deze manier:

staat er ook nog een //* my sql hostname, dit is vanuit webreus toch ook gewoon localhost, of maak ik hier misschien een foutje.

WordPress vanuit MAMP localhost naar Online webserver
26 juni 2012 - 15:48    reactie #5
geplaatst door: Shmoo

geblokkeerd

Welkom op het forum,

Een 404-error pagina in de browser wil niets anders zeggen dan 'de web pagina kan niet gevonden worden'.

Dus je moet even de volgende stappen goed controleren.
- Upload je de WordPress bestanden in de juiste folder? httpdocs en niet httpsdocs.
- Is de httpdocs folder helemaal leeg voordat je de WordPress bestanden erin plaatst?
- Zodra je de WP bestanden hebt geupload - log dan eens uit en weer opnieuw IN via het FTP programma om te controleren of de WP bestanden dan nog steeds aanwezig zijn op je webhosting.
- Is het adres dat je typt correct? Je moet naar de homepage van je website gaan. dus bijv. http://jouw-domein.nl/ <-- dat zal je direct doorverwijzen naar het WP installatiescherm mits WP correct is ge-upload.
- Verwijder je Cache bestanden eens uit de browser en Refresh een paar keer de pagina.

---

Klopt je moet overal in dit exportbestand waar de code localhost of localhost:8888 of localhost.sites (in mijn geval) staat veranderen in jouw web-adres. Maar dit heeft nog geen betrekking op het installeren van WordPress. Mocht dit gedeelte niet goed zijn dan krijg je later een Error melding zodra je de content wilt gaan importeren.


[wp-config.php]
Bij 9 van de 10 hosting-bedrijven is de hostname altijd standaard localhost en hoef je dit verder niet aan te passen. Als dit geen localhost zou moeten zijn dan heeft de webhoster je hier 100% zeker vooraf van op de hoogte gebracht.
Bij WebReus is dit altijd localhost.


Check mijn lijstje en laat maar even weten als het niet lukt.

WordPress vanuit MAMP localhost naar Online webserver
30 juni 2012 - 12:43    reactie #6
geplaatst door: loessie
Super bedankt,

ik denk niet dat het aan mijn stappen (die van jou dus) heeft gelegen maar eerder aan iets wat ik in mijn ftp ruitme teveel had weggehaald. Nadat webreus het terug gezet heeft naar standaard oplevering en ik het stappenplan opnieuw doorlopen heb doet ie het nu perfect. Super bedankt dus!