WordPress installeren op eatserver

Hi Denny,

[’t is een heel verhaal geworden, schrik niet… 😉 ]

Open op YOUTUBE maar eens een tutorial met termen ‘wordpress localhost wamp’ en gebruik dat samen met onderstaande…

Ik was nog net bekend met eatserver en ben even gaan kijken op hun site.
Hun klantinfo-pagina’s puilen niet uit van concrete info ;-(.
Je zal dus op enig moment wat meer info moeten opvragen bij je webhost…

— — — een nieuwe site bouwen… naast een bestaande site

Nu wil ik graag weten als ik WordPress installeer op de eatserver , blijft dan de site die nu online wel online tot dat ik een nieuwe site gebouwd heb ?? Zou niet willen dat hun site offline gaat .

>> Ja, dat kan op meerdere manieren

• je bouwt een nieuwe site online, in een aparte map, naast je bestaande site. Zo blijven oud en nieuw gescheiden
• je bouw een nieuwe site op je eigen PC ‘localhost’, dus niet online, en zet de boel online als je tevreden bent met het resultaat

Dit laatste biedt je de mogelijkheid op website bouwen en wordpress onder de knie te krijgen, zonder risico’s. Dat lijkt me wel zo prettig.

— — — globale schets:
wat heb je nodig voor een WP-website

• een domeinnaam [heb je al]
• een webhost [heb je al]
• een passend* hosting abonnement

>> De site van ‘eatserver’ is niet echt concreet / duidelijk wat ze bij welk hosting-product bieden. Neem contact op en kijk welk hosting-pakket je nu hebt en of dat voldoet voor het gebruik met WP.

Nodig:

• PHP version 5.6 or greater
• MySQL version 5.6 or greater OR MariaDB version 10.0 or greater
• FTP-toegang bijv.met het programma filezilla[gegevens via de webhost]
• een MySQL-database op de webserver [vraag webhost, of doe via webhost-controlpanel]
• computer basisvaardigheden
• geduld, koffie / drank naar keuze

== == == opzetten ‘localhost’site op je eigen PC
Loop je vast? Vraag gerust!

Het opzetten van een ‘localhost-site’op je eigen PC is niet al te moeilijk.
1. Download, installeer en start <a href="https://sourceforge.net/projects/wampserver/">WAMP-SERVER</a> of XAMPP-SERVER[windows] of MAMPserver [mac]alles wat je nodig hebt zit in één pakket
2. [Stop Teamviewer, skype; ]Start WAMP als eerste [schakel daarna pas teamviewer en skype weer in]
3. start WAMP > icoon kleurt ROOD > Orange > GROEN=klaar voor gebruik

Geen groen icoon?? Los probleem op… [=vraag gerust]

4. Gebruik PHPMyadmin -onderdeel van WAMP- om een lege database aan te maken; Geef een sterk wachtwoord op. [goed bewaren!]

— — –WP-installeren

5. download een set wp-bestanden en unzip / uitpakken
6. kopieer de uitgepakte WP-bestanden en mappen naar: ‘C:\wamp\www’ of een aparte map bijv. ‘C:\wamp\www\site1’
7. browser: om je site te benaderen type: //localhost/wp-admin
8. de 5 minuten installatie start
9. volg de instructies op het scherm. >> desgevraagd vul de gegevens van de database en de url van je lochalhost-site in

Je hebt nu een werkende basis -site van WP!
Tijd voor koffie / drank naar keuze!

== == ==
Aangezien WP een CMS gedreven site is, zijn

• INHOUD: de pagina’s, berichten en media zoals foto’s, video’s etc. gescheiden van
• de voorkant [het uiterlijk] en als laatste
• de hulpmiddelen [dashboard, editor, plugins etc.

Belangrijke voordelen zijn

• als het UITERLIJK van de site verandert, blijft de INHOUD gewoon onaangeroerd; De inhoud wordt zonder gedoe naadloos in de nieuwe vormgeving gegoten.
• Het dashboard geeft toegang tot tal van ‘gereedschappen om het uiterlijk, de functionaliteit en de weergave te veranderen of te beinvloeden
• Daarnaast blijft het mogelijk om mbv HTML, CSS en PHP de site op detailniveau naar eigen wensen in te richten en aan te passen.

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

>> en dan…

• 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, aanpasbaar heid 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!
• Heb je een theme gekozen voor je site, en wil je zaken aanpassen aan je wensen [kleur, lettertype, opmaak etc.] dan kan je dat doen door de ‘style.css’ aan te passen.
• probleem is wel, dat bij upgrades en updates van de theme-auteur zijn en jouw aanpassingen aan CSS en andere bestanden wordt overschreven. Daarom is het gebruik van een CHILDtheme heel belangrijk!

Hierover staat onderaan uitleg.

• Heb je een childtheme gemaakt en geactiveerd? Tijd om de ’toeters en bellen’ te installeren zoals widgets, social media, formulieren, etc. etc. Leef je uit

== == ==
Gedetaillerde achtergrondinfo over bovenstaande
== == == Installeren [nieuw] thema

1. browser: http//www.mijndomein.nl/wp-admin’ > login
2. dashboard > weergave > thema’s
   Je ziet een lijst van geïnstalleerde thema’s
3. klik ‘nieuwe toevoegen’
4. klik bijvoorbeeld ‘eigenschap filter’ of ‘populair’/ ‘nieuwste’
5. vink aan / blader en struin / geef steekwoorden op [engels geeft meeste resultaten
6. maak een keuze > klik voorbeeld of installeer direct
7. na installatie ‘activeer’ het thema
8. Bekijk de ’thema opties’ en pas aan naar wens
9. stel menu in etc.
10. leef je uit…

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

== == == browsergeschiedenis…
Na elke aanpassing is het handig om je browser te verversen om de wijzigingen te zien.

>> Druk <CTRL-F5> om je browser te verversen. [meestal is dat genoeg…
of leeg je browser-cache grondiger [zie uitleg]:
http://www.browserchecker.nl/cache-bestanden-verwijderen

Veel plezier!
== == == 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…

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

• 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 bovenstaande 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 de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.