1 / 22

Werken met de WordPress Site (Les 6)

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

ramla
Download Presentation

Werken met de WordPress Site (Les 6)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

More Related