Werken met de WordPress Site (Les 6)

1. Werken met de WordPress Site (Les 6)

2. 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 • ColorCop installeren • Een tweede site maken • De blogopdrachten initialiseren

3. 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 driehoekjerechtsboven 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

4. 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

5. 3a. Een link maken in de tekst • Bewerk de homepage • 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)

6. 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

7. 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

8. 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!) • BerichtVoordelig kamperen: 1x

9. 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.plgin die map • Photofiltre is nu Nederlands • Een link naar een Nederlandse handleiding vind je op de cursussite

10. 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

11. 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

12. 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

13. 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

14. 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

15. 6b. Widgets en Plugins, het verschil Widget Plugin • 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, angrybirds e.d.

16. 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 tweewidgetgebieden.

17. 6d. Widgets plaatsen • Verwijder eerst zonodig alle widgets uit de widgetgebieden door ze met de muis naar het beschikbare widgetgebiedte slepen. • Sleep vervolgens de widgetKalender 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 footerwidgetruimte bestaat uit vier kolommen. Voeg nog een eigen widget toe!

18. 7. ColorCop • Installeer vanaf de USB Disk ColorCop • en volg de demonstratie

19. 8. Tweede WordPress site maken • Volg de instructies in de lesbrief.

20. 9. De blogopdrachten initialiseren • Een start maken met bloggen op je wordpress.com site • Adressen uitwisselen

21. Les 7 en Les 8 • Mantra thema installeren • Child thema maken • Werken met afbeeldingen • Benodigde plugins installeren • Mantra aanpassen • De uiteindelijke site maken

22. Wat dan nog blijft liggen: • Gebruikers en leden • Multimedia plaatsen • Formulieren maken • Tags en categorieën • Zoekmachine optimalisatie