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