1

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

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 uit dit voorbeeld is nu: http://mcstudentenwerk.wordpress.com/ Wil je inloggen als beheerder dan plaats je achter dit adres: wp-admin Dus: www.mcstudentewerk.wordpress.com/wp-admin Je komt in het volgende inlogvenster:

- Voer je gebruikersnaam en wachtwoord in. Je komt nu in het Dashboard van de site.

2

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Dashboard

Het Dashboard is de plek waar gebruikers, afhankelijk van hun rol de weblog / site kunnen beheren. Het Dashboard bestaat uit drie hoofdonderdelen: 1 Dashboard algemeen. 2 Menu-items die met het plaatsen van content op de website (blog) te maken hebben. 3 Menu-items die met het uiterlijk en werking van de website (blog) en Dashboard te maken hebben.

De site bekijken - Om te zien hoe je site er uitziet klik in de bovenbalk op de naam van je site.

- Als je weer terug wilt naar het Dashboard klik je weer op de naam - Dashboard.

Instellingen algemeen Algemene instellingen zoals Titel, Subtitel, Datum, Tijd en Blogicoon kun je hier instellen. Klik in het linkermenu onderaan op Instellingen – Algemeen.

Vergeet niet onderaan dit menu je wijzigingen op te slaan.

3

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Een thema instellen en bewerken - Kies bij Weergave in het linkermenu op Thema’s.

Je ziet een aantal verschillende ontwerpen (thema’s). - Om een ontwerp te bekijken: Klik je op Voorbeeld. Sluit daarna het voorbeeld door het

geopende venster te sluiten. Als je voor een thema kiest klik je op Activeren bij het door jou gekozen thema. Het thema wordt geactiveerd. Dit kan even duren.

- Bekijk het thema door weer te klikken op de naam van je site in de linker bovenhoek. - Vind je het ontwerp toch tegenvallen, kun je op dezelfde wijze voor een nader thema

kiezen. Afhankelijk van het thema dat je gekozen hebt kun je bij Weergave een eigen Header of Kop plaatsen, een eigen Kleur bepalen, Lettertypes aanpassen, etc.

Een pagina of een bericht maken In WordPress kun je berichten en pagina's schrijven. Blog – Berichten: Wanneer je een regelmatige blog schrijft kies je voor berichten. Berichten worden automatisch weergegeven in omgekeerde chronologische volgorde op de startpagina van je blog pagina. Site - Pagina’s Kies je voor een site dan heb je vaste pagina’s nodig zoals Contact, Portfolio, etc. Pagina's staan buiten de normale blog chronologie en hebben een meer tijdloze inhoud. Er zijn dus twee mogelijkheden voor je startpagina:

Startpagina met een blijvend bericht (Blog)

Een introductiebericht schrijven en dat dan als eerste bericht op je homepage blijven tonen. Dit kun je doen door het Sticky te maken. Ga als volgt te werk:

- Klik in het linkermenu op Berichten – Alle berichten - Kies bij het bericht dat Wordpress al geplaatst heeft voor Bewerken. - Maak je eigen Tekst en Titel. - Klik in het rechtermenu Publiceren bij Gepubliceerd op Bewerken. - Kies bij Openbaar voor Bewerken - Vink aan: Op de voorpagina plakken (sticky) - Klik tot slot op de knop Bijwerken.

4

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Startpagina met een vaste homepage (Site)

Een statische (vaste) pagina als voorpagina kiezen en eventueel een andere pagina maken waar je berichten op worden geplaatst. Ga als volgt te werk:

- Klik in het linkermenu op Berichten – Alle berichten - Vink het door Wordpress geplaatste bericht aan - Kies voor Prullenbak – Acties uitvoeren - Klik in het linkermenu op Pagina’s – Alle pagina’s. - Kies bij de pagina Wordpress al geplaatst heeft voor Bewerken. - Noem de pagina Home. - Type je Welkomsttekst. - Klik op de knop Bijwerken. - Klik in het linkermenu op Pagina’s – Nieuwe pagina. - Noem de pagina Berichten. - Laat de pagina leeg. - Klik op de knop Publiceren. - Ga nu naar Instellingen (onderaan in het linkermenu). - Maak de keuzes zoals te zien in onderstaande afbeelding.

- Klik onderaan de pagina op Instellingen bijwerken.

Nog meer pagina’s - Klik in het linker menu op Pagina’s – Nieuwe pagina - Geef de pagina een titel en inhoud. - Klik rechts op Publiceren

Subpagina’s

Om niet te veel knoppen op je site te krijgen kun je pagina’s in groepen verdelen. Daarbij kies je steeds 1 hoofdpagina waaraan 1 of meerdere bijbehorende pagina’s gekoppeld zijn. De knop van de hoofdpagina krijgt dan een uitrolmenu. Hoe geef je aan of een pagina een hoofdpagina of een sub pagina is?

- Ga naar Alle pagina’s – Klik op de Pagina die je als Subpagina wilt laten zien.

- Kies voor Bewerken - Rechts zie je onderstaand menu. Klik op de pagina die je als

hoofdpagina hebt gekozen

5

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Volgorde van de pagina’s

Om invloed te hebben op het zichtbaar maken van pagina’s en de volgorde ervan moet je eerst een menu maken.

- Ga in het linkermenu naar Weergave – Menu’s - Kies voor nieuw menu maken. Geef dit menu een naam. Bijvoorbeeld de naam van je

site. - Vink bij Pagina’s de pagina’s aan die je in dit menu wilt laten zien en kies voor Aan

menu toevoegen. - Scrol naar beneden. Hier zie je het nieuwe menu waarin de gekozen pagina’s onder

elkaar staan. Deze pagina’s kun je in de juiste volgorde slepen. - Scrol weer naar boven. Vink bij Themalocaties, bij Primaire navigatie het door jou

gemaakte menu aan. - Kies voor opslaan.

Widgets weergeven of verwijderen Widgets zijn extra applicaties op je site zoals bijvoorbeeld een Kalender of een Twitter-menuutje.

- Ga in het linkermenu naar Weergave – Widget. - Maak een keuze uit de Widgets die je op je site wilt. - Sleep deze widgets in in het Widgetmenu rechts.

De Secundaire Widgetruimte kun je alleen gebruiken als je site uit meer dan 2 kolommen bestaat. Wordpress heeft zelf al een aantal Widgets aan je site toegevoegd. Als je deze wilt verwijderen, sleep ze dan in het menu Gedeactiveerde Widgets.

Voor sommige Widgets zoals Facebook en Twitter moet je je accountgegevens invullen. Klik als je dit gedaan hebt op ok.

6

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Gallery (fotoviewer) WordPress heeft een standaard gallery-functie. Hiermee toon je meerdere afbeeldingen binnen een bericht of pagina, als thumbnails (postzegels) naast elkaar. Wanneer je op een van de afbeeldingen klikt, krijg je een grotere variant te zien en kun je vrij eenvoudig naar de volgende en de vorige afbeeldingen bladeren. Zelf een gallery toevoegen aan een bericht of pagina:

- Kies voor Nieuw bericht of Nieuwe Pagina - Klik op Media toevoegen

- Klik op Bestanden uploaden vanaf computer - Selecteer meer dan 2 afbeeldingen. Imn de bovenbalk komt nu automatisch het woord

Gallery

- Klik bij iedere afbeelding op Tonen. Voer een juiste titel en beschrijving in. - Kies voor Alle wijzigingen opslaan. - Kies onderaan bij Gallery-instellingen voor:

o Thumbnails koppelen aan afbeeldingsbestand o Menuvolgorde (sleep de afbeeldingen in de juiste volgorde). o Gewenste aantal gallerykolommen o Kies voor Gallery toevoegen of Slideshow invoegen

7

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Extra info: http://lessen.wordpress.com

PDF invoegen - Ga in je dashboard naar Media-upload. - Klik op Select Files. - Browse op je computer naar het PDF-bestand wat je toe wilt voegen en klik op OK. Het

PDF bestand wordt toegevoegd. - Klik op de Link in het bericht- of paginavenster. Klik op het Link-icoon – Kies voor Open

in nieuw venster

Youtube invoegen - Ga in je dashboard naar Media-upload. - Kies voor Invoegen URL. - Vul onderstaand venster in en klik op OK.

8

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

-

9

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Wordpress.org Wordpress.com is een gratis blog. Voor Wordpress.org moet je zelf een (betaalde) ruimte op het internet (webspace) hebben. Het voordeel van Wordpress.org is dat je blog of site een eigen naam heeft (zonder de toevoeging /wordpress.com). Een ander voordeel is dat je extra Plug-ins kunt installeren waardoor je site of blog meer extra mogelijkheden krijgt. De werkwijze van Wordpress.org is ongeveer hetzelfde als bij Wordpress.com. Bij Wordpress.org moet je echter eerst een site/blog aanmaken vanuit een database. In onderstaan extra informatie voor een Wordpress.org site/blog

Database aanmaken - Ga naar mijn domein of andere provider - Log in - Klik op database maken - Volg stappen - Ontvang mail met gebruikersnaam en wachtwoord - Ga naar: Mijn domein - database - Klik op admin php - Type gebruikersnaam en wachtwoord

Wordpress installeren Instructiefilmpje: http://www.youtube.com/watch?v=7_9j14ededs&feature=youtu.be

- Wordpress downloaden (www.wordpress.org) en uitpakken met rechtermuis Let op: kies voor de juiste taal

- Site definiëren in Dreamweaver of ander ftp-programma - Lege site downloaden - Inhoud wordpressmap plakken in public/sites/www.mijndomeinnaam.nl - Uploaden naar internet - Ga naar: www.mijndomeinnaam.nl - Kies voor: Configbestand maken - Klik op : let’s go - Vul in: databasenaam, database gebruikersnaam (zijn hetzelfde bij mijn domein),

password, host (db.domeinnaam.nl) - Bij Table prefix staat al wp – gewoon laten staan - Klik op submit - Run the install - Zelf kiezen: Titel, gebruikersnaam, wachtwoord, e-mail - Klik op wordpress installeren - klik op inloggen

10

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Taal aanpassen - Download de NL-versie en pak die uit. Check: Wordpress nederlands. - Pak de zip die je hier download uit. - Zoek in de net uitgepakte map wordpress wordpress-x.x.x-nl_NL\wordpress\wp-content\

naar de map languages - Kopieer en plak de map languages in jouw map \wp-content. Bijvoorbeeld - Pas jouw wp-config.php aan: - Zoek de volgende code op:

define ('WPLANG', ''); en verander dit naar define ('WPLANG', 'nl_NL') - Ververs het Dashboard en de taal is aangepast.

Thema's installeren In Wordpress.org kun je naast de al aanwezige thema’s ook thema’s importeren:

- Klik in dashboard op Thema's beheren - Tabblad thema's installeren - Blader naar zipbestand van een gedownload thema - Kies voor openen. - Ga nu naar tabblad thema's beheren

Plugins Het importeren van Plugins is een extra mogelijkheid van Wordpress.org.

Nextgengallery (plug-in) in theme twentyten

- Installeer deze plug-in (als gezipt bestand) - Klik op Gallery – add new gallery - Geef de gallery een naam – add gallery - Vink de nieuwe gallery aan bij Kies Gallery - Upload images - Ga naar de juiste pagina - Kies op het tabblad wysiwyg (what you see is what you get) - Kies voor icon NextGen - Vink de juiste gallery aan

11

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Gallery theme TwentyTen

- Maak pagina aan - Kies voor publiceren - Ga naar weergave menu - Plaats de pagina in het menu (pagina aanvinken – aan menu toevoegen – menu

aanpassen) - Ga naar media - Upload afbeeldingen (nieuw bestand bladeren of slepen) - Beschrijf de afbeelding door te klikken op Tonen - Sla wijzigingen op. - Open de bibliotheek - Voeg een aantal afbeeldingen toe aan een pagina - Ga naar de pagina - Kies voor upload gallery - Wp kies automatisch de gallery die je gekoppeld hebt - Koppel thumb aan bijlage pagina - Klik op bijwerken

Plugin voor een extra taal

http://wpml.org/

Embedded Video

Dit doe je door gebruik te maken van de ingesloten media of embedded media knop. Dit is de knop in de wysiwyg editor van WordPress met een stuk film als symbool. De knop bevindt zich tussen de gum en het omega symbool in. Als je op deze knop drukt wordt er een nieuw venster geopend. Daarin kun je de link naar de video alsmede de maten invoeren. Nadat je de zaken op de juiste wijze hebt ingesteld kun je op invoegen drukken en dan zal de video in je post worden geplaatst.

Plugin Smart Youtube

- Download Plug-in Smart Youtube Upload het zipbestand bij plug-in - Kies voor activate - Gebruik de optiepagina voor persoonlijke voorkeuren

12

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

- Kopieer de YouTube-url - Verander de url door na http een v te typen, dus httpv:// - Als je kiest voor video in High Quality mode , type dan een v en een h na http. Dus :

httpvh:// - Unlink de link door te klikken op unlink.