20130612 vorming word press open aanbod

26
Grijp de kansen van de digitale media

Transcript of 20130612 vorming word press open aanbod

Page 1: 20130612 vorming word press open aanbod

Grijp de kansen van de digitale media

Page 2: 20130612 vorming word press open aanbod

Robin KossiWebsites bouwen met WordPress06-05-2013

Page 3: 20130612 vorming word press open aanbod

Inhoud

• Inleiding

• Installatie

• Dashboard

• Content toevoegen

• Plugins installeren

• Gebruikers definiëren

• Uiterlijk veranderen

Page 4: 20130612 vorming word press open aanbod

Inleiding

•Webhosting

• Heb je nodig om een website te ‘publiceren’ op het internet

• Leent je schijfruimte en nodige diensten zodat anderen jouw website kunnen bezoeken

• 24/7, 7 dagen op 7

• Betalend

Page 5: 20130612 vorming word press open aanbod

Inleiding

•Publiceren op het web

• Content Management System: Een systeem dat ondersteuning biedt bij het publiceren van content op het net

• Verschillende systemen, afhankelijk van behoeften

Page 6: 20130612 vorming word press open aanbod

Inleiding

•Wat is WordPress?

• Gratis

• Blogging applicatie

• Uitgegroeid naar een Content Management System

•Wat heb je nodig?

• Hosting (provider)» Database

• FTP programma: FileZilla (gratis)

• Browser (Chrome, Firefox, IE9+)

Page 7: 20130612 vorming word press open aanbod

Installatie

Page 8: 20130612 vorming word press open aanbod

Installatie

Click icon to add picture

Page 9: 20130612 vorming word press open aanbod

Installatie

Click icon to add picture

Page 10: 20130612 vorming word press open aanbod

Installatie

Page 11: 20130612 vorming word press open aanbod

Installatie

Page 12: 20130612 vorming word press open aanbod

Installatie

Page 13: 20130612 vorming word press open aanbod

Front-end & back-end

•Front-end

• De “voorkant” van een website

• Bezoekers krijgen dit te zien

•Back-end

• Afgeschermd

• Beheer van website» Toevoegen/bewerken/verwijderen van inhoud» Beheer gebruikers» Thema’s aanpassen» …

Page 14: 20130612 vorming word press open aanbod

Dashboard

•Front-end:•http://jouwwordpresspagina.be

•Back-end:•http://jouwwordpresspagina.be/wp-admin

Page 15: 20130612 vorming word press open aanbod

Dashboard

•‘Bureaublad’

•Content management

•Configuratie

Page 16: 20130612 vorming word press open aanbod

Dashboard

•Oefening:

• Upload een foto in de bibliotheek

• Maak een post aan met een foto uit de bibliotheek

• Zet de commentmogelijkheid uit voor de nieuwe post

• Maak 3 nieuwe pagina’s met 4 subitems

Page 17: 20130612 vorming word press open aanbod

Gebruikers

•5 standaard rollen:• Beheerder/administrator: Heeft alle rechten die je maar kunt bedenken, de admin

van het WordPress weblog.

• Gebruiker/editor: Kan berichten maken, bewerken, schrijven, maar ook andermans berichten bewerken. Heeft geen administratieve rechten.

• Auteur/author: Dit type WordPress gebruiker kan berichten schrijven, ze bewerken en publiceren.

• Schrijver/contributor: Kan berichten schrijven, maar kan ze niet publiceren. Dat wordt gedaan door de gebruiker of beheerder.

• Abonnee: Een standaard lid van je WordPress weblog. Kan net zoveel als een ‘Gast’, maar hoeft niet telkens opnieuw in te loggen om op berichten te kunnen reageren.

Page 18: 20130612 vorming word press open aanbod

Gebruikers

•Oefening:

Welk type gebruikers zouden er zijn op jouw site?Maak voor jezelf in excel een paar kolommen aan en verdeel deze mensen volgens de rechten die zijn krijgen.

Page 19: 20130612 vorming word press open aanbod

Plugins

•Plugins = optionele uitbrengen voor je website

• Akismet (standaard)

• Contact Form

• Socialize

• Gallery

• Facebook comments for wordpress

• Event Organiser

• YouTube embed plus

• …

» “Google is your friend”

Page 20: 20130612 vorming word press open aanbod

Plugins

•Oefening:

• ‘Embed’ een video in een blogpost en pas de grootte aan

• Gebruik Facebookreacties op een blogpost

Page 21: 20130612 vorming word press open aanbod

Thema’s

• Héél veel verschillende thema’s beschikbaar

• Veel gratis thema’s» Opletten met Terms of Use bij gratis thema’s» Ook niet altijd even gebruiksvriendelijk / goed» Betalende thema’s aan te raden

• Zoek een thema dat het best past bij jouw site

• Functionaliteit > uiterlijk

Page 22: 20130612 vorming word press open aanbod

Widgets

• Werkt als een soort van blok dat je kan plaatsen in jouw site

• Verschillende functies:» Lijst van recente

reacties/berichten» Zoekformulier» Kalender» ...

• Oppassen met het plaatsen van widgets: Sommige thema’s passen sidebars aan!

• Widget plugins ook beschikbaar

Page 23: 20130612 vorming word press open aanbod

Thema’s

Header

Body

Footer

Page 24: 20130612 vorming word press open aanbod

Weergave

Page 25: 20130612 vorming word press open aanbod

Thema’s & plugins

•Oefening:

• Bekijk wat je graag op je site wilt» Maak evt een wireframe

• Zoek een thema die het best past bij wat je zoekt

• Installeer 3 plugins die je site een meerwaarde bieden

Page 26: 20130612 vorming word press open aanbod

WordPress.com vs WordPress.org

• WordPress.com is een service waarbij je een WordPress website kan maken die wordt gehost op hun eigen site

• Voordelen WordPress.com:» Eenvoudige installatie» Gratis

• Nadelen:» Geen plugins/thema’s toegestaan» Reclame» Geen eigen domeinnaam