De presentatie wordt gedownload. Even geduld aub

De presentatie wordt gedownload. Even geduld aub

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.

Verwante presentaties


Presentatie over: "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."— Transcript van de presentatie:

1 Werken met de WordPress Site (Les 6)

2 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

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

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

6 3b. Een link maken in de tekst  Plak bij URL (Uniform Resource Locater) het gekopieerde adres (zorg dat je niet dubbel krijgt)  Klik op Link toevoegen  Klik op de Tab Tekst om te zien of je 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!)  Bericht Voordelig 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.plg in 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  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. WidgetPlugin

16 6c. Widgets  Ga naar menu Weergave | Widgets  Je ziet drie gebieden: 1. De beschikbare widgets, linksboven 2. 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.

17 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!

18 7. Color Cop  Installeer vanaf de USB Disk Color Cop  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


Download ppt "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."

Verwante presentaties


Ads door Google