EEN WORDPRESS HANDBOEK

Maat: px
Weergave met pagina beginnen:

Download "EEN WORDPRESS HANDBOEK"

Transcriptie

1 EEN WORDPRESS HANDBOEK

2 COLOFON Algemeen drukwerk: Auteur : Vormgeving: Video tutorials: Angela Diks Ellen Gaasbeek Opname programma: Screenflow 5 Scriptschrijver : Angela Diks Voice over : Angela Diks Editing: Ellen Gaasbeek Introductie: Erik-Jan Systma Website: Programmering: Vormgeving: Angela Diks Ellen Gaasbeek Met dank aan: Ricardo Willemse Studenten leerjaar 1 Mediavormgeving Docenten Mediavormgeving 2

3 VOORWOORD Voor je ligt het handboek WordPress Digital Class. Een onderdeel van de methode WordPress Digital Class. Deze methode is ontwikkeld in het kader van ons afstuderen aan de opleiding Mediavormgeving Grafisch en Interactief aan ROC A12 te Ede. Eind november 2014 zijn wij, Ellen en ik, begonnen met brainstormen en nu eind februari 2015 kunnen wij zeggen dat er een volledige methode ligt waar docenten en studenten mee aan het werk kunnen. Deze methode is ontwikkeld in opdracht van Henk Jansen, docent mediavormgeving bij ROC A12. Zijn vraag was of wij een lespakket konden ontwikkelen voor de lessen WordPress. Samen met hem zijn wij aan het brainstormen geweest over de naam en de op te leveren producten. Daarom willen wij hem hierin bedanken. Wij hopen dat deze methode bijdraagt aan de lessen WordPress voor de studenten van de opleiding Mediavormgeving. Daarnaast willen wij Ricardo Willemse bedanken voor het testen van de methode, naast Ricardo Willemse willen wij ook studenten van leerjaar 1 bedanken voor het bekijken van de video tutorials en beoordelen of deze goed genoeg zijn voor in de methode. Erik-Jan Sytsma willen wij bedanken voor het maken van de introductie voor de video s. Als laatste willen we de overige docenten van het team mediavormgeving bedanken voor de hulp die zij hebben geboden tijdens het proces. Veel plezier met het leren van WordPress. Angela Diks 18 februari

4 INHOUDSOPGAVE 1: AAN DE SLAG MET WORDPRESS 8 Aan de slag 9 Wat is WordPress 9 CMS 9 Front-end 12 Back-end 12 Samenvatting 12 2: WORDPRESS.COM 14 Aan de slag 15 Aanmaken van de website 15 Back-end 20 Samenvatting 22 3: XAMPP OF MAMP 24 Aan de slag 25 Wat is XAMPP (Windows & linux) 25 Installatie XAMPP 25 Gebruik van XAMPP 26 Wat is MAMP (MAC) 27 Installatie MAMP 27 Gebruik van MAMP 28 Samenvatting 29 4: WORDPRESS 30 Aan de slag 31 Downloaden 31 XAMPP/MAMP en WordPress 32 WordPress installatie 32 Samenvatting 32 5: DASHBOARD 34 Aan de slag 35 Dashboard en Berichten 35 Media en Pagina s 35 Reacties en Weergave 35 Plugins en Gebruikers 36 Extra en Instellingen 36 Samenvatting 36 4

5 INHOUDSOPGAVE 6: HANDIGE PLUGINS 38 Aan de slag 39 Google Analytics 39 SEO 39 Anti Spam 40 Contact formulieren 40 Social Media 40 Samenvatting 40 7: HTML 42 Aan de slag 43 Wat is HTML 43 Wat is er nieuw in HTML 5 44 Tabellen aanmaken met HTML 44 ID & Class 45 W3schools 45 Samenvatting 45 8: CSS 46 Aan de slag 47 Wat is CSS 47 Kleuren 47 Tekst 48 Blokken 51 Lijsten en tabellen 51 Responsive website 52 W3schools 52 Samenvatting 52 9: THEMA OMBOUWEN 54 Aan de slag 55 Child theme 55 Bewerker 55 Style.css 56 Header.php 56 Footer.php 57 Index.php 57 Samenvatting 58 5

6 INHOUDSOPGAVE 10: ADOBE DREAMWEAVER CC 60 Aan de slag 61 Wat is Adobe Dreamweaver 61 Verschil Adobe Dreamweaver CC en oudere versies dagen proefversie 62 Sites beheren 63 Element inspecteren 63 Alternatief voor Adobe Dreamweaver 64 Samenvatting 64 11: VAN LOKAAL NAAR ONLINE 66 Aan de slag 67 Domeinnaam 67 Web hosting 67 FTP gegevens 68 FTP programma s 69 Database exporteren 71 Samenvatting 74 BIJLAGEN 76 Bijlage 1: USBwebserver 77 Bijlage 2: Woordenlijst 80 Bijlage 3: Planning 84 6

7 7

8 LES 1: AAN DE SLAG MET WORDPRESS Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les weet je wat WordPress is en kun je benoemen wat het verschil is tussen de front-end en de back-end. 8

9 AAN DE SLAG MET WORDPRESS Aan de slag: Je wil graag een website maken, voor jezelf, je eigen bedrijf, voor een klant of voor iemand anders. Alleen je hebt niet zo veel verstand van al die moeilijke HTML codes, daarom ben je bij WordPress terecht gekomen. Maar ja hoe werkt dat dan? In dit Wordpress handboek leer je eerst wat WordPress is, zodra dit duidelijk is gaan we verder in de stof duiken en aan het einde van deze 11 lessen heb je je eigen WordPress website gemaakt. Wat is WordPress Voordat je aan de slag gaat met WordPress is het zeker handig om te weten wat WordPress nu eigenlijk is. In 2003 is WordPress gestart met weinig code om het publiceren van teksten op het internet gemakkelijker te maken. De eerste gebruikers waren webloggers, en in die tijd werd WordPress dan ook voornamelijk gebruikt om blogs te maken. De laatste paar jaar is Wordpress uitgegroeid tot één van de grootste open source projecten op het internet. Dat WordPress open source is, houdt in dat er honderden mensen over de wereld bezig zijn met de ontwikkeling van WordPress. Iedereen is daarom vrij om het te gebruiken, of het nu een persoonlijke website is of een website met commerciële doeleinden. WordPress is wereldwijd het meest gebruikte CMS, met behulp van WordPress of een ander Content Management Systeem is het mogelijk om zelf de website te beheren, daarnaast is het mogelijk om met behulp van plugins de functionaliteit van de website te vergroten. Als je zelf de website zou schrijven in programmeertaal, dan zou je in plaats van de plugins gebruik maken van de programmeertaal PHP en Javascript/jQuery. CMS Een content management systeem is een (software) toepassing die het mogelijk maakt voor mensen om op een relatief eenvoudige wijze, zonder veel technische kennis, een internet website te beheren. Met een CMS kan een gebruiker zelf, zonder hulp van een webdesigner, teksten aanpassen, pagina s toevoegen en/of afbeeldingen plaatsen op de website. Een CMS is vooral geschikt voor websites die regelmatig geactualiseerd worden, zoals nieuwssites en weblogs. 9

10 AAN DE SLAG MET WORDPRESS CMS vergelijking Zoals eerder is aangegeven is WordPress een CMS, maar WordPress is niet de enige die je kunt gebruiken. Er zijn er veel beschikbaar, maar de drie bekendste zijn WordPress, Joomla en Drupal. Voor je een keuze maakt voor een CMS, moet je jezelf afvragen welke functionaliteit je nodig hebt. Joomla Joomla is de jongste CMS van de drie, het is opgezet in 2005 en ondertussen is het al meer dan 30 miljoen keer gedownload. Joomla is voornamelijk populair in Nederland en België. Dit CMS wordt veel gebruikt in het MKB (Midden Klein Bedrijf) en KMO (Kleine of Middelgrote Onderneming) en is gebruiksvriendelijk. Voor Joomla zijn er bijna uitbreidingen beschikbaar. Hierbij kun je denken aan extensies, componenten en plugins. Deze zijn niet allen gratis, voor bepaalde uitbreidingen zal betaald moeten worden. Voordelen: Veel modules, plugins en thema s voor extra functionaliteit en uiterlijke aanpassingen Ook uit te breiden met webshop functionaliteit Goede navigatie module die grote hoeveelheden content toegankelijk maakt Nadelen: Back-end niet erg gebruiksvriendelijk Continu updates i.v.m. veiligheid WordPress WordPress is van oorsprong een blog systeem, zo is het in 2003 dan ook opgezet. Ondertussen is het al meer dan 140 miljoen keer gedownload en is het daarmee de meest populaire CMS. Zijn populariteit heeft WordPress voornamelijk te danken aan het feit dat het goed scoort in Google. Er zijn bijna plugins beschikbaar en het systeem is erg gebruiksvriendelijk voor de gebruiker. Voordelen: Zeer gebruiksvriendelijk bij het beheren en aanpassen van de website Veel plugins en thema s voor extra functionaliteit en uiterlijke aanpassingen Grote community voor vraag en antwoord Website beheren zonder technische kennis Nadelen: Geen standaard ondersteuning voor meerdere talen Beperkte rechtenbeheer van gebruikersaccounts 10

11 AAN DE SLAG MET WORDPRESS Drupal Ook Drupal is begonnen als blog systeem, maar dit is al in 2001 opgezet. In de loop der jaren is ook Drupal gegroeid naar CMS. Het is de laatste jaren in opkomst met nu iets meer dan 15 miljoen downloads, maar nog niet zo populair als Joomla en WordPress. Dit komt omdat Drupal technischer en complexer is. Met Drupal is het mogelijk om meerdere sites vanuit één systeem te bedienen. Qua bediening is het goed te gebruiken door de eindgebruiker, in Nederland is er alleen een beperkte professionele ondersteuning. Voordelen: Zeer veel features zijn een standaard onderdeel Volledig schaalbaar systeem Maak gebruikersaccounts aan voor het bewerken en beheren van meerdere sites Nadelen: Complex in gebruik Welk CMS is het beste? Om deze vraag te kunnen beantwoorden, zul je eerst je wensen en eisen duidelijk moeten hebben. WordPress is het makkelijkst in gebruik, daarna Joomla en als derde Drupal. Maar kijk je naar wat je met het systeem kan, dan zal Drupal bovenaan staan gevolgd door Joomla en dan WordPress. 11

12 AAN DE SLAG MET WORDPRESS Front-end Ieder CMS heeft een front-end en een back-end. De front-end ontwikkeling is het programmeren van de voorkant van de website. De voorkant is datgene wat zichtbaar is voor de bezoeker van de website. Hierbij kun je denken aan de afbeeldingen, de lettertypen, het design etc. Voor het programmeren van de front-end wordt gebruik gemaakt van HTML, CSS en Javascript. Als we als voorbeeld een webshop nemen, dan is de front-end alles wat de klant ziet, de overzichten met producten, de winkelwagen en het bestelproces. Back end De back-end webdevelopment is net als de front-end onderdeel van het webdevelopment proces. De back-end ontwikkeling is het programmeren van de achterkant van de website. Dit is alles wat niet direct zichtbaar is voor de bezoeker van de website. Als we verder gaan met het voorbeeld uit de front-end. Dan was alles wat de klant ziet in de webshop de front-end en in de back-end staat alles wat de medewerkers van de webshop zien. Vaak is dit een uitgebreid dashboard waar medewerkers artikelen kunnen invoeren en wijzigen. Bij back-end ontwikkeling moet je er vooral rekening mee houden dat sommige mensen de hele dag achter je programma zitten. Daarom zijn snelheid en weinig stappen doorlopen erg belangrijk. De programmeertalen van de back-end zijn onder andere PHP en ASP. Samenvatting: Voordat je een website gaat maken is het belangrijk dat je bedenkt wat voor eisen je hebt voor de website qua gebruik e.d. daarna kun je een keuze maken voor het juiste Content Management Systeem. Daarnaast weet je nu dat als de front-end van de website genoemd wordt dat hier het deel bedoeld wordt dat je ziet en in de back-end stel je alles in. 12

13 13

14 LES 2: WORDPRESS.COM Lesoverzicht: Aan de slag Aanmaken van de website Back-end Samenvatting Video s: https://www.youtube.com/playlist?list=plucz7ifg5tjtrbktrhdnf-vjebqtjmcby Tijd: 1 uur en 45 minuten Doel: Aan het einde van deze les kun je een website aanmaken op wordpress.com en heb je een basis gelegd met het verkennen van de back-end. 14

15 WORDPRESS.COM Aan de slag: Je hebt besloten dat je een WordPress website wil maken, maar je hebt nog geen idee of WordPress echt iets voor je is. Daarom ga je het uitproberen, maar wel al online. Op de website van WordPress kun je een website aanmaken met.wordpress.com in de URL. Op deze manier kun je WordPress uitproberen zonder al een webhost aan te schaffen. Deze les zal voornamelijk uit stappenplannen bestaan. Dit stappenplan helpt je bij het aanmaken van de website op wordpress.com Aanmaken van de website 1. Ga naar de website: 2. en klik op de blauwe knop Website maken. 3. Je wordt doorgestuurd naar de aanmeld website binnen WordPress. 4. Vul je adres in, kies een gebruikersnaam, een wachtwoord en vul het blog adres in. 15

16 WORDPRESS.COM 5. Scrol naar beneden, wat je nu gaat aanmaken is een WordPress.com Beginner account. Dit is een gratis account. In de tabel kun je zien wat er mogelijk is binnen dit account. Je kunt ook kiezen voor een Premium account of een Business account, maar deze zijn betaald. Ook dit vind je terug in de tabel incl. de bijbehorende acties die wel of niet mogelijk zijn binnen deze accounts. 16

17 WORDPRESS.COM 6. Klik op de knop Creëer Blog. Nadat je op deze knop hebt geklikt word je door vier stappen geleid. 7. De eerste stap die je krijgt is het instellen van je blog. Geef bij de Blogtitel de titel aan die je blog/website krijgt. Ook kun je een onderschrift toevoegen, hierin geef je kort aan waar de website over gaat. Mocht je een andere taal willen gebruiken, dan kun je ook dat hier instellen. Heb je dit allemaal ingevuld dan klik je op de knop Volgende stap. 8. De tweede stap die WordPress je aanbiedt is het kiezen van een thema voor de website. Er zijn veel verschillende thema s beschikbaar, let er wel op er zitten ook betaalde thema s tussen. Het thema staat nog niet vast, want het kan nog gewijzigd worden. Heb je het thema gekozen dat je wil hebben klik dan op de knop Volgende stap. 17

18 WORDPRESS.COM 9. In de derde stap lees je meer over het thema dat je hebt gekozen. Klik op de knop Volgende stap om verder te gaan. 10. De vierde en laatste stap is om verbinding met Facebook of Twitter te maken. Wil je graag dat je vrienden, familie of kennissen gelijk op de hoogte zijn wanneer je een blogpost online zet, dan kun je hier verbinding maken. Klik daarna weer op de knop volgende stap. 11. Voor je verder gaat moet je eerst naar je mail, want als het goed is heb je nu twee mailtjes gehad van WordPress. De eerste mail is om het adres te bevestigen, dat je in de eerste stap hebt ingevuld en in de tweede mail heet WordPress je welkom op je nieuwe site. Klik in de eerste mail op de knop adres Bevestigen. Nadat je op deze knop hebt gedrukt, is je account actief. Zonder deze bevestiging kun je niks veranderen in je WordPress website. In de tweede mail kun je op twee links drukken. De eerste is WordPress.com handleiding voor beginners. Als je hier op klikt dan word je doorgestuurd naar een Engelstalige website, hier kun je meer informatie vinden over WordPress. De tweede link is Inloggen 18

19 WORDPRESS.COM 12. Je wordt nu doorgestuurd naar WordPress. Klik op je WordPress website. Je komt nu in een scherm waar de statistieken staan van de website. Als je op deze knop klikt, dan kom je bij je aangemaakte website (front-end). Als je op deze knop klikt, dan kom je in het dashboard (back-end) van je aangemaakte website. Als je op deze knop klikt, dan kom je op de pagina waar je nu bent, de pagina met statistieken over de website. Als je op deze knop klikt, dan kun je een blogbericht aanmaken. Als je op deze knop klikt, dan kun je een nieuwe pagina aanmaken. Als je op deze knop klikt, dan kun je het thema wijzigen. Als je op deze knop klikt, dan kom je op de aanpassings pagina voor het thema. Als je op deze knop klikt, dan kom je op de pagina om een menu aan te maken of het bestaande menu aan te passen. Als je op deze knop klikt, dan kom je op de pagina waar je verbinding kunt maken met social media. Als je op deze knop klikt, dan kom je op de pagina waar je de gebruikers kunt zien en aanmaken. Als je op deze knop klikt, dan kun je de algemene instellingen wijzigen, maar ook de instellingen voor het schrijven en voor de reacties. Als je op deze knop klikt, dan kun je ervoor kiezen om je WordPress website te upgraden. 12. Nu we dit weten en de website is aangemaakt wordt het tijd om naar de back-end van de website te kijken. 19

20 WORDPRESS.COM Back-end Om in de back-end van de website te komen ga je naar de volgende url: Alleen verander je wordpressdigitalclass naar de naam die je zelf hebt ingesteld. Vul je gebruikersnaam en wachtwoord in en klik op inloggen. De back-end van je WordPress website bestaat uit verschillende menu items. Ieder menu item zal hier kort uitgelegd worden. Voor verdere informatie over de back-end kun je de video tutorials bekijken. Nadat je bent ingelogd kom je altijd in het dashboard terecht. Bovenaan zie je een video. In deze video wordt kort uitgelegd wat de belangrijkste dingen zijn in de back-end. Onder het menu item van winkel, kun je de WordPress website upgraden naar Premium of Zakelijk, maar je kunt ook een betaald thema kiezen. Hier kun je niet alleen je berichten aanmaken en bewerken, maar ook categorieën aanmaken waar de berichten onder vallen en tags aanmaken. Binnen je WordPress website kun je verschillende bestanden uploaden. Denk hierbij aan afbeeldingen en documenten. Afbeeldingen: WordPress ondersteunt standaard de volgende bestandstypen voor afbeeldingen: jpg, jpeg, png en gif. Documenten: WordPress ondersteunt standaard de volgende bestandstypen voor documenten: pdf, doc/docx, ppt/pptx/pps/ppsx, odt en xls/xlsx. In de website kun je verschillende links aanmaken en beheren. WordPress heeft er al een aantal links ingezet. Zelf kun je ook links hier aan toevoegen. Deze linkjes kun je in een widget laten weergeven of je kunt een pagina maken met alle links die je hebt aangemaakt. Een website bestaat uit pagina s en berichten. Berichten gebruik je voor actuele informatie, zoals een nieuwsbericht, aanbieding, blog of een column. Pagina s worden gebruikt voor algemene informatie op de website, zoals over ons, contact, geschiedenis enz. 20

21 WORDPRESS.COM Als je reacties toestaat op de website, dan kun je iedere reactie die gegeven wordt, hier zien. Reacties die gegeven worden op de poll, komen niet hier terecht, maar bij feedback. Bij iedere reactie die gegeven is zie je de auteur van de reactie, de reactie, wanneer de reactie gegeven is en op welke pagina of op welk bericht de reactie gegeven is. Wil je graag feedback van je bezoekers door middel van een poll/enquête of sterren, dan kun je deze hier aanmaken, maar ook zien hoe er op gereageerd is. De weergave is onderverdeeld in verschillende submenu items, die allemaal te maken hebben met hoe de website er uit komt te zien voor de bezoekers. - Thema s: In het begin heb je een thema uitgekozen, mocht deze niet naar je zin zijn dan kan je deze alsnog hier veranderen. - Aanpassen: Het thema kun je aanpassen, alleen zonder premium account kan niet alles hiervan gebruikt worden. Zo kun je bij kleuren wel de achtergrond en de header tekstkleur aanpassen, maar de overige kleuren niet. - Widgets: Een widget is een stukje code dat op websites gebruikt kan worden om informatie op te halen en te tonen vanaf andere websites. Binnen WordPress is het een blok met informatie die in een sidebar of footer geplaatst kan worden, hierin kan onder andere nieuws staan, afbeeldingen of een kalender. In WordPress staat er een hele lijst met widgets waar je uit kunt kiezen. Links staan alle widgets en rechts waar je deze widgets kunt plaatsen, dit zal een sidebar en/ of een footer zijn. Dit hangt af van het thema dat je gebruikt. - Menu s: Hier maak je alle menu items aan voor op de website. Heb je nog geen menu aangemaakt, dan moet je dit eerst doen. - Achtergrond: Bij aanpassen kon je de achtergrond veranderen. Alles wat je daar kon aanpassen kun je ook hier bij achtergrond vinden. - Aangepast ontwerp: Als je een premium account hebt dan kun je hier verschillende dingen aanpassen. - Mobiel: Als je thema dit ondersteund, dan kun je het mobiele thema inschakelen. 21

22 WORDPRESS.COM Je kunt gebruikers uitnodigen op je blog. Deze gebruikers kun je verschillende rollen geven - Volger/Subscriber : Een lid van je site, dit lid kan niet meer dan een gast, maar hoeft niet elke keer gegevens in te vullen om te reageren - Beheerder/Administrator : De beheerder is de admin van de website, dit betekent dat hij alles kan doen - Redacteur/Editor : Kan eigen berichten maken, bewerken en publiceren, en kan ook berichten van andere gebruikers bewerken - Auteur/Author : Kan eigen berichten maken, bewerken en publiceren - Schrijver/Contributor : Kan berichten maken, maar niet publiceren, dit doet de beheerder of de redacteur Onder extra kun je berichten importeren uit een ander systeem zoals blogger of misschien wel een andere WordPress website. Ook kun je delen of de gehele website exporteren. Er zijn veel verschillende instellingen die je hier kunt vinden. Denk aan de algemene instellingen voor de website, instellingen die je kunt doen voor het schrijven van berichten, het geven van reacties en instellingen voor het delen met social media. Samenvatting: Om binnen WordPress een website aan te maken ga je naar : Hierna volg je een aantal stappen en na het volgen van deze stappen heb je een WordPress website aangemaakt en kun je er mee aan de slag. In de back-end van WordPress is het belangrijk dat je vooral veel gaat uitproberen met de verschillende tools die WordPress aanbiedt. De meeste WordPress websites maken gebruik van pagina s en berichten. Dus vooral deze zijn belangrijk om onder de knie te krijgen. 22

23 WORDPRESS.COM 23

24 LES 3: XAMPP OF MAMP Lesoverzicht: Aan de slag Wat is XAMPP (Windows & Linux) Installatie XAMPP Gebruik van XAMPP Wat is MAMP (Mac) Installatie MAMP Gebruik van MAMP Samenvatting Tijd: 15 minuten Doel: Aan het einde van deze les heb je XAMPP of MAMP geïnstalleerd en kun je het programma gebruiken. 24

25 XAMPP OF MAMP Aan de slag Je hebt WordPress in het vorige hoofdstuk uitgeprobeerd. Nu kan het zo zijn dat je wel een WordPress website wil gaan gebruiken, alleen heb je nog geen webhost en geen domeinnaam. Dan kun je er voor kiezen om WordPress eerst lokaal te draaien. Hier heb je alleen een programma voor nodig. Voor de Windows en Linux gebruikers is dit XAMPP en voor de Mac gebruikers is dit MAMP. Zonder dit programma kun je geen CMS lokaal laten draaien. Wat is XAMPP (Windows & Linux) XAMPP is een open source project gemaakt door ApacheFriends. De afkorting XAMPP komt van: X(alle OS uitvoeringen) Apache, Mysql, Php en Perl. Het bestaat dan ook uit de Apache-webserver, MySQL, PHP en Perl. XAMPP staat bekend om de eenvoudige installatie en de uitgebreide documentatie. XAMPP bestaat sinds 2002 en komt voort uit het vroegere WAMPP (Windows) en LAMPP (Linux). XAMPP is beschikbaar voor Linux, Windows, Mac en Solaris. XAMPP werkt niet helemaal naar behoren op iedere Mac, daarom bestaat MAMP ook nog steeds. Voor de Mac gebruikers raad ik dan ook MAMP aan om te installeren in plaats van XAMPP. Installatie XAMPP 1. Ga naar de website: 2. Je ziet een groene pijl met de tekst Download erin. Daarnaast staan de meest recente versies van XAMPP voor Windows, Linux en Mac OS X. Klik op de knop van jouw besturingssysteem. Voor Windows is dit de eerste knop. Zodra je hier op klikt, dan kom je in een ander scherm en binnen een paar seconden moet de download beginnen. 25

26 XAMPP OF MAMP 3. Nadat de download is voltooid staat er een.exe bestand in je downloads map. 4. Open dit bestand en je komt in de setup van XAMPP. Doorloop alle stappen. 5. Kies bij de components voor alle opties en gebruik C: als installatiemap. Dit zijn ook de standaard opties die al zijn aangegeven. 6. Na de installatie staat XAMPP tussen je programma s bij start. Gebruik van XAMPP Nadat je XAMPP hebt gedownload kun je hem openen door naar start te gaan. Typ in de zoekbalk: xampp. Onder programma s komt nu XAMPP control panel te staan. Klik deze aan en XAMPP zal het control panel opstarten. Een andere manier om XAMPP te starten is door naar je computer te gaan, dan ga je naar de map C:, hier zoek je XAMPP op en dan staat er in het rijtje: xampp-control.exe Zodra het control panel opgestart is zijn er twee dingen die je aan moet zetten, dit zijn Apache en MySQL. Dit doe je door op start te drukken. Dit zijn de stappen die je iedere keer moet doen als er gevraagd wordt om XAMPP aan te zetten. Mocht het niet lukken om XAMPP te laten werken, verwijder deze dan goed van de computer en installeer deze opnieuw, het kan zijn dat er tijdens de installatie iets niet helemaal goed is gegaan. Werkt het hierna nog niet, dan is er een alternatief, deze kan je terug vinden in bijlage 1. 26

27 XAMPP OF MAMP Wat is MAMP (Mac) MAMP is net als Xampp een open source project, alleen is deze gebouwd op het Mac OS X besturingssysteem. MAMP staat dan ook voor Mac OS X (het besturingssysteem) Apache (de webserver) MySQL (de databaseserver) PHP/Perl of Python (de programmeertalen). Installatie MAMP 1. Ga naar de website: 2. Onder de header staat een stukje tekst en daaronder staat de meest recente versie van MAMP & MAMP PRO. Klik op de oranje knop met de tekst Download. 3. In je downloads map komt nu het bestand van MAMP te staan. Dit is een.pkg bestand 4. Loop de installatie door. 5. Na de installatie staat MAMP tussen je programma s in de launchpad. Open MAMP. 27

28 XAMPP OF MAMP Gebruik van MAMP Zodra je MAMP hebt gedownload kun je hem openen via de Launchpad. Kies voor MAMP en niet voor MAMP PRO. Dit is namelijk de betaalde versie. Klik op de knop start servers. Als nu beide bolletjes groen worden, dan is MAMP goed geïnstalleerd. Wat er nu nog wel veranderd moet worden zijn de Apache Port en de MySQL Port. Klik hiervoor op de knop Set to default Apache and MySQL Port Als er later in één van de lessen gevraagd wordt om MAMP aan te zetten dan klik je op start servers en zodra de twee bolletjes groen zijn, dan is MAMP klaar om te gebruiken. 28

29 XAMPP OF MAMP Samenvatting Om WordPress lokaal te draaien moet eerst op Windows en Linux XAMPP geïnstalleerd worden. En de Macintosh gebruikers installeren MAMP. Voor beide programma s doorloop je de standaard installatie procedure. Na de installatie zet je in XAMPP, Apache en MySQL aan door op start te drukken en in MAMP klik je op de knop start servers. 29

30 LES 4: WORDPRESS Lesoverzicht: Aan de slag Downloaden XAMPP/MAMP en Wordpress Wordpress installatie Samenvatting Video s: https://www.youtube.com/playlist?list=plucz7ifg5tjsotxqu6mplpa0opuj9s5oc Tijd: 30 minuten Doel: Aan het einde van deze les kun je Wordpress installeren binnen het programma XAMPP en MAMP. 30

31 WORDPRESS Aan de slag In het vorige hoofdstuk heb je XAMPP of MAMP geïnstalleerd op je computer. Maar aan alleen de installatie van XAMPP en MAMP heb je niet zo veel als je er geen Content Management Systeem in laat draaien. Daarom zal je WordPress eerst moeten downloaden op internet om deze te kunnen gebruiken. Downloaden Om WordPress te downloaden kan je naar een Nederlandse website van WordPress. Deze website kun je vinden onder de URL: Om de meest recente versie van WordPress te downloaden klik je op de blauwe knop met de tekst Downloaden WordPress....zip Er komt nu een zip bestand in de downloads map. Pak dit bestand uit. 31

32 WORDPRESS XAMPP/MAMP en WordPress Voordat je een website lokaal kan laten draaien moet er een database aangemaakt worden. Om phpmyadmin te openen in XAMPP, klik je naast MySQL op Admin. Om phpmyadmin te openen in MAMP, klik je op open start page en daarna op phpmyadmin. Bekijk de video om te zien hoe je een database aanmaakt binnen MAMP en XAMPP. Nu je weet hoe je een database aanmaakt en hoe je een gebruiker toevoegt kan je zelf een database aanmaken voor de website die je gaat maken. WordPress installatie Nadat je een database en een gebruiker hebt aangemaakt kan de installatie van WordPress beginnen. Bekijk de video om te zien hoe je de installatie van WordPress werkt. Als je de stappen uit de video volgt, dan zal het je zeker lukken om WordPress te installeren binnen de XAMPP of MAMP. Samenvatting Om WordPress binnen XAMPP of MAMP te laten draaien is het belangrijk dat je als eerste WordPress download, als tweede maak je in PHPmyadmin een database aan en een gebruiker incl. wachtwoord. En de laatste stap die je neemt is het installeren binnen XAMPP en MAMP. 32

33 33

34 LES 5: DASHBOARD Lesoverzicht: Aan de slag Dashboard en Berichten Media en Pagina s Reacties en Weergave Plugins en Gebruikers Extra en Instellingen Samenvatting Video s: https://www.youtube.com/playlist?list=plucz7ifg5tjtyy1ndsvanhd3xfnx4t1yo Tijd: 1 uur en 10 minuten Doel: Aan het einde van deze les kun je in de meest recente versie van WordPress een pagina aanmaken en toevoegen aan een menu. 34

35 DASHBOARD Aan de slag Nu je WordPress lokaal draaiend hebt kun je echt aan de slag met het maken van je website. Zo kun je nadenken over de teksten die je op de website wil hebben, welk thema je wil hebben en ga zo maar door. Om in de back-end van je website in te loggen ga je naar: localhost/naam-van-de-map/wp-admin Hier vul je de gebruikersnaam en het wachtwoord in. Dashboard en Berichten Zodra je bent ingelogd in de back-end van de website, kom je altijd in het Dashboard terecht. Een WordPress website bestaat uit berichten en uit pagina s. Een bericht wordt gebruikt om actuele zaken op een website weer te geven, dit zijn nieuwsberichten of een blog. Bekijk de video om te zien hoe het Dashboard en Berichten werken. Media en Pagina s Om een media item in te voegen kan je deze uploaden naar de mediabibliotheek. Nadat je dit hebt gedaan kan deze in een bericht of pagina gebruikt worden. Een WordPress website bestaat uit berichten en pagina s. Een pagina wordt gebruikt om standaard zaken op een website weer te geven, dit zijn contactgegevens en over ons. Bekijk de video om te zien hoe Media en Pagina s werken. Reacties en Weergave Er kunnen reacties gegeven worden op berichten en pagina s. Al deze gegeven reacties komen hier te staan. Wil je graag het thema aanpassen, een ander thema kiezen, widgets instellen en het menu veranderen, dan doe je dit onder weergave. Bekijk de video om te zien hoe Reacties en Weergave werken. 35

36 DASHBOARD Plugins en Gebruikers Om de website een stukje interactiviteit mee te geven kunnen plugins geïnstalleerd worden. Een website hoeft niet door één persoon gemaakt te worden, daarom kunnen er ook meerdere gebruikers aangemaakt worden met verschillende gebruikersrollen. Bekijk de video om te zien hoe de Plugins en Gebruikers werken. Extra en Instellingen Mocht je een bestaande website willen importeren binnen de nieuwe website, dan kan dit in extra. Iedere instelling die je wil doen voor de website kan bij instellingen gedaan worden. Bekijk de video om te zien hoe Extra en Instellingen werken. Samenvatting In de back-end van je WordPress website kunnen alle aanpassingen gedaan worden voor de website. Maak berichten en pagina s aan om de website te vullen, gebruik de weergave om het thema naar eigen smaak te stijlen en gebruik plugins om de website interactiever te maken. 36

LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.

LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting. LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress

Nadere informatie

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten LES 1: AAN DE SLAG MET WORDPRESS Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les weet je wat WordPress is en kun je benoemen

Nadere informatie

LES 3: XAMPP OF MAMP. Lesoverzicht:

LES 3: XAMPP OF MAMP. Lesoverzicht: LES 3: XAMPP OF MAMP Lesoverzicht: Aan de slag Wat is XAMPP (Windows & Linux) Installatie XAMPP Gebruik van XAMPP Wat is MAMP (Mac) Installatie MAMP Gebruik van MAMP Samenvatting Tijd: 15 minuten Doel:

Nadere informatie

WordPress Website. Bouw zelf je WordPress Website. www.supersnelonline.nl Maarten Hendrix. Maarten Hendrix

WordPress Website. Bouw zelf je WordPress Website. www.supersnelonline.nl Maarten Hendrix. Maarten Hendrix WordPress Website Bouw zelf je WordPress Website Maarten Hendrix Maarten Hendrix 2 Inhoudsopgave WordPress inleiding... 5 Wat is WordPress?... 5 Wat is het verschil tussen WordPress.org en WordPress.com?...

Nadere informatie

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op 1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling

Nadere informatie

Sophie van Solinge 77524 CMS32

Sophie van Solinge 77524 CMS32 Sophie van Solinge 77524 CMS32 1 Opdracht 1 Drupal Wordpress Joomla Case 1 De groenteboer op de hoek, heeft grootse plannen voor zijn zaak. Omdat er in de omgeving veel verzorgingstehuizen zijn en de inwoners

Nadere informatie

Algemene handleiding beheermodule: WORDPRESS. digital4u.nl effectief op internet

Algemene handleiding beheermodule: WORDPRESS. digital4u.nl effectief op internet Algemene handleiding beheermodule: WORDPRESS digital4u.nl effectief op internet Inhoudsopgave Algemene handleiding 03 04 04 05 05 06 06 07 07 08 09 11 12 13 15 16 17 Introductie Inloggen Dashboard Berichten

Nadere informatie

De WordPress 3.5 Beginners Handleiding

De WordPress 3.5 Beginners Handleiding De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,

Nadere informatie

WordPress in het Kort

WordPress in het Kort WordPress in het Kort Een website maken met Wordpress. In minder dan één uur online! Inclusief installatie van een thema en plugins Alle rechten 2013, Rudy Brinkman, BrinkhostDotCom, http://www.brinkhost.nl

Nadere informatie

Introductie 2. Inloggen 3. Dashboard 4. Pagina aanmaken / bewerken 5. Bericht toevoegen / bewerken 6. Afbeelding toevoegen 7. De tekstbewerker 11

Introductie 2. Inloggen 3. Dashboard 4. Pagina aanmaken / bewerken 5. Bericht toevoegen / bewerken 6. Afbeelding toevoegen 7. De tekstbewerker 11 I n h o u d s o p g ave Introductie 2 Inloggen 3 Dashboard 4 Pagina aanmaken / bewerken 5 Bericht toevoegen / bewerken 6 Afbeelding toevoegen 7 De tekstbewerker 11 Menu toevoegen / aanpassen 12 I n t ro

Nadere informatie

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for

Nadere informatie

WordPress Handleiding

WordPress Handleiding Algemene Informatie Disclaimer: Bij het samenstellen van dit boek is de grootst mogelijke zorg besteed aan de juistheid van de opgenomen informatie. Wij kunnen echter niet verantwoordelijk gesteld worden

Nadere informatie

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast OPMAKEN VAN BERICHTEN EN PAGINA S ONE PAGER Berichten en pagina s worden op dezelfde wijze opgemaakt. Voor het opmaken van een bericht ga je in het navigatiemenu (afbeelding rechts) naar BERICHTEN > NIEUW

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

Waarom WordPress? Wat is WordPress? Bloggen en website Uniek design is mogelijk Makkelijk zelf te beheren

Waarom WordPress? Wat is WordPress? Bloggen en website Uniek design is mogelijk Makkelijk zelf te beheren Waarom WordPress? Wordpress is een bijzonder gebruiksvriendelijk systeem, zowel voor de gebruiker als de webbouwer. Iedereen kan er redelijk snel mee leren werken. Het zelf beheren van pagina s, nieuws,

Nadere informatie

Publiceren met WordPress

Publiceren met WordPress Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie

Nadere informatie

Handleiding wordpress

Handleiding wordpress Handleiding wordpress Wordpress versie 3.0.4 Handleiding versie 1.1 Auteur Website Geert Hoekzema www.geerthoekzema.nl www.geerthoekzema.nl geert@geerthoekzema.nl 1 Inhoudsopgave Inleiding... 3 Beginnen

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

- Plan Zo kun je een. website bouwen!

- Plan Zo kun je een. website bouwen! - Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een

Nadere informatie

JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK. Tips en hulpmiddelen voor gebruiksvriendelijkheid

JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK. Tips en hulpmiddelen voor gebruiksvriendelijkheid JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK Tips en hulpmiddelen voor gebruiksvriendelijkheid JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK 10 tips om joomla gebruiksvriendelijker te maken Sander Potjer

Nadere informatie

CMS Template Handleiding

CMS Template Handleiding CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...

Nadere informatie

De voordelen van Drupal

De voordelen van Drupal Drupal is een open source Content Management System (CMS). Daarnaast kun je Drupal zien als een framework, dit betekent dat je modules (oftewel mini-applicaties) kunt implementeren in je installatie van

Nadere informatie

Test Joomla op je PC 1

Test Joomla op je PC 1 1 Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen

Nadere informatie

Handleiding voor het zelf onderhouden van je Wordpress website

Handleiding voor het zelf onderhouden van je Wordpress website Handleiding voor het zelf onderhouden van je Wordpress website Inhoud Introductie... 3 Belangrijke Termen... 3 Inloggen op jouw Wordpress website... 4 Een Backup maken... 4 Het Wordpress dashboard... Thema

Nadere informatie

28 juli 2014 Eindgebruikershandleiding Weblicity CMS

28 juli 2014 Eindgebruikershandleiding Weblicity CMS 28 juli 2014 Eindgebruikershandleiding Weblicity CMS Deze handleiding is opgesteld door Weblicity http://www.weblicity.nl Inhoudsopgave Inhoudsopgave... 2 Introductie... 3 Inloggen Uitleg onderdelen 4

Nadere informatie

Handleiding opmaken Wageningen UR Blog. Oktober 2015

Handleiding opmaken Wageningen UR Blog. Oktober 2015 Handleiding opmaken Wageningen UR Blog Oktober 2015 Voorwoord In deze handleiding is voor beheerders van het Wageningen UR blog template stap voor stap beschreven hoe zij hun blog kunnen inrichten. Bij

Nadere informatie

LES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting

LES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting LES 11: VAN LOKAAL NAAR ONLINE Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting Tijd: 10 minuten Doel: Aan het einde van de les kun je de lokale

Nadere informatie

Content Management Systeem Specifieke modules van het Steenstra CMS 2011

Content Management Systeem Specifieke modules van het Steenstra CMS 2011 Content Management Systeem Specifieke modules van het Steenstra CMS 2011 2. Overzicht en specificering van additionele modules Naast de basis implementatie is het Steenstra CMS systeem uit te breiden met

Nadere informatie

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

Nadere informatie

Handout Bloggen. Les 1: Het maken van een Wordpress Blog

Handout Bloggen. Les 1: Het maken van een Wordpress Blog Handout Bloggen Les 1: Het maken van een Wordpress Blog Er zijn vele sites waar je een blog kunt beginnen. Daarvan is Wordpress een van de grootste. Heel veel websites draaien op Wordpress, maar er is

Nadere informatie

WORDPRESS HANDLEIDING CUDOK CONCEPTS & CONSULTANCY

WORDPRESS HANDLEIDING CUDOK CONCEPTS & CONSULTANCY WORDPRESS HANDLEIDING CUDOK CONCEPTS & CONSULTANCY 4 APRIL 2015 INTRODUCTIE Een WordPress website bestaat onder anderen uit de volgende onderdelen: Berichten Pagina s Producten Categorieën Menu s Al deze

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS Handleiding CMS 1 Inhoudsopgave 1. Inloggen... 3 2. Het CMS... 3 3. Websitecontent... 4 3.1 Een nieuwe pagina toevoegen... 4 3.2 Een pagina wijzigen... 4 3.3 Een pagina verwijderen... 5 4. De WYSIWYG editor...

Nadere informatie

http://demo.webflat.nl/

http://demo.webflat.nl/ Webflat Handleiding Bedankt voor het kiezen van Webflat. Ter referentie van alle functionaliteit zal er worden verwezen naar: http://demo.webflat.nl/ Op deze demo website staan alle mogelijkheden van het

Nadere informatie

Basis handleiding CMS

Basis handleiding CMS Basis handleiding CMS Inhoud Basis handleiding CMS... 1 Inloggen... 3 Pagina beheren... 4 Pagina toevoegen/wijzigen... 6 WYSIWYG editor... 8 externe / interne link toevoegen... 9 Plaatjes toevoegen...

Nadere informatie

2 december 2013 Eindgebruikershandleiding Weblicity CMS

2 december 2013 Eindgebruikershandleiding Weblicity CMS 2 december 2013 Eindgebruikershandleiding Weblicity CMS Deze handleiding is opgesteld door Weblicity http://www.weblicity.nl Inhoudsopgave Inhoudsopgave... 2 Introductie... 3 Inloggen Uitleg onderdelen

Nadere informatie

Navigator CMS 2009. Beknopte handleiding v1.0

Navigator CMS 2009. Beknopte handleiding v1.0 Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...

Nadere informatie

Handleiding Beveiligen van Wordpress

Handleiding Beveiligen van Wordpress Handleiding Beveiligen van Wordpress Deze handleiding beschrijft de stappen die u dient te nemen om uw Wordpress website te beveiligen Versie 1.0 Kies een sterk wachtwoord Gebruik als wachtwoord een combinatie

Nadere informatie

Handleiding Wordpress CMS 4-5-2015

Handleiding Wordpress CMS 4-5-2015 Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

Handleiding CMS Joomla 3.2 v1.2

Handleiding CMS Joomla 3.2 v1.2 Handleiding CMS Joomla 3.2 v1.2 Inhoudsopgave 1. Inloggen op het CMS-systeem 2. Artikelen en Categorieën beheren 2.1 Aanmaken en beheren van een artikel 2.2 Verwijderen van een artikel 2.3 Aanmaken van

Nadere informatie

Nieuwsbrieven versturen met MailPoet

Nieuwsbrieven versturen met MailPoet Nieuwsbrieven versturen met MailPoet Een nieuwe nieuwsbrief maken Om een nieuwe nieuwsbrief te maken klik je op de button nieuwe nieuwsbrief (2). Je kunt ook een reeds bestaande nieuwsbrief dupliceren

Nadere informatie

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

Algemene WordPress Handleiding uitleg basics Karin de Wit Design Inhoudsopgave Inhoudsopgave... 2 Algemene informatie... 3 Introductie... 4 Inloggen bij WordPress... 5 Introductie in het dashboard... 6 Berichten en pagina's... 8 Bericht Categorieën... 8 Nieuw Bericht...

Nadere informatie

Inhoudsopgave. Inloggen in beheermodule. Sidebar/Footer 8.2. Dashboard. Widgets toevoegen aan sidebar. Berichten 8.3. Tekst widget. Nieuwsbrief module

Inhoudsopgave. Inloggen in beheermodule. Sidebar/Footer 8.2. Dashboard. Widgets toevoegen aan sidebar. Berichten 8.3. Tekst widget. Nieuwsbrief module Via de Beheermodule genaamd Wordpress kunt u zelf uw website bewerken, updaten en volledig naar wens stijlen. In deze Algemene handleiding leest u alles over de functies die wij als Digiwebsite met de

Nadere informatie

CUDOK CONCEPTS & CONSULTANCY

CUDOK CONCEPTS & CONSULTANCY WOOCOMMERCE HANDLEIDING CUDOK CONCEPTS & CONSULTANCY 6 OKTOBER 2015 INTRODUCTIE Een WooCommerce webshop is geïntegreerd als een plugin in een WordPress website en bestaat uit de volgende onderdelen: WooCommerce

Nadere informatie

Een website omzetten naar WordPress

Een website omzetten naar WordPress 1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt

Nadere informatie

Berichten maken en beheren

Berichten maken en beheren Berichten maken en beheren Berichten (of het Engels: posts) zijn de basis van WordPress. Als uw website een blog is, zijn de berichten het meest gebruikte onderdeel. Anderszins zijn berichten actualiteiten,

Nadere informatie

SWIS Handleiding Webbeheer

SWIS Handleiding Webbeheer 1 SWIS Handleiding Webbeheer Inhoudsopgave I. Inloggen in Webbeheer en je wachtwoord resetten... 4 Inlogscherm... 4 Dashboard met toptaken en statistieken... 4 Je wachtwoord vergeten?... 5 II. Modules:

Nadere informatie

Wordpress.com. Een site/blog aanmaken

Wordpress.com. Een site/blog aanmaken Wordpress.com Een site/blog aanmaken - Ga naar www.wordpress.com - Maak een account aan. - Lees zorgvuldig zodat je een Nederlandstalige versie aanmaakt. - Activeer het account vanuit je email. Het adres

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Gebruikershandleiding websitebeheer m.b.v. Wordpress Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie

Nadere informatie

Weebly. Inhoud. Vormingplus Limburg, L. Frederix

Weebly. Inhoud. Vormingplus Limburg, L. Frederix Weebly Inhoud 1 Starten met Weebly... 3 1.1 Aanmelden / Inloggen... 3 1.2 Website aanmaken... 3 1.2.1 Eerste website... 3 1.2.2 Tweede website... 5 2 : basis... 6 2.1 Elementen op een pagina... 6 2.1.1

Nadere informatie

Website met Wordpress

Website met Wordpress Website met Wordpress 5. Tabellen Onderwerpen van deze les: Editor Tiny MCE toevoegen Tabellen maken met TinyMCE WP-Table reloaded installeren en gebruiken Excel importeren in WP-Table reloaded Content

Nadere informatie

WORDPRESS. op de FourBottles manier. Pagina 1

WORDPRESS. op de FourBottles manier. Pagina 1 WORDPRESS op de FourBottles manier Pagina 1 Fijn dat je voor FourBottles hebt gekozen voor het realiseren van je website. Bij een website hoort natuurlijk een Content Management Systeem (CMS). Ik maak

Nadere informatie

Gebruikershandleiding

Gebruikershandleiding Gebruikershandleiding Inleiding. Het bijhouden, wijzigen en aanpassen van de inhoud van de website met je standaard web browser. De website maakt gebruik van CMS (content managment system) Door in te loggen

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding HetSchoolvoorbeeld 2.1 Websites Social media Mediawijsheid Grafisch ontwerp Handleiding HetSchoolvoorbeeld 2.1 Pagina 1 Inhoud 1 Opbouw van

Nadere informatie

EEN WEBSITE MAKEN MET WEEBLY

EEN WEBSITE MAKEN MET WEEBLY EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina

Nadere informatie

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login

Nadere informatie

Handleiding voor het gebruik van de community website van OBS t Padland

Handleiding voor het gebruik van de community website van OBS t Padland Handleiding voor het gebruik van de community website van OBS t Padland Versie: 1.1 Datum: 18 juli 2013 Geschreven door: ict@padland.nl 2013 OBS t Padland. Pagina 1 Inhoud Inleiding... 3 Padland Startpagina...

Nadere informatie

Handleiding Joomla CMS

Handleiding Joomla CMS Handleiding Joomla CMS Inhoudsopgave Inloggen bij de beheeromgeving 3 Artikelen 4 Prullenbak bekijken 4 Nieuw artikel maken / bewerken 5 Afbeelding toevoegen aan artikel 6 Link in een artikel plaatsen

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

Nadere informatie

HANDLEIDING CONTENT MANAGEMENT SYSTEEM

HANDLEIDING CONTENT MANAGEMENT SYSTEEM HANDLEIDING CONTENT MANAGEMENT SYSTEEM Het CMS in het kort Middels het CMS zijn alle pagina s aanpasbaar, met uitzondering van het inschrijfformulier en sitemap. Een beheersysteem zorgt in de eerste plaats

Nadere informatie

Central Station. CS website

Central Station. CS website Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Nadere informatie

DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur:Harriet Damen SURFnet BV

DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur:Harriet Damen SURFnet BV DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS Auteur:Harriet Damen SURFnet BV Versie 1.0 27 januari 2010 1 DRAAIBOEK CURSUS 21EDINGEN OP DE EIGEN INSTELLING Benodigde kennis om te starten met 21eDingen:

Nadere informatie

Handleiding Websitebeheer

Handleiding Websitebeheer Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...

Nadere informatie

Handleiding IZEE CMS. Dit is de handleiding voor IZEECMS

Handleiding IZEE CMS. Dit is de handleiding voor IZEECMS Handleiding IZEE CMS Dit is de handleiding voor IZEECMS Inhoudsopgave Inleiding... 4 Laatste update... 4 Voor wie is deze handleiding... 4 Vaste pagina s op de website... 4 Onduidelijkheden... 4 Voor het

Nadere informatie

3 Website opbouwen: vervolg

3 Website opbouwen: vervolg 3 Website opbouwen: vervolg 3.1 Elementen 3.1.1 Bestand Op je website kan je een bestand plaatsen (doc, pdf, ) dat door je bezoekers gedownload kan worden 3.1.2 Links. Zowel bij het typen van tekst (2.1.1)

Nadere informatie

1 BUSINESS INTERNET SUPPORT

1 BUSINESS INTERNET SUPPORT Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet

Nadere informatie

11. Website controleren

11. Website controleren 11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet

Nadere informatie

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4 Handleiding CMS Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen

Nadere informatie

Project plan. Erwin Hannaart Sander Tegelaar 61849 62407

Project plan. Erwin Hannaart Sander Tegelaar 61849 62407 Project plan Erwin Hannaart Sander Tegelaar 61849 62407 I4C2 I4C1 1 Inhoudsopgave Doel en doelgroep van het project... 3 Beschrijving van het project... 4 Benodigde materialen... 5 Te verwachten resultaten,

Nadere informatie

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING MARKETING & COMMUNICATIE - DIGITALE VORMGEVING 1 WordPress.com Een site/blog aanmaken Ga naar www.wordpress.com. Bovenaan kun je de pagina vertalen in het Nederlands Account Maak een account aan. Vul in:

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

WordPress Handleiding

WordPress Handleiding WordPress Handleiding Inhoud Inhoud Inleiding De voordelen van WordPress De basis van uw CMS Front-end / back-end De WYSISWYG-editor Paginabeheer Een nieuwe pagina toevoegen Een pagina te bewerken Mediabeheer

Nadere informatie

Bitrix Site Manager gebruikershandleiding BureauZuid

Bitrix Site Manager gebruikershandleiding BureauZuid Bitrix Site Manager gebruikershandleiding BureauZuid Introductie Deze gebruikershandleiding geeft gedetailleerde basisinformatie over hoe te werken met Bitrix Site Manager. Deze handleiding is bedoeld

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Vormgever 5. Sliders aanpassen

Nadere informatie

Handleiding CrisisConnect app beheersysteem

Handleiding CrisisConnect app beheersysteem Handleiding CrisisConnect app beheersysteem Inhoudsopgave 'Welkom bij de handleiding van de CrisisConnect app' 1. Start 1.1. Vereisten gebruik 1.2. Inloggen 1.3. Wachtwoord wijzigen 2. Vullen 2.1 Dossiers

Nadere informatie

Cursus Onderwijs en ICT. bloggen met Wordpress

Cursus Onderwijs en ICT. bloggen met Wordpress Cursus Onderwijs en ICT Deel 21 (versie 1.0 NL 27-04-2011) bloggen met Wordpress door Serge de Beer Inleiding Zelf ben ik niet zo n blogger. Niet dat ik het niet heb geprobeerd trouwens. Al regelmatig

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

Nadere informatie

Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5. Handleiding Beheer Standaard Website

Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5. Handleiding Beheer Standaard Website Auteur : MM-Pro Datum : 09-02-09 Versie : 0.1.5 Handleiding Beheer Standaard Versie Datum Opmerkingen 0.1.2 29-01-09 Note opgenomen op pagina 7 over subpagina's en weergave in menu structuur. 0.1.3 02-02-09

Nadere informatie

1.4.1 WordPress online 13 1.4.2 WordPress-software 13 1.4.3 Open source 13 1.4.4 Forums 14 1.5 Basisbegrippen in WordPress 14

1.4.1 WordPress online 13 1.4.2 WordPress-software 13 1.4.3 Open source 13 1.4.4 Forums 14 1.5 Basisbegrippen in WordPress 14 Inhoud Hoofdstuk 1 WordPress 1.1 Site bouwen 11 1.1.1 Software 11 1.1.2 CMS 11 1.2 Webdesign 11 1.3 Waarom WordPress? 12 1.3.1 CMS 12 1.3.2 WordPress 12 1.4 Wat is WordPress? 13 1.4.1 WordPress online

Nadere informatie

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren...

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren... Inhoudsopgave Voorwoord... 5 Nieuwsbrief... 5 Introductie Visual Steps... 6 Wat heeft u nodig?... 6 De website bij het boek... 7 Hoe werkt u met dit boek?... 7 Uw voorkennis... 8 Toets uw kennis... 8 Voor

Nadere informatie

Handleiding Word Press voor de bewoners Westerkaap 1

Handleiding Word Press voor de bewoners Westerkaap 1 1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren

Nadere informatie

Snel aan de slag met BasisOnline en InstapInternet

Snel aan de slag met BasisOnline en InstapInternet Snel aan de slag met BasisOnline en InstapInternet Inloggen Surf naar www.instapinternet.nl of www.basisonline.nl. Vervolgens klikt u op de button Login links bovenin en vervolgens op Member Login. (Figuur

Nadere informatie

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010 Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management

Nadere informatie

All rights reserved, HKBO 2015. Basishandleiding WordPress

All rights reserved, HKBO 2015. Basishandleiding WordPress All rights reserved, HKBO 2015 Basishandleiding WordPress Basishandleiding Wordpress Het kan Beter Online 1. Inloggen in het Wordpress Dashboard U kunt inloggen in het dashboard door achter uw domeinnaam

Nadere informatie

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Bij het maken van een blog is het belangrijk dat je er inhoud op plaatst. Dit noemen we content. Alles wat je openbaar op je blog

Nadere informatie

Handleiding bij WSM MailformGenerator

Handleiding bij WSM MailformGenerator 1. Voorwoord Welkom bij de handleiding voor de WSM MailformGenerator. Deze handleiding hebben we gemaakt om je snel en gemakkelijk uit te leggen hoe de WSM MailformGenerator werkt. Deze handleiding is

Nadere informatie

mijndomein.nl De Basiscursus Websitemaker

mijndomein.nl De Basiscursus Websitemaker De Basiscursus Websitemaker iedereen een website Deel 3: Promotie en SEO, 7 mei 2012 Inhoudsopgave 12: Je website promoten 3 Een abonnee toevoegen 3 Een abonnee verwijderen 4 De wizard abonnees 4 13: Distributie

Nadere informatie

Uw eigen website onderhouden. How To

Uw eigen website onderhouden. How To Uw eigen website onderhouden How To Over uw website Met uw website wordt uw bedrijf online goed gevonden. Het is als het ware een online visitekaartje voor uw (potentiële) klanten. Het voordeel van een

Nadere informatie

Starten Login. Simply SEO WEB APP Linie 552-1 7325 DZ Apeldoorn NEDERLAND. T: 055 843 79 48 E: info@simply-web.nl

Starten Login. Simply SEO WEB APP Linie 552-1 7325 DZ Apeldoorn NEDERLAND. T: 055 843 79 48 E: info@simply-web.nl Starten Login Om uw website te beheren moet u eerst inloggen op WordPress. Ga naar uw website en typ achter www.simply-web.nl de link /beheer http://www.praktijkvoorkindensport.nl/beheer U krijgt in het

Nadere informatie

Inhoud CONTROL PANEL HANDLEIDING STANDAARD CMS SEPT. 2012 VERSIE 2

Inhoud CONTROL PANEL HANDLEIDING STANDAARD CMS SEPT. 2012 VERSIE 2 CONTROL PANEL HANDLEIDING STANDAARD CMS SEPT. 2012 VERSIE 2 Inhoud INLOGGEN CMS... 2 WELKOM SCHERM... 3 MODULES - CONTROL PANEL... 4 BEHEER - CONTROL PANEL... 5 GEBRUIKERSBEHEER - TOEVOEGEN... 6 GEBRUIKERSBEHEER

Nadere informatie

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING INHOUD I. LOGIN IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING II. BEHEER UW WEBSITE 1. ONDERWERP A. Informatie B. Contactpersoon C. Links D. Footer E. Favicon 2. CMS A. Toevoegen (een pagina) B. SEO 3.

Nadere informatie

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd Introductie Deze handleiding heeft tot doel een eenvoudige stap voor stap handleiding te zijn voor eindgebruikers van CMS Made Simple

Nadere informatie