Invullen van website van kopiëren van bestaande website tot aan livegang.
- Kopieer een bestaande nieuwe website die naar jouw idee het meest gaat lijken op de website die je gaat invullen. Het hoeft niet 1 op 1 overeen te komen, maar dat scheelt het aanmaken/verwijderen van pagina’s.
Kopiëren doe je als volgt:- Ga naar mijn sites > netwerkbeheer > NS cloner
- In de pagina die je ziet vul je de volgende velden in:
- Select cloning mode – selecteer Standard Clone
- Select source – kies hier de website die het meest gaat lijken op de website waar je mee aan de slag gaat.
- Bij create nieuw site vul je de titel in van de site, bijvoorbeeld Eetwinkel Boxmeer in het veld “Give the target site a title
- Bij “Give the target site a URL” vul je de url aan. In dit geval vul je boxmeer in zodat het geheel https://boxmeer.eetwinkel.prodeconstructie.nl is
- Verder hoef je geen aanpassingen te doen
- Klik onderin op clone
- Laat het systeem draaien een copy wordt gemaakt
- Als het systeem aangeeft “finished” is deze klaar je kunt dan de site zien staan bij Mijn sites en je kan deze verder bewerken.
- Ga naar Teams > Team Prode External > Taken > Volg “Checklist na kopiëren website”.
- Open huidige/oude website en neem de content over op de nieuwe website.
- Vul bij Dashboard > Prode Options > Site Identity en Store Information de informatie in zoals het logo, adres, e-mailadres, openingstijden, telefoonnummer etc. in. Bij de openingstijden is het belangrijk de regels te eindigen met <br /> om de volgende regel een enter te geven. Vergeet als je klaar bent niet te updaten!
- Vervolgens begin ik altijd met de homepagina en werk vanuit daar verder.
- Maak indien nodig nieuwe pagina’s aan en verwijder degene die je niet gebruikt.
- In het WordPress menu (linkerkolom) zie je een menu item pagina’s staan. Hier kan je alle “gewone” pagina’s van je website vinden, bewerken en toevoegen. Klik op pagina’s en je krijgt een overzicht van de pagina’s die je gebruikt.
- Een bestaande pagina openen doe je door op de titel van de pagina te klikken
- Een nieuwe pagina toevoegen doe je door bovenin te kiezen voor “Nieuwe pagina”. Let er bij het maken van een nieuwe pagina altijd op dat je de template wijzigt naar full width (hij staat automatisch op standaard), tenzij je een menukaart wil weergeven. In dat geval zet je de template op full screen.
- Een pagina verwijderen doe je door op de titel te gaan staan en te kiezen voor “Prullenbak”
- Een pagina kopiëren (om er een nieuwe pagina van te maken) doe je door op de titel te staan en “Dupliceer” te kiezen. De pagina wordt dan gekopieerd en in concept gezet.
- Een pagina bekijken doe je door op het item te staan en voor “Bekijken” te kiezen.
- Heb je aanpassingen in een pagina gedaan, vergeet dan niet te publiceren of updaten om de aanpassingen op te slaan!
- Wanneer je een pagina hebt geopend kun je hem bewerken en naar wens invullen. Klik links bovenin op het blauwe plusje om blokken of patronen toe te voegen. Hier kun je een beetje mee spelen. Wanneer je op het hamburgermenu klikt (staat in dezelfde rij als het blauwe plusje) dan kun je zien welke blokken en patronen je gebruikt hebt. Hier kun je ze ook verwijderen.
- De blokken die ik op elke pagina gebruik zijn: Prode Hero (het blok wat bovenaan elke pagina staat), media en tekst en vulelementen. Vergeet deze niet te plaatsen na elk blok, zodat er ruimte ontstaat tussen de blokken/patronen. Daarnaast maak ik regelmatig gebruik van het blok “Prode media & text slider”. Bijv. om de service weer te geven (afhalen, lunch, diner, terras etc.) zonder dat je al deze blokken onder elkaar hoeft te zetten.
- De menukaarten worden als het goed is allemaal aangeleverd als PDF. Deze kun je uploaden bij Dashboard > DearPDF. Verwijder de menukaarten die zijn mee-gekopieerd en maak een nieuwe aan door op “Add post” te klikken. Selecteer of upload de PDF die je wil gebruiken en klik hierna op general om de viewer type te wijzigen naar flipbook.
- Onderaan de pagina staat de footer. Deze is aan te passen door Dashboard > Prode blocks > Reusable blocks > Footer. In principe hoef je hier alleen de afbeelding en de naam van de Eetwinkel onderaan in het copyright menu te wijzigen. De rest van de informatie is gecodeerd en wordt uit de informatie gehaald die je hebt ingevuld bij Prode Options. De footer wordt automatisch op elke pagina toegevoegd.
- Als je een pagina hebt gemaakt en je wil deze toevoegen aan het header menu bovenaan de pagina dan ga ja naar Dashboard > Weergave > Menu’s. Selecteer bovenaan Main menu/header (dit is over het algemeen de enige die je wijzigt). Aan de linkerkant onder de tab meest recent staan de meest recente menu items. Staat het item hier niet tussen? Klik dan op Alles tonen. Vink de pagina aan die je aan het menu wilt toevoegen. Het systeem zet deze automatisch onderaan. Door in de Menustructuur op het menu-item te gaan staan en aan te klikken (en vasthouden) kun je het menu item naar de juiste plek slepen. Ook kan je het item onder een andere hangen door deze een klein stukje naar rechts te zetten. Zo wordt een pagina een onderliggend menu item/submenu.
- Juist laden van de menukaart: Instellingen -> WP Rocket ->Tab bestandsoptimalisatie -> Afvinken Delay Javascript Execution.
- Als alles is ingevuld en je wil de website live zetten dan is het belangrijk om in Teams de checklist “Checklist voor livegang” door te lopen.
- Mochten bepaalde dingen niet werken, kan het helpen om de cache te legen van de website. Dit doe je door Dashboard > WP-rocket (bovenaan) > cache legen
Hopelijk is het zo duidelijk. Er staat ook veel informatie beschreven bij Handleiding. Mocht je er niet uitkomen dan kun je hier nog kijken en anders mag je het altijd vragen. Succes! 🙂
