Problemen met updaten thema / wordpress

Hi GeDu,

Als je een recept kan klaarmaken, of een IKEA-meubel in elkaar zetten, dan kan je ook dit [relatief] eenvoudig oplossen.

Tips:

• werk langzaam en nauwkeurig
• neem de volgende stap pas als de vorige succesvol is afgerond
• gaat er iets fout? ga een stap / wat stappen terug en loop de zaak na [maak daarbij zo weinig mogelijk wijzigingen; Controleer steeds of je aanpassing werkt; je wilt systematisch zoeken naar een oplossing]

VRAAG GERUST!

== == == VOORBEREIDING

Je hebt wat basisgereedschappen nodig
>>
1. Zo nodig: Download, Installeer / gebruik een FTP-programma bv. filezilla[gratis] – http://filezilla-project.org/download.php
   om bestanden op de server te beheren.
   De server is de plek waar de webhost jouw site draait.
   [De beheerder heeft je vast een mail / bestand / papier gegeven met de nodige inlogggegevens.]

>>

2. download EN INSTALLEER een EDITOR [NIET een wordprocessor] bijv. NOTEPAD++; Als editor is ‘NOTEPAD++’ [gratis] veel meer geschikt, want echte [web]editor.
   Verder is Notepad++ ook te koppelen aan Filezilla [FTP], waardoor het aanpassen straks van CSS en PHP eenvoudiger wordt.

== == == STAP 1 maak een back-up van de database
De database bevat de INHOUD van je bestaande site. Maak regelmatig een backup.
Login als administrator / beheerder van je bestaande site

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

Je hebt nu de INHOUD [=teksten en bijv. plaatjes etc.] veiliggesteld.

== == == STAP 2 maak een backup van de WP-bestanden

7. Gebruik FTP om je site te benaderen
8. Maak een map op je PC
9. selecteer [klik] de map waar je site in staat bijv. ‘http’, ‘httpdocs’, ‘www’, ‘web’ …
10. DOWNload [re-klik] alle bestanden van je site naar de map op je PC

Je hebt nu de WP-installatie en gemaakte aanpassingen aan bijv CSS, HTML etc. veiliggesteld.

tijd voor een pauze; doe rustig aan en voorkom tijdrovende fouten

== == == Stap 3 UPDATE en UPGRADE
Er gaat nu van alles aan je site VERANDEREN!
!!Ga pas verder als je een backup hebt gemaakt zoals in STAP 1 en STAP 2

11. log in als beheerder
12. dashboard > updates
13. begin met het updaten van ‘plug-ins’:

• scroll naar het blok ‘plug-ins’
• vink AAN ‘alles selecteren’ > klik ‘plug-ins bijwerken’

• ga – zo nodig – nu verder met het bijwerken van ‘wordpress’
• scroll naar boven naar ‘wordpress bijwerken’ > klik ‘nu bijwerken’
• de laatste versie van WP wordt geïnstalleerd

== == ==

• Update als laatste je thema’s:

• scroll naar het blok ’thema’s’
• vink AAN ‘alles selecteren’ > klik ’thema’s bijwerken’

Omdat je eerder wijzigingen hebt gemaakt in het originele thema, ziet je site er nu vast anders uit dan voorheen. Dat gaan we -pas verderop- weer repareren…

== == == Stap 4: maak een CHILDtheme

Heb je nog geen childtheme?

• installeer en activeer ‘one click childtheme’-plug-in

• dashboard > plugins > nieuwe plugin
• zoekvak: ‘one click child’
• gevonden? >> klik ‘nu installeren’
• 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 childtheme.
– Maak je aanpassingen in style.css van het childtheme;

== == ==

tijd voor een pauze; doe rustig aan en voorkom tijdrovende fouten

== == == =

== == == stap 5 Terugzetten eerder gemaakte aanpassingen…

Opgelet
’t Is moeilijk hier 100% volledig te zijn; [Immers wij weten niet welke wijzigingen jij eerder hebt gemaakt] Daarom hier een mix van ‘info‘ en ‘instructies‘. Pas de instructies toe, in de geest van de INFO.

== == == Opties…

Ik schets hier twee werkwijzes:

• Netjes, zoals het hoort…
• ‘Vlug en “vies”

Netjes [langzaam, arbeidsintensief [piep!@#$***-klus]:

• onderzoek en vergelijk de CSS en PHP-bestanden van resp. de [vernieuwde] PARENT en JOUW AANPASSINGEN uit het verleden
• gebruik hiervoor NOTEPAD++ [kan bestanden vergelijken en de verschillen laten zien]
• Kopieer JOUW AANPASSINGEN naar de nieuwe CHILDmap bijv. ‘style.css’

Voor CSS-code geldt:
>> alleen de regels met ‘aangepaste code’ hoeven te worden overgezet naar het stylesheet van het CHILD

Voor aanpassingen in PHP / HTML geldt:
>>Kopieer het aangepaste HTML / PHP-bestand naar de CHILDmap

Ik kies er hier voor de methode ‘Vlug en “vies”; dat geeft in dit geval een vlot resultaat. Je kan later [tijd teveel en meer zelfvertrouwen ;-)] de boel netjes glad trekken.

== == == info: Methode ‘Vlug en “vies”
In vogelvlucht:

• kopieer INHOUD van de oude ‘styles.css’ [en evt andere aangepaste CSS-bestanden] naar je NIEUWE CHILD ‘style.css’
• kopieer aangepaste php-bestanden en HTML-bestanden ook simpelweg naar de map van je CHILDtheme

== == ==

tijd voor een pauze; doe rustig aan en voorkom tijdrovende fouten

== == == =
== == == instructies

== == == Stap 6 instructie

• FTP: open in de linker schermhelft de eerder gemaakte backup van de WP-bestanden
• FTP: open in de rechter schermhelft de vrijwel lege CHILDmap

== == == NOTEPAD++ [of andere CODE-editor]

• NP++: open ‘style.css’ uit de eerder gemaakte backup
• selecteer de gehele inhoud [=code] ONDER DE KOP[dus alles BEHALVE de KOP]
• kopieer deze code

== == ==

• NP++: open de lege ‘styles.css’ in de CHILDmap
• PLAK de hierboven gemaakte code ONDER de kop
• sla de wijzigingen op
• herUPload de aangepaste ‘styles.css’ naar je CHILDmap en overschrijf de oude versie

Controleer mbv FTP: Heeft je thema nog ANDERE stylesheets = CSS-bestanden?
Heb jij die bestanden eerder aangepast? [of weet je dat niet zeker meer?] >> Kopieer ook deze CSS-stylesheets van je backup, naar de childmap

== == ==

tijd voor een pauze; doe rustig aan en voorkom tijdrovende fouten

== == == =

• Heb je eerder HTML / PHP aanpassingen gemaakt? >>
  >>Kopieer aangepaste HTML / PHP-bestanden naar de CHILDmap

== == == we zijn er bijna…

• browser: log in als beheerder
• dashboard > weergave > menu’s
• kies: ‘Een menu selecteren om te wijzigen:’ en kies het eerder aangemaakte menu [bijv. ‘mainMenu’
• sla alle wijzigingen op
• ververs je browser: <CTRL-F5>

Als je alles goed hebt gedaan, ziet je site er nu weer uit zoals jij hem eerder hebt gemaakt…. maar nu met alle meest recente upgrades en updates…

…Tijd voor iets sterkers naar keuze…;-)

OPGELET:
Loop je vast? Heb je vragen? Stel ze gerust.
Laat even weten welke stappen je met succes hebt doorlopen. Vertel ook waar [welke stap] je bent vastgelopen.
Verder helpt het de url van je site en het gebruikte thema om je probleem te tackelen.

Graag gedaan. Fijne feestdagen.
Meld je maar als je vastloopt.

Je kunt ook handmatig updaten:

== == == handmatig updaten

1. download een NL-versie ‘verse’ WP
2. of de US-versie: https://wordpress.org/download/
3. zo nodig UNZIP de bestanden = uitpakken
4. FTP:upload de WP-bestanden naar je site en OVERSCHRIJF [de inhoud van de site blijft intact]
5. controleer / heractiveer menu, widgets en plugins zo nodig
6. ververs browser <CTRL-F5>
7. controleer resultaat

== == == vervolg met de bovenstaande stappen