Post on 21-Mar-2017
10/03/2017 - Sabbattini
JOUW EIGEN WEBSITE MAKEN
I LIKE MEDIA: COLLECTIEF VAN FREELANCE
TRAINERS MET PASSIE VOOR DIGITALE MEDIA
Wie ben ik?
Wie zijn jullie?
● Wat zou je graag doen na deze opleiding?
● Welke website zou je maken?
WordPress
● Meest populaire manier om blogs te maken
● Tegenwoordig niet enkel blogs, maar volledige websites via WordPress - eenvoudig in gebruik en veel mogelijkheden
● CMS = Content Management Systeem: jij zet info (berichten, pagina’s, media,…) in de website en jouw bezoekers krijgen die te zien wanneer ze naar je website surfen
● Eigenlijk een website die al af is en je naar hartelust kan invullen en aanpassen
Voordelen van WordPress
● Je kan gratis starten
● Gemakkelijk in gebruik
● Zelf controle over je website - de structuur is er en hoef je zelf niet te maken, je kan je volledig focussen op de inhoud
● Websites gemaakt in WordPress worden gemakkelijker gevonden in Google
● WordPress Helpdesk
Technisch
● WordPress maakt gebruik van PHP en MySQL
● PHP = Hypertext Preprocessor - Scripttaal om dynamische webpagina’s te programmeren. Elke pagina in WordPress werd door de ontwikkelaars in PHP gemaakt.
● Ook HTML - de structuur van een webpagina en CSS - het uiterlijk van je pagina
● MySQL = Structured Query Language - De database achter de WordPress-bestanden. Alles wat jij in WordPress zet (berichten, pagina’s, afbeeldingen,...) komt vanzelf in die database terecht
WordPress.com vs. WordPress.org
WordPress.com
Belangrijk bij websites
● Gebruiksvriendelijkheid
● Snelheid
● Responsiveness
● In elke browser hetzelfde
resultaat
Hoe werkt WordPress.com?
● Account aanmaken
● Berichten - Pagina’s - Menu
● Thema
● Structuur!
● Structuur van je website is het allerbelangrijkst
● Wat moet op je website staan?
● Maak eerst een sitemap = diagram van die structuur
● Alle pagina’s + onderlinge links
Structuur
Account aanmaken
FRONT END
Wanneer je klikt op ‘Mijn sites’ krijg je het dashboard van
WordPress.com te zien
DASHBOARD
● Hier kunnen we alles aanmaken/aanpassen:
○ Blogberichten
○ Pagina’s
○ Thema’s
○ Menu’s
○ Plugins
● We gaan eerst de instellingen onder de loep nemen
BACK END
Instellingen - Algemeen
Instellingen - Schrijven
Wat zijn categorieën?
● WordPress-berichten kunnen tot een categorie behoren
● Categorie = hoofdonderwerp waarover je bericht gaat
● Zo kunnen jouw bezoekers gemakkelijk alle artikels binnen een
bepaalde categorie bekijken = overzichtelijk
● Verplicht in WordPress
● Standaard staat ‘geen categorie’ aangeduid
● Dit kan je zelf aanpassen
Wat zijn tags?
● Tags kan je zelf naar hartelust aanmaken
● Dit kan gaan van de onderwerpen in je bericht tot plaatsnamen,
namen van belangrijke personen,…
● Door tags aan je berichten te geven, worden je blogberichten
gemakkelijker gevonden in zoekmachines als Google
● Door tags worden je blogberichten ook gemakkelijker gevonden
wanneer iemand gebruikmaakt van de zoekfunctie op je website
Instellingen - Reacties
Instellingen - Analytics
● Maak een Google Analytics-
account aan
● Bij je beheerdersinstellingen,
maak je een
‘Nieuw account’
Instellingen - Analytics
● Deze ID vul je aan bij
‘Instellingen - Analytics’
● Vanaf nu worden website-
gegevens bijgehouden
Instellingen - SEO
Instellingen - Importeren & Exporteren
Berichten
● Blogstijl
● Je kan het vergelijken met nieuwsberichten voor een krant of columns voor een tijdschrift
● Het zijn korte of langere artikels die je website levendig en up to date houden
● Worden in maandelijkse archieven bewaard en krijgen doorgaans 1 categorie en verschillende tags
Nieuw bericht
Nieuw bericht
● Geef je bericht een titel
● Permalink (URL zoals hij in de zoekbalk zal verschijnen)
● Poll - contactformulier - locatie toevoegen
● + = Media toevoegen in bericht
● Typ je tekst - Via de knoppen kan je jouw tekst opmaken
(WYSIWYG - What you see is what you get à la Word)
● Visueel of Tekst (code - vb. om te embedden)
● Publiceren (Verschillende opties - concept I datum I publicatie)
● Categorieën - Tags
● Uitgelichte afbeelding (afbeelding boven titel en tekst)
● Delen (mensen de mogelijkheid geven artikel te delen I liken)
● Postformaat (standaard = alle mogelijkheden)
● Meer opties = locatie I reacties toelaten I ...
Media
Media
● URL
● Titel
● Onderschrift: wordt getoond door sommige thema’s
● Alt Tekst: wordt getoond voor zoekmachines en wanneer
afbeelding niet beschikbaar is
● Beschrijving: wordt getoond door sommige thema’s
● Uitlijning: links - gecentreerd - rechts
● Wijzig naar waar je media doorlinkt (bestand, pagina, URL)
● Afmeting
● Invoegen in bericht - Je afbeelding staat dan in je bericht
○ Door erop te klikken, kan je de afbeelding verkleinen of
vergroten door de vierkantjes rond de foto te verslepen
○ Ook kan je de uitlijning wijzigen en de afbeelding bewerken
of verwijderen
Pagina’s
● Pagina’s zijn bedoeld voor inhoud die niet vaak verandert
(bijvoorbeeld ‘Over Ons’ met een contactformulier, info,…)
● Pagina’s bevatten tijdloze info
● Ze worden niet in het maandelijks archief opgenomen en
hebben geen categorieën en tags
● Deze pagina’s kan je aan het menu van je website toevoegen
● Werken op net dezelfde manier als berichten
● Kan je ook maken/aanpassen via ‘Mijn sites’
Pagina’s
Pagina’s
● Geef je pagina een titel (dezelfde werking I mogelijkheden als
berichten)
● Permalink (URL zoals hij in de zoekbalk zal verschijnen) en media -
poll - contactformulier - locatie toevoegen
● Typ je tekst - Via de knoppen kan je jouw tekst opmaken (WYSIWYG)
● Visueel of Tekst (code -vb. om te embedden)
● Publiceren (Verschillende opties)
● Pagina-attributen (Hoofd en subpagina’s - Volgorde indien je je
pagina’s niet alfabetisch wil laten weergeven)
● Uitgelichte afbeelding (niet bij elk thema zichtbaar)
Thema’s
● Je thema bepaalt het volledige uitzicht van je website
● Mogelijkheid tot live demonstratie - uitproberen en aanpassen -
activeren
Thema’s
● Minder mogelijkheden bij WordPress.com dan WordPress.org,
maar je zal zeker jouw ding kunnen vinden
● Gratis versus betalend (naar eigen keuze en wensen)
● Waar moet je op letten?
○ Responsive
○ Rating (hoe meer actieve installaties en positieve
beoordelingen, hoe beter)
○ Opgelet! Bij ‘Weergave’ - ‘Mobiel’ altijd mobiel thema
aanzetten
● Je kan van elk thema een voorvertoning krijgen om een beter
zicht te hebben op het uiterlijk van dat thema
● Klik je op ‘uitproberen en aanpassen’, dan zie je de Customizer
Customizer
● Via ‘Thema’s’ - ‘Customizer’ of per thema ‘Uitproberen en aanpassen’
● Ook hier kan je nog ontzettend veel aanpassingen maken aan je
website + soms thema-specifieke opties!
Menu’s
● Kan je aanmaken I aanpassen in je Customizer of in je
Dashboard
● De menunaam is enkel voor jou zichtbaar
● Je voegt je pagina’s I berichten I categorieën I … toe aan je
menu en wijst dat menu toe aan een locatie (doorgaans
bovenaan - primair menu)
Menu’s
● Om ervoor te zorgen dat je menu zichtbaar is, moet je elk menu
aan een locatie toewijzen (de beschikbare locaties zijn
afhankelijk van het thema dat je gebruikt)
● Het primaire menu is altijd datgene wat bovenaan staat
● Wil je automatisch elke pagina die je vanaf nu aanmaakt, in je
menu zien staan? Klik dan op ‘automatisch
hoofdniveau-pagina’s aan dit menu toevoegen’. Subpagina’s
zullen dus niet automatisch toegevoegd worden
● Om de volgorde van de menu-items te veranderen, kan je deze
in de gewenste volgorde slepen
● Om een submenu-item te maken, sleep je dat onderdeel in de
rechterkolom iets meer naar rechts.
Widgets
● Toegankelijk via je Customizer
● Een widget is een extra mogelijkheid die je aan je website kan
toevoegen in zijbalken of footers, vb. een zoekbalk in de
sidebar, een overzicht van de laatste blogposts, de
Twitter-tijdslijn van jouw organisatie/merk, een afbeelding,...
● Sommige thema’s hebben enkel een sidebar om widgets in te
plaatsen, bij andere thema’s kan je ook widgets plaatsen in een
extra linker, rechter, boven, onder-zijbalk of een (of meerdere)
footer(s)
● Heel veel widgets in WordPress.com - je sleept je gewenste
widget telkens in een widgetlocatie naar keuze
Widgets
Plugins
● Mini-programma’tjes die extra functionaliteiten aan je website
toevoegen
● Het feit dat we zoveel beschikbare widgets hebben, komt onder
andere door enkele plugins.
● Dat we in elk bericht of pagina een contactformulier, poll of
locatie kunnen toevoegen, is ook mogelijk door
voorgeïnstalleerde plugins.
● Alle nodige plugins zijn al geïnstalleerd. Bij WordPress.com kan
je zelf geen extra plugins toevoegen (itt. WordPress.org - daar
moet je dus zelf uitzoeken welke plugin het beste werkt voor
elke functionaliteit die je extra wilt)
Plugins
Plugins
Plugins
Mensen
● Je kan met meerdere personen (gebruikers) aan dezelfde
WordPress-website werken.
● In je Dashboard klik je op ‘Mensen’
Gebruikers
● Wie kan wat doen?
○ VOLGER - Iemand die jouw website volgt, updates in de
mailbox krijgt en geen gegevens moet ingeven (naam,
e-mail,...) wanneer hij een reactie op je berichten plaatst
○ SCHRIJVER - Kan berichten zonder media schrijven (maar
niet publiceren) en zijn eigen profiel bewerken
○ AUTEUR - Kan enkel zijn eigen berichten en media
toevoegen en aanpassen en zijn eigen profiel bewerken
○ REDACTEUR - Kan berichten, media, pagina’s, categorieën
en tags aanmaken, bewerken en verwijderen. Hij kan
reacties (in het tabje reacties) goedkeuren, afkeuren,
verwijderen. Hij kan zijn eigen profiel aanpassen, maar niets
veranderen aan de weergave en andere gebruikers
○ BEHEERDER - Kan alles doen (er is minstens 1 en standaard
de persoon die de website heeft aangemaakt)
DOMEIN
● Wat als je een domeinnaam wil laten registreren?
● Je krijgt dan geen reclame meer te zien op je website en ook
‘site.wordpress.com’ verdwijnt na jouw sitenaam. Zolang je
gewenste domeinnaam nog beschikbaar is, kan je deze
registreren
● Je klikt bij ‘Mijn sites’ op ‘Abonnementen’. Hier kan je kiezen voor
een WordPress.com-plan voor jouw domein
DOMEIN
● Heb je al een domeinnaam of wil je er eentje registreren bij een
webhostingfirma als one.com, versio.nl, combell.com,...?
● Klik op ‘Domeinen’ en voeg hier jouw domeinnaam toe.
WordPress zet dan zelf alle inhoud van je gratis site over naar
jouw domeinnaam ALS JE EEN BETALEND
WORDPRESS-ABONNEMENT hebt.
● Bij WordPress.com is het dus het handigst om bij
‘Abonnementen’ er eentje bij WordPress.com zelf aan te kopen
en gebruik te maken van die webruimte
Aan de slag!
Je kan nu volledig jouw eigen website beginnen invullen.
Stuur je vragen naar nele@ilikemedia.be
Deze presentatie vind je ook op
www.slideshare.com/ilikemedia
Abonneer je op onze nieuwsbrief www.ilikemedia.be/nieuwsbrief
Volg ons op Facebookwww.facebook.com/ilikemedia.be