Werken met de WordPress Site (Les 6)

Wat gaan we doen?

1. De Home pagina Home maken

2. Reactie-mogelijkheid verwijderen

3. Een paar links maken in de tekst

4. Enkele tekstvervangingen doen

5. Een kopafbeelding maken met Chrome en Photofiltre (installeren) en Koptekst kleur veranderen

6. Widgets plaatsen

7. Color Cop installeren

8. Een tweede site maken

9. De blogopdrachten initialiseren

1. De Home pagina Home maken

De home pagina (start pagina) heet nu ‘Comfortabele camping in natuurlijk Drenthe’

Dat moet simpel ‘Home’ worden Ga in het dashboard naar Menu’s Klik op driehoekje rechtsboven in het eerste

menu-item ‘Comfortabele camping enz’ Verander het Navigatielabel in Home Sla het menu op Bekijk de site Zo kun je alle menutitels aanpassen

2. Reactie-mogelijkheid verwijderen

We willen geen reacties toestaan op gewone pagina’s

Standaard staat dat wel aan Ga naar Alle pagina’s in het Dashboard Vink alle pagina’s aan (Klik op hokje Titel om dat

in één keer te doen) Kies als actie: Bewerken Klik op Uitvoeren Zet Reacties van geen wijzigingen op Niet

Toestaan Bijwerken en de site bekijken

3a. Een link maken in de tekst

Bewerk de home page Selecteer het woord Hondsrug in de tweede zin Maak in Chrome een nieuwe tabblad Zoek met Google naar Hondsrug Klik op het zoekresultaat Hondsrug –

Staatsbosbeheer Selecteer het hele adres in de adresbalk en

kopieer dat Ga weer naar je home pagina en klik op het link-

knopje (de schakel in de bovenste rij)

3b. Een link maken in de tekst

Plak bij URL (Uniform Resource Locater) het gekopieerde adres(zorg dat je niet dubbel http:// krijgt)

Klik op Link toevoegen Klik op de Tab Tekst om te zien of je <a> link er

goed uitziet. Klik op Bijwerken en bekijk je pagina en de link

3c. Een link maken naar een pagina in de site

Ga weer naar je home pagina bewerken en zet de editor weer op WYSIWYG

Selecteer het woord WIFI in de tweede zin bij Gratis Wifi

Klik op de link-button Klik zonodig op ‘Of link naar bestaand bericht op

pagina’ Klik in het dialoogvenster op de pagina Wifi en

dan op Link toevoegen Klik op Bijwerken en bekijk je pagina en de link

4 Tekst vervangen

Vervang het woord berken door het woord Hazelaar

Doe dat met de ‘verrekijker’ knop op de volgende plekken:

Pagina Camping: 3x Pagina Home: 5x Pagina Sanitair: 1x Pagina Brasserie: 1x (Let op: er zijn er 3!) Bericht Voordelig kamperen: 1x

5a. Een kop maken (Photofiltre)

We maken de kop met het programma Photofiltre Installeer dat vanaf de USB-disk (pf7-en.exe).

Onthoud de map waarin je het installeert! Ga na de installatie met Windows Verkenners

naar die map, en open die. Verwijder het bestand StudioEN.plg Kopieer vanaf de USB-disk Studio-NL.plg in die

map Photofiltre is nu Nederlands Een link naar een Nederlandse handleiding vind

je op de cursussite

5b. Een kop maken (zoeken en aanpassen van afbeelding)

In het Wordpress Dashboard ga naar het menu Weergeven – Header

Daar lees je dat de standaard Header-afbeelding van dit thema 1600 x 230px is.

Andere thema’s kunnen andere header afmetingen hebben

Volg nu eerst de demo om een nieuwe afbeelding te maken, de instructie om het zelf te doen, vind je op de site

5c. Een kop maken (Mediabibliotheek)

Ga in je dashboard naar mediabibliotheek Klik op Nieuw bestand Als het goed is kom je in een scherm waar je je

bestanden naartoe kunt slepen Dat heet de multi-bestand uploader. Je kunt dan meerdere bestanden in één keer uploaden.

Bij problemen: kies de browser oploader Sleep of selecteer hazelaarkop1600x230.jpg op je

USB-disk naar de bibliotheek

5d. Een kop maken (de afbeelding als kop instellen)

Klik op Media | Bibliotheek en kijk of het gelukt is Ga naar menu Weergave | Header Klik op Kies afbeelding selecteren uit

mediabibliotheek Klik op de afbeelding hazelaarkop Je hebt de mogelijkheid eventueel de afbeelding

te bewerken. Bekijk (maar doe niks) de mogelijkheden.Sluit daarna het tabblad in Chrome

Klik op de knop Instellen als kop Klik op Wijzigingen opslaan en bekijk de site

5e. Een kop maken (de headerkleur veranderen

De koptekst is zwart, dat is niet mooi Ga naar Weergave | Aanpassen Kies Kleuren , Header tekstkleur en selecteer een

kleur die je bevalt en leesbaar is. Klik op Opslaan en publiceren Bekijk je site

6a. Widgets

Widgets zijn ‘dingetjes’, ‘gadgets’, kleine stukjes ‘functionaliteit’.

Ze spelen een heel belangrijke rol in WordPress, want ze maken het mogelijk tal van dingen aan je pagina toe te voegen.

Er zijn een aantal standaard widgets in WordPress, en je kunt nieuwe krijgen via plugins

6b. Widgets en Plugins, het verschil

Uitbreiding van de functionaliteit van je pagina, zoals een extra menu, een kalender, een lijst van je laatste berichten

Widgest moet je altijd via een plugin verkrijgen, tenzij je ze zelf gaat programmeren

Widgest kun je alleen op een pagina neerzetten als er widgetruimte is.

Elk thema verschilt daarin qua mogelijkheden

Overigens kun je als je je thema gaat herprogrammeren niet al te moeilijk zelf widgetruimte maken

Uitbreiding van de functionaliteit van je gehele site, zoals formulieren kunnen maken, andere editor, zoekmachine verbetering e.d.

Ze installeren vaak tevens widgets mee.

Plugins kun je vergelijken met apps, zoals die je smartpone uitbreiden met bijv. buienradar, facebook, angry birds e.d.

Widget Plugin

6c. Widgets

Ga naar menu Weergave | Widgets Je ziet drie gebieden:

1. De beschikbare widgets, linksboven2. Gedeactiveerde widgets, linksonder.

Hier staan geconfigureerde widgets die je tijdelijk niet gebruikt.

3. De (2) widgetgebieden, rechts, van het thema 2013:

1. Het hoofdgebied (de footer)2. Het secundaire gebied (de zijbalk)

In het thema 2013 zijn er dus maar twee widgetgebieden.

6d. Widgets plaatsen

Verwijder eerst zonodig alle widgets uit de widgetgebieden door ze met de muis naar het beschikbare widgetgebied te slepen.

Sleep vervolgens de widget Kalender naar het Secundaire widgetgebied (klik eerst op het driehoekje rechts, om dat gebied te openen)

Klik op Opslaan en bekijk je site. Voeg zo ook toe: Meest recente berichten, onder

Kalender En Voeg Meta toe aan het Hoofd Widgetgbied. Deze footer widgetruimte bestaat uit vier

kolommen. Voeg nog een eigen widget toe!

7. Color Cop

Installeer vanaf de USB Disk Color Cop en volg de demonstratie

8. Tweede WordPress site maken

Volg de instructies in de lesbrief.

9. De blogopdrachten initialiseren

Een start maken met bloggen op je wordpress.com site

Adressen uitwisselen

Les 7 en Les 8

Mantra thema installeren Child thema maken Werken met afbeeldingen Benodigde plugins installeren Mantra aanpassen De uiteindelijke site maken

Wat dan nog blijft liggen:

Gebruikers en leden Multimedia plaatsen Formulieren maken Tags en categorieën Zoekmachine optimalisatie