WORDPRESS HET ONTWIKKELEN VAN PAGINA S VOOR INTERNET EN/OF INTRANET OPLEIDING: EVENEMENTENORGANISATIE

Vergelijkbare documenten
WORDPRESS HET ONTWIKKELEN VAN PAGINA S VOOR INTERNET EN/OF INTRANET OPLEIDING: CREATIVE MARKETING EN COMMUNICATIE

WORDPRESS HET ONTWIKKELEN VAN PAGINA S VOOR INTERNET EN/OF INTRANET DIGITALE VORMGEVING PERIODE /2014 FONS GOOSEN / CORRIE VAN DE KROEF

Digitale vormgeving Wordpress deel 1

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

WORDPRESS HET ONTWIKKELEN VAN PAGINA S VOOR INTERNET EN/OF INTRANET DIGITALE VORMGEVING FONS GOOSEN MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

WORDPRESS MHBO INTERNATIONAL MARKETING EN COMMUNICATIE DIGITALE VORMGEVING PERIODE HET ONTWIKKELEN VAN PAGINA S VOOR INTERNET EN/OF INTRANET

Vormgeving en techniek

Wordpress.com. Een site/blog aanmaken

Inloggen. In samenwerking met Stijn Berben.

Handleiding wordpress

Ga naar en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Inhoudsopgave. 01. Inloggen & wachtwoord aanpassen Blz Pagina s beheren Blz Sidebars beheren Blz Menu beheren Blz.

ZÉLF JE WORDPRESS WEBSITE MAKEN?

Handleiding Wordpress CMS

Wordpress handleiding LOA Lak B.V.

Handleiding Wordpress

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

Publiceren met WordPress

All rights reserved, HKBO Basishandleiding WordPress

Inhoud van de website invoeren met de ContentPublisher

De WordPress 3.5 Beginners Handleiding

Handleiding WordPress Bakkeveen.nl

Handleiding. HetSchoolvoorbeeld.nl. Versie juni Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Handleiding korte instructie gebruik LommOnline voor verenigingen. Stap 1. Vooraf:

HANDLEIDING CMS (CONTENT MANAGEMENT SYSTEEM)

Handleiding. Content Management Systeem (C.M.S.)

IQ LEADS Adres: Curieweg 8E Postcode: 2408 BZ Plaats: ALPHEN AAN DEN RIJN Telefoon: (0172)

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

De Kleine WordPress Handleiding

Gebruikershandleiding websitebeheer m.b.v. Wordpress

WORDPRESS EN SELECTIES

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce

1.Inloggen. Wat is WordPress?

CMS HANDLEIDING

SWIS Handleiding Webbeheer

Kies vervolgens Media invoegen.

Teksten op je WordPress site zetten of aanpassen

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

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

WordPress Handleiding

LES 2: WORDPRESS.COM. Lesoverzicht: Aan de slag Aanmaken van de website Back-end Samenvatting

ZÉLF JE WORDPRESS WEBSITE MAKEN?

De Kleine WordPress Handleiding

HANDLEIDING. Hoe maak je je eigen crowdfunding site VOOR Daan

Handleiding CrisisConnect app beheersysteem

Starten Login. Simply SEO WEB APP Linie DZ Apeldoorn NEDERLAND. T: E:

Handleiding opmaken Wageningen UR Blog. Oktober 2015

HANDLEIDING WEBSITE BEHEER

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

Handleiding Word Press voor de bewoners Westerkaap 1

WELKOM OP STREAM! DE ONLINE COMMUNITY OVER TAAL EN ONDERWIJS IN FRYSLÂN!

WordPress Handleiding

Een voorpagina of vaklokaal omzetten in WordPress

WORDPRESS TRAINING: 1. AANMELDEN

Handleiding. Berichten maken in WordPress. juni 2013

Handleiding SCHOOLSTART.ONLINE START.ME

Gebruikerscursus Gids

1. Algemeen uitleg WordPress / CMS

emscreator PageBuilder Korte uitleg van werkwijze en functies

Handleiding CrisisConnect app beheersysteem

Introductiehandleiding Website Dussense Boys

2. INLOGGEN INLOGGEN'

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING


Handleiding CMS VOORKANT

PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

Globale kennismaking

HANDLEIDING. WordPress LAATSTE VERSIE: RODER!CKVS WEBDESIGN & WEBHOSTING

Waar pas je een WordPress menu aan?

1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts

Gebruikershandleiding Website RKVVO

Instructies Zitecraft Content Management System (CMS)

HANDLEIDING WORDPRESS

CMS Instructiegids Copyright Endless webdesign v.o.f

Een webshop vullen. a. Een product aanmaken. Ga nu naar Producten en kies voor Product toevoegen om een nieuw product aan te maken.

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.


Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina!

HET WORDPRESS ZONDER GEDOE STUDIEPAKKET

Handleiding om uw website/webshop aan te passen

Handleiding Joomla CMS

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op.

Materiaalontwikkeling in PAV

Handleiding website. Inloggen Start uw internet browser en ga naar Laatst bijgewerkt: 17 mei 2008

Handleiding opmaken Wageningen UR Blog. Maart 2016

SPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht

Bewerk uw eigen Digibordbij boek

v.1.11 Verenigingenweb Plus Handleiding Website in gebruik nemen

Trippeltrap Content Management System

CMS Instructiegids Copyright Endless webdesign v.o.f

Handleiding. Versie januari Meest recente uitgave: www. hetschoolvoorbeeld.nl/handleiding. Handleiding HetSchoolvoorbeeld 2.

Weebly. Inhoud. Vormingplus Limburg, L. Frederix

Leereenheid Webdesign

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Handleiding bij het Content Management Systeem

Wordpress handleiding. Voor vragen en meer informatie. Ontwerpgroep Lale T

Handleiding website. Inloggen Start uw internet browser en ga naar

Transcriptie:

WORDPRESS HET ONTWIKKELEN VAN PAGINA S VOOR INTERNET EN/OF INTRANET OPLEIDING: EVENEMENTENORGANISATIE DIGITALE VORMGEVING PERIODE 2, 2013-2014, FONS GOOSEN MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Voorwoord Deze periode gaan we een website maken in WordPress. De site is bedoeld als portfolio. Op deze site presenteer je de kennis en vaardigheden die van belang zijn voor je toekomstige beroep. Kennis en vaardigheden die je nu hebt en gedurende het jaar zult uitbreiden en ontwikkelen. In tegenstelling tot eerdere projecten bij vormgeving telt de inhoud mee in de beoordeling. Inhoud, techniek en vormgeving zijn in dit project onlosmakelijk met elkaar verbonden. WordPress We hebben gekozen voor het maken van een website met CMS-systeem van WordPress. In deze reader vind je de onderwerpen, de opdrachten en de beoordeling. Veel succes Fons Goosen WordPress 2

Inhoudsopgave Voorwoord blz 2 Inhoudsopgave blz 3 WordPress-site blz 4-24 Opdracht/WordPress blz 4 1. Account aanmaken blz 5 Dashboard blz 6 2. Weergave Thema kiezen blz 7 3. Pagina s Nieuwe Pagina blz 8 4. Weergave Header blz 9 5. Weergave Achtergrond blz 10 6. Weergave Menu blz 11 7. Pagina s Subpagina blz 12 8. Berichten Welkomsbericht blz 13 9. Berichten Links blz 14 10. Pagina s Galerij blz 15-16 11. Ontwerp Favicon blz 17-18 12. Weergave Widgets blz 19 13. Widgets Afbeelding blz 20 14. Pagina YouTube blz 21 15. Pagina Formulier blz 22 16. Links Sidebar blz 23 17. Website verbergen, verwijderen blz 24 Planning, beoordeling, afvinklijst blz 25 WordPress 3

Opdracht WordPress Opdracht Maak een website voor jezelf waarop je je toekomstig stagebedrijf informeert over je kennis, vaardigheden (school) en ervaringen (werk.). Pagina s: o Welkom, Home o CV (Curriculum Vitae) of About Me Voorstellen aan toekomstige stagebieder/werkgever: Wie ben je; Wat doe je; Wat zijn je interesses en ambities. Uiteraard toegespitst op je toekomstige beroep en niet privé. o Projecten: Korte omschrijving projecten; (behaalde) Leerdoelen; Bevindingen/Conclusies; Producten; Foto s/afbeeldingen o Digitale Vormgeving: Producten; Omschrijving van producten; Geleerde vaardigheden/technieken. o Contact Subpagina s: Bij Projecten en bij Digitale Vormgeving maak je een subpagina per periode. Naast de reader kun je gebruiken maken van websites voor WordPress op internet: http://www.handleiding.wordpress.com Andere sites: http://lesin.wordpress.nl http://wptipstrucs.wordpress.com/. http://digitalevormgeving.wordpress.nl WordPress 4

WordPress.com Account Opdracht 1, WordPress Maak een account aan in WordPress.com. Ga naar www.wordpress.com. Account Maak een account aan. Vul in: E-mailadres. Gebruikersnaam: je gebruikersnaam moet minimaal vier karakters zijn en mogen alleen bestaan uit kleine letters en cijfers. Wachtwoord: hiervoor mag je hoofdletters, kleine letters, cijfers en symbolen gebruiken. Blog Adres: kies een adres voor je blog (WordPress controleert het adres). Gratis Blog, in de tweede rij alleen het vinkje bij Gratis Blog. Klik daarna op Creëer Blog. Email Nadat je een account hebt aangemaakt en op Creëer Blog hebt geklikt, ontvang je een email. Activeer nu je account. Inloggen en beheren Het adres uit dit voorbeeld is nu: http://digitalevormgeving.wordpress.com Wil je inloggen als beheerder dan plaats je achter dit adres: wp-admin Dus: http://digitalevormgeving.wordpress.com/wp-admin. Je komt in het volgende inlogvenster: WordPress 5

Site bekijken Dashboard Om te zien hoe je site er uitziet, klik je in de bovenbalk op de naam van je site. Als je weer terug wilt naar het Dashboard klik je weer op de naam van je site links in de hoek, onder deze naam verschijnt het woord Dashboard en klik op het woord Dashboard. Dashboard bestaat uit drie onderdelen: 1. Dashboard algemeen. 2. Menu-items die met het plaatsen van content op de website te maken hebben. 3. Menu-items die met de werking en het uiterlijk van de website te maken hebben WordPress 6

Weergave Thema s Opdracht 2, Thema Probeer een aantal thema s uit en maak een keuze voor een thema Bij WordPress kun je meer dan 1200 gratis thema s vinden. Daarnaast zijn er ook bedrijven die betaalde thema s aanbieden. Maak een keuze welk thema voor jou passend is. Kies bij Weergave in het linkermenu: Thema s. Je kunt bladeren in thema s: Willekurig, A-Z, populair, Newest, Premium, Vrienden van WP.com. Je kunt ook gericht zoeken via Functie filters op Kleur, Kolommen, Breedte en Eigenschappen. Bekijk verschillende thema s: Klik je op Voorbeeld. Sluit daarna het voorbeeld door het geopende venster te sluiten. Activeren 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 ander thema kiezen. Ga weer naar Dashboard Afhankelijk van het Thema dat je gekozen hebt kun je bij Weergave een eigen Header (Kop) plaatsen, een eigen Achtergrond bepalen, bij Custom Design, Lettertypes aanpassen, etc WordPress 7

Pagina s Nieuwe Pagina Opdracht 3, Pagina s Maak vijf onderstaande pagina s voor je site met een contactpagina die als laatste staat in de rij. o Welkom, Home o CV (Curriculum Vitae) of About Me Voorstellen aan toekomstige stagebieder/werkgever: Wie ben je; Wat doe je; Wat zijn je interesses en ambities. Uiteraard toegespitst op je toekomstige beroep en niet privé. o Projecten: Korte omschrijving projecten; (behaalde) Leerdoelen; Bevindingen/Conclusies; Producten; Foto s/afbeeldingen o Digitale Vormgeving: Producten; Omschrijving van producten; Geleerde vaardigheden/technieken. o Contact Klik in het linkermenu op Pagina s Nieuwe pagina. Geef de pagina een naam. Pagina Bewerken Geef in het eerste veld de titel. In het grote vak kun je de inhoud typen. Om de pagina op te slaan zonder te publiceren, klik je op Opslaan als Concept (Save Draft). Wil je de pagina opslaan en direct publiceren, klik dan op Publiceren (Publish) of Bewerken. Wil je de pagina bekijken klik op Voorbeeld (Preview). Pagina- attributen instellen Hoofd: hier geef je aan of een pagina een hoofd- of sub-pagina is. Template: is afhankelijk van theme. Volgorde: Via deze optie kun je de volgorde van de pagina s aangeven in de navigatiebalk of bij de subpagina s onder elkaar. Publiceer de pagina s. WordPress 8

Weergave Header Opdracht 4A, Header-Ontwerp Ontwerp een header voor je website in Photoshop. Ieder thema heeft een eigen maat voor de header. Thema Twenty Ten heeft het formaat: 940 198 pixels, 72 pixels/inch, RGB. Thema K2-lite heeft het formaat: 780 200 pixels, 72 pixels/inch, RGB. Ga naar Dahboard, Weergave, Header en kijk hoe groot de header voor jouw website moet worden. Schrijf hier het formaat:.. Header. Maak in Photoshop de Header en verwerk in de header, je naam, je huisstijlkleuren, een passende achtergrond Opdracht 4B, Header Plaats de header die je hebt gemaakt in de WordPress-site Uploaden Om zelf een header te plaatsen ga je naar Weergave (Appearance). Kies voor het menu-item Header. Hier kun je een eigen gemaakte Header uploaden. Je kunt een Header in Photoshop maken. Zorg dat deze header het juiste formaat heeft. Ieder Theme heeft een andere maat. In het voorbeeld is dat 984 x 242 pixels, 72 pixels/inch. Sla je header op als Jpeg. Een andere manier is een foto uploaden en bijsnijden. Nadat het bestand is geüpload dan zie je het bovenin bij Voorbeeld staan. Bij Headertekst haal je eventueel het vinkje weg. Tenslotte weer Wijzigingen opslaan. WordPress 9

Weergave Achtergrond Opdracht 5, Achtergrond Geef de site een passende kleur of afbeelding voor de achtergrond. Hier kun je een Kleur of een Afbeelding als Achtergrond plaatsen. Bij Achtergrondinstellingen kun je de Achtergrondkleur bepalen. Je kunt de code van de kleur intypen of een kleur kiezen. Je kunt ook zelf een achtergrond maken in Photoshop maken en uploaden. Achtergrondafbeelding. Je kunt achter jouw website een Achtergrondafbeelding plaatsen. Bij Afbeelding uploaden ga je naar Bladeren naar jouw afbeelding. Daarna ga je naar Uploaden. Tenslotte Wijzigingen opslaan. Tenslotte kun je bij Weergave-instellingen bepalen: Positie: Links, Gecentreerd of Rechts; Herhalen: Geen herhaling, Uittrekken, Horizontaal naast elkaar; Let op om een afbeelding volledig achter je blog te plaatsen heeft het wel een bepaalde grootte nodig. Ik heb een groene kleur geplaatst met een grootte van 1800 x 1252 pixels. WordPress 10

Weergave Menu Opdracht 6, Menu Maak een menu aan en plaats de pagina s in de juiste volgorde in het menu. Om de pagina s te plaatsen moet je naar Menu s bij Weergave. Om te beginnen moet je een Menunaam invoeren bij Menunaam. Daarna klik op Menu aanmaken. Na het opslaan zie je links het veld Thema locaties. Kies uit de uitklaplijst de naam en klik op Opslaan. Plaats een vinkje bij Automatisch nieuwe top-level pagina s toevoegen. Pagina aan het menu toevoegen Ga naar Weergave en kies Menu s. Selecteer, plaats een vink voor de nieuwe pagina in het blok Pagina s. Klik op de knop Aan menu toevoegen (Add to Menu). Tenslotte sla alles op met de knop Menu opslaan. Kijk op de website of controleer of alles klopt. WordPress 11

Pagina s Subpagina s Opdracht 7, Subpagina Maak een uitklapmenu door een subpagina aan een pagina toe te voegen. Maak subpagina s per periode voor zowel Projecten als voor Digitale Vormgeving. Pagina s Nieuwe pagina Ga naar Alle pagina s Klik op Nieuwe Pagina. Type de naam van de subpagina. Pagina-attributen Rechts zie je het menu: Pagina-attributen. Zoek bij Hoofd (Meta) de pagina waaraan je de subpagina wilt toevoegen. Geef bij Volgorde (Order) de volgorde van de subpagina s aan nummer 0, nummer 1 etc. Klik boven Pagina-attributen op Publiceren. Weergave Menu Volgorde van de pagina s Ga in het linkermenu naar Weergave Menu s Vink bij Pagina s (links) de nieuwe pagina s aan. Kies voor Aan menu toevoegen. Rechts van de pagina s zie je nu alle pagina s afzonderlijk 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 Menu opslaan. WordPress 12

Welkomsbericht Opdracht 8, Berichten Schrijf een welkomsbericht op je berichtenpagina in plaats van het bericht Hello world. Berichten, Links, Pagina Ga in het linkermenu naar Berichten, Alle berichten. Ga met je muis over het bericht Hallo allemaal en klik op Prullenbak. Ga in het linkermenu naar Links, Alle Links. Je kunt deze allemaal verwijderen door bij Naam een vinkje te plaatsen. Klik vervolgens op Acties, Verwijderen. Klik vervolgens op Uitvoeren. Ga in het linkermenu nu naar Pagina s Ga met je muis over Voorbeeld pagina en klik op Prullenbak. Je eerste Bericht Ga naar het Dashboard. Klik links in het menu op Berichten en dan op Nieuw bericht. Het is ook mogelijk om boven in de menubalk op Nieuw Bericht te klikken Begin met het vullen van de Titel en start dan met het Schrijven in het venster onder de titel. Sla tijdens het schrijven op als concept. Plaats het bericht in de gewenste Categorie, rechts op je scherm. Lees verder Lange blogberichten die op elkaar volgen, zorgen ervoor dat de webpagina onoverzichtelijk wordt. Dit probleem kunnen we oplossen, door de inhoud van het bericht te splitsen in een zichtbaar bovengedeelte en een onzichtbaar volgend gedeelte, dat pas zichtbaar wordt, nadat op de link Lees verder geklikt wordt.. Werkwijze Maak de inhoud van uw bericht op. Zet uw cursor in het tekstvak op de plaats waar u de inhoud wenst te onderbreken Klik vervolgens in de Wysiwyg editor op de pictogram Insert More Tag. Er verschijnt dan een lijn met aan het eind More (zie hierboven). Klik in de rechterzijde op Publiceren om het bericht op te slaan Het resultaat ziet er zo uit, klik op de tekstlink Lees verder: Lees verder WordPress 13

Berichten Links Opdracht 9, Links Maak op de welkomspagina een bericht met een interne link en externe link. 1.Een interne TekstLink in hetzelfde venster. Dit is een tekstlink die gekoppeld wordt naar een andere pagina in dezelfde site. Open een pagina of bericht. Selecteer een Tekst waaraan je een link koppelt met het Koppelteken bovenaan het tekstvenster. In het menu zie je alle pagina s van je site. Selecteer de gewenste pagina. Geen vinkje bij Open link in een nieuw venster/tab. Kies Link Toevoegen. En Bijwerken niet vergeten. 2. Een externe TekstLink in een nieuw venster. Dit is een tekstlink die gekoppeld wordt naar een website buiten de WordPress-site. Open een pagina of bericht. Selecteer een Tekst waaraan je een link koppelt met het Koppelteken bovenaan het tekstvenster. In het menu dat je nu opent, type (of kopieer en plak) je de volledige Url van de site waar je naar toe wilt linken. Plaats een vinkje bij: Open Link in een nieuw venster/tab. Het is namelijk belangrijk dat als je de site waarnaar je gelinkt hebt afsluit, je weer terug bent in jouw site. Bijwerken. WordPress 14

Pagina Galerij WordPress heeft een standaard Galerij-functie. Hiermee toon je één of meerdere afbeeldingen binnen een bericht of pagina. Opdracht 10, Galerij Voeg een Galerij toe aan één van je pagina s. Pagina Nieuwe Pagina Media toevoegen Kies voor Nieuw bericht of Nieuwe Pagina Klik op Media toevoegen. Bestanden uploaden. Bestanden selecteren. Let op dat het bestand de juiste extensie heeft, PSD- niet, JPG wel. Rechts zie je nu het bestand dat je hebt geupload. Type bij Titel de naam ven de foto. Uit Uitlijning kun je nog aangeven; Geen, Links, Gecentreerd of Rechts. Bij Afmeting geef je grootte aan: thumbnials, gemiddeld, groot, volledige grootte. Klik tenslotte op In pagina invoegen Media toevoegen Galerij aanmaken Klik nog een keer op Media Toevoegen. Rechts onder het woord Media toevoegen zie je nu Galerij aanmaken. In het midden staan alle bestanden die je hebt ingevoerd. Rechts staan de bijlagedetails. Galerij-instellingen Selecteer nu een aantal foto s die je hebt ingevoerd door erop te klikken; er verschijnt een vinkje rechtsboven op de foto. Klik nu rechtsonder op Een nieuwe galerij aanmaken. Rechts zie je Gallery-instellingen. Kies het gewenste aantal Galerijkolommen, tussen 1 en 9. WordPress 15

Kijk op jouw blog naar de afbeeldingen. Klik op een afbeelding en je krijgt een grotere variant te zien. Je kunt dan met een pijltjestoets naar de andere afbeeldingen bladeren Galerij bewerken Klik op gallery link. In de linkerbovenhoek zie je hetzelfde teken met de tekst Galerij bewerken. Klik daarop en je je Galerij bewerken. Slideshow Maak een galerij. Klik dan rechts op type en kies Slideshow en vervolgens Galerij bijwerken. WordPress 16

Instellingen Algemeen Blogicoon/Favicon Opdracht 11, Favicon Maak een duidelijke Favicon voor je site en plaats je ontworpen Favicon in de site.. Wat is een favicon eigenlijk? Een favicon is een klein icoontje dat je vooraan in de adresbalk van je browser ziet staan en ook vaak in je favorietenlijst en bladwijzers. Het is eigenlijk niets anders dan een mini-afbeelding die bij een website hoort. Het betekent dan ook dat je icoontje eenvoudig moet zijn: details gaan gauw verloren. Veel favicons gebruiken alleen een letter zoals Google. Ontwerp Het onderstaande formaat is goed te gebruiken. Het belangrijkste is dat je een vierkant gebruikt. Formaat: 250 x 250 pixels, resolutie: 72 pixels/inch, RGB. Voorbeelden van Favicons: Vier Favicons van Google in de afgelopen jaren en enkele andere favicons van social media. Nieuwe favicon Google. Favicon op site Een favicon van een site is het kleine icoontje dat in de adresbalk verschijnt naast de URL. Het favicon geeft een extra mogelijkheid aan de webmaster om de site een visuele herkenning te geven. Klik in het linker menu onderaan op Instellingen Algemeen. WordPress 17

Algemene instellingen zoals Titel, Subtitel, Datum, Tijd en Blogicoon kun je hier instellen. Vergeet niet onderaan dit menu: Wijzigingen opslaan. Uploaden Ga naar Instellingen Algemeen. Rechts kun je je Blog Foto / Icoon plaatsen. Blader naar je Foto of Icoon (jpeg of png) Kies het bestand en Upload plaatje. Wijzigingen opslaan. WordPress 18

Weergave Widgets Opdracht 12, Widgets Voeg drie widgets (meest recente berichten, twitter en facebook.) toe aan je site. Maar wat zijn nu eigelijk Widgets? WordPress Widgets zijn links, afbeeldingen etc die je in je zijmenu (sidebar) kunt plaatsen. In het scherm van de beschikbare widgets kun je via je simpele "drag and drop" optie de standaard Widgets uit het onderste veld verslepen naar een plaats in je zijmenu. Bij sommige templates het je zelfs twee zijmenu opties voor links en rechts. Nadat je de Widgets op hun plaats gezet hebt, sla je alles op en kijk je hoe je wordpress site er nu uit ziet. Mocht je toch de volgorde willen wijzigen, dan kun je dat ook weer doen door ze te veslepen: Ga in het linkermenu naar Weergave Widgets. Maak een keuze uit de Beschikbare Widgets die je op je site wilt. Sleep deze Widgets via drag and drop in het Widgetmenu, Sidebar rechts. Activeren, Deactiveren Sleep Widgets van de Beschikbare Widgets naar het Primaire Widgetmenu in de Sidebar aan de rechterkant om deze te activeren. Sleep de Widget van het Primaire Widgetmenu, Sidebar naar de Beschikbare Widgets om te deactiveren en de instellingen te verwijderen. Standaardwidgets Meest recente berichten Sleep de widget van de beschikbare widget naar het zijmenu (sidebar). Facebook en Twitter Voeg de widget Twitter en facebook aan het zijmenu toe. WordPress 19

Widgets Afbeelding Opdracht 13, Widget Afbeelding Voeg de Widget Afbeelding toe aan het zijmenu (sidebar). In het sidebar gaan we een afbeelding plaatsen. Sleep de Widget Afbeelding naar het zijmenu. Plaats de URL-code van de afbeelding bij Image URL. Geef de widget de juiste titelnaam. En geef de grootte van afbeelding aan bij width (breedte) en hoogte (Height). WordPress 20

Pagina YouTube Opdracht 14, YouTube Voeg een Youtube-filmpje embed toe aan je site. YouTube als filmpje (embed) Ga naar het filmpje op YouTube. Onder het filmpje klik je op Delen, daarna op Insluiten. Vervolgens bepaal je het Formaat. Met Aangepast kun je het formaat zelf aanpassen kleiner of groter. Tenslotte selecteer je de Code. Ga naar WordPress, Dashboard, Pagina. Selecteer bij Alle Pagina s de pagina waar je het YouTube filmpje Embed gaat invoegen. Klik rechtsboven op HTML (naast Wysiwyg) en plak de Code in de tekst. Vervolgens Bijwerken. Pagina Media Uploaden Ga in je dashboard naar Pagina naar Media-toevoegen/uploaden. Kies voor Van URL en voor Audio, Video of een ander bestand. Vul de URL van het filmpje van YouTube in en de Titel. Klik tenslotte op Invoegen in bericht. Daarna Bijwerken. WordPress 21

Pagina s Formulier Opdracht 15, Formulier Voeg een formulier toe aan de pagina Contact. Formulier toevoegen Maak een pagina Contact. En zorg dat deze als laatste pagina op de navigatiebalk staat (via menu). Plaats op deze pagina een contactformulier. Ga naar Voeg een formulier toe; het meest rechtse pictogram dat staat in de rij van Uploaden/toevoegen. Je ziet dan het formulier met vier velden. Formulier bewerken Verander de teksten in het Nederlands via edit. Ook kun je aangeven door een vinkje te plaatsen of het verplicht(required) is het vak in te vullen. Met het min-tekentje achter het veld kun je het veld weghalen. Je kunt ook velden toevoegen door te klikken bij: Can I add more fields? Hier heb je nog andere mogelijkheden. Probeer een aantal mogelijkheden uit en kies wat bij jouw website past. WordPress 22

Links Link in de Sidebar/Widgetruimte. Opdracht 16, Links Voeg Links toe aan de sidebar van je site Dit zijn de Links die je vindt in het Dashboard aan de linkerzijde. Deze links komen vrijwel altijd aan de Rechterkant (sidebar) of in de Footer (onderaan de website) van je website te staan. Als je Links niet zichtbaar zijn moet je bij Widgets de applicatie Links aan je Primaire Widgetruimte toevoegen. Je kunt Links toevoegen door in het menu Links op Nieuwe toevoegen te klikken. Bovenin begin je in te vullen met de Naam die getoond zal worden op de website. Daaronder vul je de link zelf in, inclusief http://www... Je kunt een Beschrijving invullen die WordPress zal tonen aan de bezoeker zodra die met de muis over de link heen beweegt. Kies een Categorie. Bepaal het Doel van de link. Bij een andere website kies de optie _blank, zodat er een nieuw venster wordt geopend, naast het venster van jouw website. Tenslotte klik rechtsboven in de pagina op Link toevoegen. Heb je alle Links gemaakt, dan kun je ze beheren door in het menu te kiezen voor Alle Links WordPress 23

Website verbergen Instellingen Privacy Je kunt je site privé houden en alleen zichtbaar maken voor gebruikers die jij uitkiest. Ga dan naar Instellingen (links onder het midden). Kies vervolgens Privacy. Website verwijderen Extra Site verwijderen Wil je aan het eind van de periode je site verwijderen dan kan dat via Extra (links) en vervolgens Site verwijderen. WordPress 24

Planning: Wk 43 (24 okt.) Wk 44 (31 okt.) Wk 45 (07 nov.) Wk 46 (14 nov.) Wk 47 (21 nov.) Wk 48 (28 nov.) Wk 49 (05 dec.) Wk 50 (12 dec.) Wk 51 (19 dec.) Wk 02 (09 jan.) WK 03 (16 jan.) Account, Dashboard Thema, Pagina s, Header Header, Achtergrond, Menu Subpagina s, Welkomsbericht, Links Galerij, Favicon Widgets, YouTube, Formulier Beoordeling Helftheuvel, Prijskaart Helftheuvel, Naamkaart Helftheuvel, Flyer Helftheuvel, Koringsbon De beoordeling. Je WordPress-site wordt beoordeeld op de volgende onderdelen: Alle onderdelen, Alle onderdelen zoals hierboven genoemd, moeten in je WordPress-site zijn verwerkt (per gemist onderdeel twee punten in mindering) (10 punten). De inhoud De inhoud van je WordPress-site moet duidelijk, overzichtelijk, passend en zonder spellingfouten zijn gemaakt (10 punten). De website moet een duidelijke inhoud hebben die op de pagina s tot uiting komt. De vormgeving De vormgeving van thema, header, achtergrond, favicon/blogicoon, kleur tekst van je WordPresssite moet passen bij de site. De site moet overzichtelijk, passend en een eenheid in stijl hebben (10 punten). Afvinklijst Wordpress site: Onderwerp Vormgeving Site Header Favicon Achtergrond Elementen Site Thema Pagina s Subpagina Welkom bericht Contactpagina Galerij Inhoud Berichten en Pagina s Extra Zelf ontworpen Duidelijk Passend Thema met header Minimaal vier In Menu verplaatst Links extern en intern Laatste knop in de navigatiebalk Minimaal vier foto s Kolom, Titel Duidelijke inhoud van de site Afvinken WordPress 25