Opdracht 1. Maak een account aan.

(1)

Auteur: Jan Wouter van Cappelle Publicatiedatum: februari 2015

Opdracht 1. Maak een account aan.

 Ga naar www.wordpress.com

 Klik op’ website maken’

 Er wordt gevraagd om een thema te selecteren. Er zijn honderden thema-ontwerpen en je ziet hier maar een beperkte selectie. Sla deze stap dus over (helemaal onder klik je op

‘overslaan’.

 Kies nu een siteadres. Hier vul je jouw naam in. Let op, als je hier Rudolf invoert, heb je meteen de domeinnaam

www.rudolf.wordpress.com geregistreerd.

In veel gevallen is de domeinnaam al geregistreerd door iemand anders. Je ziet dan de tekst:

In dat geval moet je ‘spelen met de domeinnaam totdat je een

aanvaardbare domeinnaam hebt met jouw naam er in verwerkt.

 Klik op ‘Mijn site maken’

 Je moet nu een abonnementsvorm kiezen. Er zijn twee betaalde versies en één gratis versie.

Het spreekt voor zich dat met een website gebouwd in een gratis versie er minder

functionaliteiten zijn dan een betaalde versie. Zo zal een gratis versie reclame hebben en kun je er minder gigabytes aan content/media op zetten.

Voor deze les is een gratis meer dan voldoende. Kies daarom ‘Gratis abonnement selecteren’.

 De één na laatste stap is dat je je registreert met een e-

mailadres, een gebruikersnaam en een wachtwoord. Heb je al een WordPress account? Dan

(2)

Auteur: Jan Wouter van Cappelle Publicatiedatum: februari 2015 kun je die gegevens invullen. In de meeste gevallen moet je echt een account aanmaken. Vul de gevraagde gegevens in.

 De nu hier beschreven laatste stap is essentieel om verder te kunnen.

Hoewel je in de Wordpress ‘dashboard’ komt en het erop lijkt dat je nu kunt gaan bouwen, moet je eerst je registratie bevestigen!

Vervolgstappen (zoals opdracht 2, pagina’s aanmaken) worden NIET OPGESLAGEN totdat je vanuit het eerder opgegeven e-mailadres de registratie hebt bevestigd. Doe dat dus nu.

Gefeliciteerd, je hebt nu een echte, eigen website/blog op het Internet!

 Rechtsboven (na het klikken op zie je je eigen site/domeinnaam. Klik er op om jouw site te zien!

(3)

Opdracht 2. Maak pagina’s aan.

In deze opdracht maak je verschillende pagina’s aan die je op een later tijdstip kunt vullen met inhoud (content). Je begint met deze opdracht dus aan het bouwen van een structuur.

Let op, een pagina maken betekent nog niet dat de pagina meteen zichtbaar zijn in een (hoofd)menu.

Om naar de aangemaakte pagina’s te kunnen navigeren moeten we zo meteen, in opdracht 3, een navigatiemenu maken.

Nu eerst de pagina’s. Je gaat de volgende pagina’s aanmaken:

1. Welkom 2. Portfolio 3. Favoriete links 4. Interesses en hobby’s

5. < interesse/hobby 1> (vul hier zelf iets in, maak dus een paginatitel met een interesse/hobby). Bijvoorbeeld ‘Voetbal’. Of ‘Dansen’.

6. < interesse/hobby 2> (vul hier zelf iets in).

7. Contact

Je maakt de pagina’s aan door links in je dashboard, in het menu, op ‘pagina toevoegen’ te klikken.

Let op dat je geen ‘blogbericht toevoegt’. Hier kun je in de toekomst voor kiezen maar dit zijn een heel ander soort pagina’s met typische blog-functionaliteiten (bijvoorbeeld om op te reageren), maar zonder typische webpagina functionaliteiten om bijvoorbeeld een contactformulier of kaart in te sluiten.

 Klik op pagina toevoegen. Geef je eerst pagina de titel Welkom.

 Klik op ‘publiceren’

 Helemaal linksboven zie je de mogelijkheid om terug te gaan naar pagina’s (zie afbeelding). Klik op  PAGINA’S en herhaal bovenstaande twee stappen om alles zeven pagina’s aan te maken.

(4)

Opdracht 3. Instellen van navigatiemenu.

Met een menu zorg je ervoor dat de pagina’s die je net hebt aangemaakt te vinden zijn in het navigatiemenu.

Klik, links in je dashboard, op menu’s. Vervolgens zie je een ‘Primary menu’ en een ‘Standaard menu’.

Wanneer je een geavanceerde gebruiker bent kun je ook een secundair menu (een kleiner navigatiemenu voor bijvoorbeeld social media) instellen. En verschillende menu’s aanmaken als primary menu (staat nu ingesteld op ‘Standaard’) zodat je in de loop van de tijd je website andere menu’s kan laten tonen.

Voor nu is ‘Primary Menu’ en ‘Standaardmenu’ prima. Zorg ervoor dat jij het net zoals onderstaande afbeelding hebt weergegeven.

Als het goed is heeft WordPress voor elke aangemaakte pagina een menuknop aangemaakt.

Door het slepen van knoppen kun je de volgorde veranderen van de menuknoppen, en submenu’s instellen.

 Zet de knoppen van jouw gekozen twee of meer

hobby’s/interesses rechtsonder de Hobby’s en interesses knop.

Dit doe je door op een knop te klikken en naar rechtsonder de hoofdknop te slepen. Zoals in het voorbeeld hiernaast.

Belangrijk. Vergeet niet de instelling op te slaan! Anders onthoudt WordPress de laatste wijzigingen niet.

(5)

Opdracht 4. Kies een thema.

Deze opdracht spreekt voor zich. Er zijn letterlijk honderden gratis thema’s waar je uit kunt kiezen.

En nog veel meer betaalde thema’s.

De betaalde thema’s zijn ontworpen door professionele WordPress websitebouwers/ontwerpers, en zijn vooral qua vormgeving gedetailleerder en meer gericht op een specifieke doelgroep.

Jij bent voor nu echter tevreden met een gratis thema.

 Om niet afgeleid te worden door de betaalde thema’s kun je eerst filteren op ‘Gratis’, zie afbeelding onder.

 Probeer een aantal thema’s uit door op een thema te klikken.

Tip! Je wilt waarschijnlijk een eenvoudig, strak design met hoge contrasten, waarbij het menu dat je hebt gemaakt in opdracht ‘3’, goed uit de verf komt. Ook wil je niet een scherm- vullende banner. Dit is verspilling van ruimte dat ervoor zorgt dat de bezoeker van jouw website altijd naar beneden moet scrollen om de werkelijke pagina-inhoud te zien.

Interessant! Rechtsboven van het thema zie je de volgende icoontjes:

Dit betekent dat de website zich automatisch aanpast aan de grootte van het scherm waarmee je jouw website bezoekt. Klik op de icoontjes

‘computermonitor’, ‘Ipad’ of ‘smartphone’ om te zien wat het effect is wanneer je het geselecteerde thema benadert vanaf een ander apparaat.

Deze automatische aanpassing heet ‘Responsive Design’. Elke website zou ‘responsive’

moeten zijn daar de meeste bezoekers tegenwoordig vanaf een relatief klein apparaat het internet op gaan.

 Selecteer een thema naar je smaak door op de volgende knop te klikken.

 Klik nog niet weg! Je gaat in de volgende opdracht eerst de gekozen thema verder aanpassen naar jouw smaak.

(6)

Opdracht 5. Jouw thema personaliseren.

Als het goed is zie je nog een menu zoals hiernaast afgebeeld. Mocht je dit menu niet zien dan zit je waarschijnlijk weer in het hoofddashboard en moet je eerst bij ‘Thema’s’ op ‘aanpassen’ klikken.

Als bezoekers nu naar jouw website gaan

(www.jouwnaam.wordpress.com) dan ‘landen’ ze automatisch op een blogpagina. Dat resulteert in een blogpagina met bijvoorbeeld het bericht “blog not found!”.

Aangezien je van plan bent om een website te bouwen, en geen blogsite, moet je er eerst voor zorgen dat bezoekers op de door jou ingestelde pagina terecht komen, namelijk ‘Welkom’.

 Klik in het Themamenu op ‘Statische startpagina’.

 Stel de de statische pagina in door ‘Een statische pagina’ aan te vinken en het in te stellen op ‘Welkom’. Zie je hier geen paginamogelijkheid ‘Welkom’?

Dan ben je de pagina vergeten aan te maken in ‘opdracht 2’ of heb je de pagina een andere naam gegeven.

Let op! Soms ondersteunt een thema niet een statische pagina. Verander dan je thema (opdracht 4) zodat je deze optie wel hebt.

 Klik op ‘opslaan en publiceren’

 Pas nu, vanuit het Themamenu, de Websitetitel en ondertitel aan. Dit staat standaard op de door jou gekozen domeinnaam. Je kunt hier de titel veranderen naar jouw naam, inclusief spaties en hoofdletters. Bedenk een bijpassende slogan voor je ondertitel!

 Bij widgets kun je, indien deze geactiveerd zijn in het gekozen thema, knoppen deactiveren zoals ‘recent comments’, ‘archives’, ‘categories’, ‘meta’. Dit wil je waarschijnlijk allemaal niet zien op je website dus schakel deze uit. Kan het niet met dit thema? Kies dan een ander thema.

 Je kunt verder nog een logo toevoegen/veranderen, kiezen uit verschillende kleur- en achtergrond paletten, de kopafbeelding wijzigen en het lettertype van de website veranderen. Kortom, zelfs met een gratis versie heb je nog veel mogelijkheden om te personaliseren. Probeer het uit!

(7)

Opdracht 6. Van blogsite naar website.

WordPress is van oorsprong een gratis, open source manier om een blog online te publiceren en met iedereen met Internettoegang te delen. In de loop van de jaren heeft het zich

ontwikkelt tot een waar content management systeem dat voor de gebruiker heel

eenvoudig/intuïtief is gebleven, maar waarin wel een volwaardige website of zelfs webshop in gebouwd kan worden.

Maar je ontkomt er niet aan om een aantal typische blogging functies uit te zetten om de website meer van jou te maken. Maak je geen zorgen, deze functies kun je altijd weer aanzetten.

In deze opdracht ga je twee verschillende typische blogfuncties UITzetten.

1. De social media knoppen

2. De mogelijkheid voor bezoekers om te kunnen reageren op pagina-inhoud (dit kun je centraal instellen en per pagina weer overschrijvend ‘aan’ of ‘uit’ zetten.

 Ga in je hoofddashboard naar ‘Delen’.

 Klik op Deelknoppen’.

 Vink onderaan deze pagina, bij ‘opties’, alles uit, zoals in de afbeelding rechts.

In de toekomst kun je een selectie deelknoppen weer zichtbaar maken.

Daarvoor moet je in het nu geopende tabblad de te gebruiken social media knoppen toevoegen (en de rest

verwijderen), en bij opties aanvinken waar de ‘deel-knoppen’ zichtbaar wilt hebben.

 Sla de wijzigingen op.

 Ga nu in je hoofddashboard naar ‘Instellingen

 Ga naar het tabblad ‘Reacties’

(8)

Auteur: Jan Wouter van Cappelle Publicatiedatum: februari 2015 In dit tabblad heb je veel instellingsmogelijkheden met betrekking tot het achterlaten van een reactie op nieuwe, door jou gepubliceerde content. Bijvoorbeeld dat een bezoeker eerst zijn/haar naam en e-mailadres moet achterlaten voordat hij/zij een reactie kan achterlaten op jouw website.

 Je wil, voor nu, de reactiemogelijkheid uitzetten dus je vinkt de volgende mogelijkheid uit (bovenaan, onder ‘Standaard Bericht Instellingen’)

Alle reactiemogelijkheden zijn nu verdwenen van jouw website.