Handleiding Wordpress Eetwinkel
Inloggen bij wordpress
• Ga naar www.jouwdomein.nl/wp-admin
• Voor je gebruikersnaam en wachtwoord in die je van ons hebt ontvangen en klik vervolgens op “inloggen”
Menu overzicht
• In het menu wat je hiernaast ziet heb je toegang tot de dingen die je kunt wijzigen
o Thema Instellingen (zitten meerdere dingen onder)
o Berichten o Media o Gallery o Master slider
Thema instellingen - General
• In het menu wat je hiernaast ziet staat Thema instellingen o Je komt vervolgens bij de volgende opties uit
❖ General
❖ Contact gegevens
❖ Social Media
❖ Openingstijden
❖ Overig
• Bij General kan je het logo voor de normale site en voor de mobiele site vervangen maar je kunt ook de achtergrond en de Default sentence (dat is de tekst die op de achtergrond komt te staan (de header tekst))
o Wil je een logo of de achtergrond vervangen in de general dan doe je dat als volgt
❖ Ga op het logo staan dat je wilt vervangen
❖ Druk op het kruisje
❖ Dan zie je het stukje tekst staan geen afbeelding geselecteerd met daaronder een knop (voeg afbeelding toe) klik op die knop
❖ Als je daarop hebt geklikt kom je uit op het scherm bestanden uploaden en daarnaast in een andere tab staat (mediabibliotheek) klik daarop
❖ Als je op de tab media bibliotheek hebt geklikt kom je uit in een scherm met allemaal foto’s en PDF bestanden zorg dat je een plaatje kiest wat je graag voor dat andere plaatje wilt vervangen
o Wil je de default sentence (header tekst) vervangen dan doe je dat als volgt
❖ Selecteer het gedeelte wat je weg wilt hebben en typ daar wat in de plaats of laat het weg het is aan jou de keus
o Je hebt ook een klein stukje tekst die komt alleen tevoorschijn bij de site die op een mobiel wordt geopend en als je op het menu icoontje drukt het wijzigen ervan is hetzelfde zoals je dat bij de (default sentence doet), maar haal de h4 niet weg die geeft aan hoe groot de tekst moet zijn die ertussen staat
o Onderaan (onder het kopje voor de tekst die je kunt aanpassen voor het mobiele menu) staan de volgende kopjes
❖ Actiefolder > PDF
› Wil je een PDF bestand vervangen dan moet je het eerst uploaden in media bibliotheek dat je als volgt klik in het menu wat je hierboven ziet op Media
› Dan kom je op het scherm uit met alle afbeelding en bestanden
› Open bestanden op je computer en zorg dat jet PDF bestand wat je er wilt hebben in het veld sleept van de media
bibliotheek in wordpress de achtergrond wordt dan blauw en dan weet je dat de bibliotheek het heeft gepakt
› Vervolgens druk je op het bestand wat je graag daar op die plaats wilt hebben en die je daar een regel staan met Link Kopiëren druk dubbel op de links > rechtse muisklik > Kopiëren
› Ga teurg naar thema instellingen scroll naar onderen en druk op het kruisje van het bestand wat je wilt vervangen je krijgt dan een knop te zien met selecteer link
› Druk op die knop dan komt er een schermpje tevoorschijn met daarin bij de bovenste regel URL plak daar je link in die je hebt gekopieerd van het bestand uit de mediabibliotheek
› Heb je de link toegevoegd druk dan vervolgens op de knop Link toevoegen
❖ Assortimentsfolder > PDF
❖ Online bestellen > Link
› Druk op het kruisje van de link die je wilt vervangen
› Open in een nieuw tabblad de website en de desbetreffende pagina waarnaar je wilt linken
› Dan selecteer je boven in je scherm in de balk de URL (link) dan doe je rechtse muisklik > kopiëren
› Vervolgens ga je terug naar het nadere tabblad waar de thema instellingen staan geopend en druk je daar op de knop
selecteer link
› Je ziet dan een schermpje tevoorschijn komen met daarin bij de bovenste regel URL plak daar de link in die je hebt
gekopieerd van het andere tabblad
› Heb je de link geplakt druk dan vervolgens op de knop Link toevoegen
❖ Cateringlijst > PDF
❖ Floating image in header >JPG
› Wil je een afbeelding toevoegen die naast de tekst komt te staan in de header dan druk je op media in het menu
› Dan kom je uit op het scherm waar alle afbeeldingen en bestanden staan
› Staat je afbeelding er nog niet tussen dan moet je die uploaden door de bestanden op je computer te openen en daar de afbeelding te selecteren en te slepen in het veld
› Zodra de achtergrond blauw wordt dan weet je dat wordpress hem heeft gepakt
› Dan komt de afbeelding vanzelf tevoorschijn in de mediabibliotheek en druk je op de knop selecteer rechts onderaan in je scherm
› Je hebt de floating image dan toegevoegd
o Als je alle dingen hebt gewijzigd die je wou wijzigen dan scroll je naar boven en druk dan vervolgens op de knop update die rechts boven in je scherm staat het wordt daarna automatisch bijgewerkt op de live website
Thema instellingen - Contact gegevens
• Bij contact gegevens kun je alle gegevens wijzigen die je hebt ingevoerd o Wil je een van de contact gegevens wijzigen dan doe je dat als volgt
o Selecteer met je muis de gegevens die je wilt wijzigen en druk dan vervolgens op backspace het verdwijnt dan en kan je op die plek jouw nieuwe gegevens intypen
o Als je de dingen hebt gewijzigd die je wou wijzigen dan druk je rechts boven aan in je scherm op de knop update je contact gegevens zijn dan gewijzigd en worden doorgevoerd naar de live website
Thema instellingen - Social Media
• Bij Social Media zie je de meest bekende social media platforms
o Als je een account hebt bij twitter bijvoorbeeld dan zoek je je account op en dan kopieer je de url en plak je die daar in die regel
o Als je dat gedaan hebt en je hebt je account(‘s) toegevoegd dan druk je rechts boven in op update en de link word geladen en bijgewerkt op de live website
Thema instellingen - Openingstijden
• Bij de openingstijden zie je alle dagen van de week staan
o Mocht je een openingstijd willen wijzigen dan ga je naar de dag van waar je de tijden wilt wijzigen je selecteert de tijd die je wilt vervangen en druk dan op backspace op je toetsenbord je ziet de tijd dan verdwijnen bij alleen die dag o Vervolgens als die tijd weg typ je daar de nieuwe tijd en vergeet niet de :
(dubbele punt) ook in te typen want die staat niet standaard erin
o Heb je alle tijden gewijzigd die je wou wijzigen dan druk je vervolgens recht boven in je scherm op de knop Update het wordt dan automatisch bijgewerkt op de live website
Thema instellingen - Overig
• Bij dit onderdeel pas je de template aan en het style menu voor mobiel aan deze dingen hoef je niet aan te komen
Media
• Als je op media drukt dan zie je daar alle afbeeldingen en bestanden die er in de mediabibliotheek staan
o Ga naar media in het menu wat je hiernaast ziet staan
o Als je een nieuwe afbeelding of PDF bestand wilt toevoegen aan de mediabibliotheek dan laat je de mediabibliotheek van
wordpress van jouw website open staan en dan open je de documenten van jouw eigen computer
o Zoek op je eigen computer op welke afbeelding en of bestand je toevoegen aan de mediabibliotheek
o Selecteer die afbeelding(en) en/of bestand(en) die je wilt toevoegen en sleep ze naar de mediabibliotheek van jouw
wordpress website zodra de achtergrond blauw word dan weet je dat wordpress ze pakt
o Laat dan de muis los en de afbeelding(en) en/of bestand(en) die je graag op je website wilt hebben worden automatisch geladen
Pagina - Nieuwe aanmaken
• Je hebt al pagina’s op je website en je wilt een nieuwe pagina aanmaken volg dan deze stappen
o Ga in het menu wat je hiernaast ziet naar pagina’s
o Als je daarop hebt gedrukt kom je op een scherm uit waar je alle pagina’s onder elkaar ziet staan boven in je scherm zie je de titel staan bij welk menu item je nu zit en daarnaast staan een knop Nieuwe Pagina
o Druk op die knop je komt dan op een ander scherm uit voer daar je pagina titel in en druk op Bijwerken
o Als je dan terug gaat naar je scherm waar je alle pagina’s ziet staan en je vernieuwt je pagina dan zie je dat je nieuw
aangemaakte pagina er tussen staat
Pagina – Tekst in pagina aanpassen
• Zodra je op een naam van een pagina hebt geklikt dan kom je uit op een nieuw scherm en daar staat alle tekst als je een beetje naar beneden scrolt
o Mocht je een tekst willen wijzigen of vernieuwen dan ga je naar de tekst die je wilt wijzigen
o Selecteer het stukje tekst dat je wilt wijzigen en druk dan op je toetsenbord op backspace je ziet dat stukje tekst dan verdwijnen
o Typ daar op die plaats je vervangende tekst
o Als je alle tekst hebt toegevoegd wat je wou toevoegen dan klik je rechts boven in je scherm op Bijwerken. Alles wat je hebt gewijzigd wordt nu automatisch bijgewerkt op de live website
Pagina – Afbeelding aan de tekst toevoegen
• Als je in de pagina zit waar je ook de tekst kan bewerken dan zit je op de goede plek om ook een afbeelding aan je stukje tekst toe te voegen
o Ga in de tekst op de plek staan waar je graag een afbeelding zou willen toevoegen
o Druk dan op de knop Media toevoegen die boven aan het vak staat waar je de tekst kan opmaken
o Zodra je erop hebt gedrukt dan opent de mediabibliotheek in een appart scherm selecteer daar de afbeelding(en) die je graag wilt toevoegen en klik dan rechts onderaan in je scherm op In Pagina Invoegen het komt dan in de tekst te staan
o De afbeelding zelf kan je nog een beetje verkleinen en vergroten als je zou willen met behulp van de vier puntjes die je dan bij de afbeelding hebt staan o Heb je dat allemaal gedaan en je bent tevreden met het resultaat druk dan
rechts boven in je scherm op Bijwerken als je daarop hebt gedrukt dan wordt het automatisch bijgewerkt op de live website
Pagina – Link toevoegen
• Als je een link wilt toevoegen op je pagina en je zit op de pagina waar je de tekst kan bijwerken dan zit je op de goede plek
o Open een nieuw tabblad en open daar de website of de pagina die je graag wilt linken
o Klik dan boven in dat scherm op URL en selecteer die link > rechtse muisknop
> Kopiëren
o Ga terug naar de pagina waar je de link wilt invoegen die pagina staat in het andere tabblad
o Ga in de tekst het woord selecteren die je in een link wilt zetten o Klik dan op het paperclip icoontje
o En plak daar de URL die je had gekopieerd
o Druk vervolgens op het blauwe knopje wat daar naast staat en je ziet de link dan onderstreept worden in de tekst
o Als je alle linkjes hebt geplaatst die je wou plaatsen klik dan rechts boven in je scherm op Bijwerken de linkjes worden automatisch bijgewerkt op de live website
