Werken met de WordPress Site (Les 6)

Wat gaan we doen? De Home pagina Home maken Reactie-mogelijkheid verwijderen Een paar links maken in de tekst Enkele tekstvervangingen doen Een kopafbeelding maken met Chrome en Photofiltre (installeren) en Koptekst kleur veranderen Widgets plaatsen Color Cop installeren Een tweede site maken 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.

6c. Widgets Ga naar menu Weergave | Widgets Je ziet drie gebieden: De beschikbare widgets, linksboven Gedeactiveerde widgets, linksonder. Hier staan geconfigureerde widgets die je tijdelijk niet gebruikt. De (2) widgetgebieden, rechts, van het thema 2013: Het hoofdgebied (de footer) 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