WordPress les 3.

Presentatie over: "WordPress les 3."— Transcript van de presentatie:

1 WordPress les 3

2 Notepad++ installeren
Notepad++ is een gratis, maar professionele editor Om teksten te bewerken Om (programma)code te bewerken Werkt prima samen met Filezilla Actie 1: Installeren van Notepad++ vanaf de USB- Disk

3 Filezilla aanpassen Open Filezilla (het programma, niet de server)
Ga naar Menu | Bewerken | Instellingen Ga naar Bestandsbewerking in linker paneel Klik op Bladeren Zoek: notepad++.exe klik op OK.

4 Wat is een blog? (1) Blog is de afkorting van Weblog
Van oorsprong is het een logboek van dingen die je met name op het web vindt en met anderen wilt delen door het op internet te publiceren. Beschouw een blog dus als een soort logboek. En een blogbericht is een blaadje uit dat logboek. Wordpress is niet het eerste, maar tegenwoordig wel het makkelijkste systeem, om weblogs te maken Lees de informatie over weblogs op Wikipedia

5 Wat is een blog? (2) Alles wat je op het WWW publiceert is een website
Eén website kan één of duizenden pagina’s groot zijn Als je website primair bedoeld is om te bloggen, dan bevat de startpagina van je site een aantal van je meest recente blogberichten De overige pagina’s van je site kunnen dan ‘vaste’ informatie bevatten

6 Wat is een blog? (3) Blogberichten bevatten vaak actueel nieuws.
Zo kun je nu.nl eigenlijk ook als een grote blogsite beschouwen Dit soort sites noem je meestal nieuwssites Maar het kan ook een gemengd systeem zijn: Pvdahouten.nl Maar een ‘pure’ blogsite bestaat meestal uit persoonlijker berichten

7 Wat is een blog? (4) Als je blog- of nieuwsberichten een minder belangrijk onderdeel van je site vormen, en bijvoorbeeld alleen af en toe wat nieuws over je camping vormen, dan spreek je niet meer over bloggen, maar heb je een ‘gewone’ site met blogfunctionaliteit. Zo wordt onze Campingsite aangevuld met een pagina ‘Het laatste nieuws’.

8 Wat voor site? (TYPE A) Een Website zonder blog, met alleen ‘statische’ pagina’s Voorbeeld webcursus.pc-coach.nl

9 Wat voor site? (TYPE B) Een Blogsite met een aantal statische pagina’s
De startpagina bevat de laatste blogberichten Voorbeeld De site van Andre Kuipers

10 Wat voor site? (TYPE C) Een Website met een blog Voorbeeld
De blogberichten staan niet op de startpagina; de startpagina is een statische pagina. De blogberichten staan op een andere pagina Voorbeeld Camping de Berken De pvdahouten site valt tussen B en C in

11 WordPress biedt aan! Een systeem om bloginhoud te maken (Berichten) type B Een systeem om pagina-inhoud te maken (Pagina’s) Type A Een systeem om A en B te combineren (Berichten en Pagina’s) type C Een uitbreidingssysteem om ‘Custom Posts’ te maken; bijvoorbeeld in een webshop: pagina’s speciaal voor produktbeschrijvingen.

12 Instellen (1) WordPress staat standaard zo ingesteld dat de voorpagina de meest recente blogberichten laat zien Ofwel WordPress maakt standaard een Type B site Om WordPress een ander soort voorpagina te laten zien moet je twee pagina’s maken: Een voorpagina met je eigen inhoud (Meestal Home of Welkom) Een lege pagina voor je eventuele blogberichten (bijvoorbeeld Blog of Nieuws genoemd.

13 Instellen (2) Onze Campingsite wordt een Website met een blog
Je stelt dat in bij Dashboard Instellingen | Lezen

14 Een pagina maken: De editor (1)
De Editor heet TinyMCE De knoppen en de balken van de editor WYSIWYG vs TEKST (HTML) (What You See Is What You Get) Grootte

15 Oefening (a) Klik op nieuwe pagina in de backend van de website
Open vanaf je USB-disk het bestand OefeningWYSIWYG.docx Kopieer in Word de tekst van de eerste pagina Plak de tekst in je nieuwe pagina op de site Geef de pagina de titel Camping Sla op en bekijk

16 Oefening (b) Klik op pagina bewerken in de backend van de website (of op de pagina zelf. Sneller!) Maak koppen voor U vindt op Camping de Berken: Speciaal voor uw kinderen Maak de twee bolletjeslijsten

17 Importeren van Word Vaak gaat er van alles mis bij het kopieren vanuit Word. Een demonstratie

18 Een pagina maken: De editor (2)
Andere editor: beter en duidelijker om te gebruiken: overzichtelijker HTML Meer mogelijkheden Advanced TinyMCE als plugin installeren Advanced TinyMCE aanpassen Je kunt ook (op je testsite!) experimenteren met de CKEditor Beide goed, beide vereisen wat aanpassingen

19 Oefening (c) Onze camping heet de Hazelaar en niet de Berken
Ga naar Camping, pagina bewerken Klik op het knopje zoeken (de verrekijker) Klik op Tabblad Replace (vervangen) Vervang Berken door Hazelaar Er vinden 3 vervangingen plaats

20 Tot slot Het is NIET de bedoeling je pagina eerst ‘mooi’ te maken in Word. Integendeel Het is NIET de bedoeling met je WYSIWYG-editor je hele webpagina mooi op te maken Je TinyMCE is ervoor om een stuk inhoud gestructureerd op te slaan. (koppen, alinea’s, lijsten, afbeeldingen, benadrukken van woorden, links, e.d. Het gebruikte thema in Wordpress moet daar iets moois van maken