Een kleine
ordpress handleiding
Versie 1.1 - 26 augustus 2012
2
Inhoudsopgave Wat is Wordpress? .................................................................................................................................. 5 Over deze handleiding............................................................................................................................. 5 Inloggen op de site .................................................................................................................................. 6 Paswoord vergeten ................................................................................................................................. 7 Introductie in het dashboard .................................................................................................................. 8 Berichten en pagina's ............................................................................................................................ 10 Bericht Categorieën........................................................................................................................... 10 Nieuw Bericht .................................................................................................................................... 10 Afbeeldingen, Video en andere media.............................................................................................. 11 Invoegen vanuit de media bibliotheek.............................................................................................. 15 Meerdere afbeelding plaatsen (galerij)............................................................................................. 16 Uitlijnen van de afbeelding ............................................................................................................... 20 Weblinks Invoegen ............................................................................................................................ 22 Nieuwe Pagina (enkel voor administrators)...................................................................................... 24 De Kalender (My Calendar) gebruiken. ................................................................................................. 26 Nieuwe activiteit aan de kalender toevoegen. ................................................................................. 26 Activiteiten van de kalender kopiëren, bewerken of verwijderen................................................... 28 Gebruikers ............................................................................................................................................. 29 Profielgegevens aanpassen ............................................................................................................... 29 Interessante websites ........................................................................................................................... 30 Notities .................................................................................................................................................. 31
3
4
Wat is Wordpress? WordPress is oorspronkelijk ontworpen als software waarmee je kunt bloggen; een weblog of blog bijhouden dus. Een weblog maakt het mogelijk berichten te plaatsen, waarop vervolgens gereageerd kan worden door andere gebruikers. Een weblog kent over het algemeen geen statische pagina’s en dat is dan ook het grootste verschil met reguliere websites. WordPress is de afgelopen tijd enorm door ontwikkelt en tegenwoordig uitstekend te gebruiken als Content Management Systeem (CMS); een systeem waarmee iedereen zijn eigen website op een simpele manier up to date kan houden. Met de toevoeging van statische pagina’s aan de weblog is de interactieve presentatiesite ontstaan. WordPress heeft dus eigenlijk twee werelden samengebracht; statische pagina’s met dynamische vernieuwende berichten in blogvorm. WordPress is ontwikkeld door Matthew Mullenweg, maar het wordt door een flinke groep ontwikkelaars ondersteund. Veel weblogs en websites maken inmiddels gebruik van WordPress. WordPress maakt gebruik van de PHP-programmeertaal. Alle content wordt opgeslagen in een My SQL-database. Per WordPress-installatie is één weblog of website te beheren. Door middel van thema’s (themes) of zelfgemaakte template files is de opmaak van pagina’s aan te passen, zodat er geen gebruik hoeft te worden gemaakt van de standaard vormgeving die WordPress levert. Ook zijn er talloze plug-ins beschikbaar die allerlei functies aan het weblog toevoegen.
Over deze handleiding Deze handleiding beschrijft WordPress vanaf versie 3.4.1. Mochten er in de toekomst grote aanpassingen gebeuren, dan zal ik de handleiding aanpassen. Grote aanpassingen zullen pas gebeuren na het einde van het schooljaar.
5
Inloggen op de site Ga naar http://www.sintmichielleopoldsburg.be/site/wp-login.php en geef je gebruikersnaam (dit is hetzelfde als voor de tofkids webmail) en wachtwoord (standaard staat dit op paswoord, gelieve dit de eerste keer als je inlogt te wijzigen) in. Klik op inloggen.
Je komt in het dashboard terecht. Dit dashboard komt iets verder in deze handleiding ter sprake.
6
Paswoord vergeten Ben je het wachtwoord vergeten ga dan ook naar de inlogpagina (http://www.sintmichielleopoldsburg.be/site/wp-login.php) (figuur 1) en klik op “wachtwoord vergeten?”. Op de nieuwe pagina (figuur 2) zal U gevraagd worden om je gebruikersnaam of emailadres in te geven. Als je dit succesvol gedaan hebt kom je op een nieuwe pagina (figuur3). Je moet echter wachten op een mailtje. In dit mailtje staat een link naar een site waar je zelf een nieuw wachtwoord kan instellen (figuur 4).
Figuur 1
Figuur 2
Figuur 3
Figuur 4
7
Introductie in het dashboard De eerste keer dat je het Wordpress dashboard ziet denk je dat je dat nooit gaat leren... niets is echter minder waar en je zal snel je weg vinden in belangrijkste keuzen in het linker menu. Er is namelijk echt nagedacht over dat menu.
Het grootste menu is het rechter menu. Hier kan je zien hoeveel berichten en pagina’s er zijn enz. Dit menu is meer bedoeld voor de administrators en moet je je eigenlijk niets van aan trekken!
8
We gaan ons concentreren op het linker menu: In het dashboard maken we onderscheid in een aantal zaken:
Berichten, dat is waar nieuwe artikelen geschreven worden die daarna in volgorde van schrijven op de blog of voorpagina naar voren komen. Media, hier heb je een overzicht van alle bestanden die je ge-upload hebt en hier vandaan kun je nog meer uploaden. Omdat we straks die uploads direct vanuit de berichten op pagina's doen zal je hier weinig komen. Links dit betekent eigenlijk niet meer of minder dan weblinks, ofwel links naar andere websites, hier komen we later nog even op terug omdat ook dit minimaal gebruikt zal worden. Pagina's, hiermee kun je een volledige website bouwen en je moet hier denken aan min of meer statische inhoud pagina's die je een keer opzet en waar je weinig meer aan zult veranderen. In tegenstelling tot berichten kun je pagina's wel sorteren op een volgorde die jij wilt. Deze functie is voor de meesten NIET beschikbaar! Reacties, je bezoekers kunnen reageren op de berichten die je schrijft (dit kun je ook uitzetten overigens) en die reacties moeten soms goedgekeurd worden of wellicht wil je er wel eens een verwijderen. Dat beheer van die reacties doe je hier. In eerste instantie zal deze functie uitgeschakeld zijn. My calendar, deze kalender kan gebruikt worden om activiteiten in te plaatsen. Op de hoofdpagina van de website zal automatisch een overzicht gegeven worden van de komende activiteiten Gebruikers, hier kan je de gegevens van je profiel aanpassen (vb weergave naam, paswoord,…)
9
Berichten en pagina's Berichten zijn de basis van een WordPress website, zie het als nieuwsberichten voor een krant of columns voor een tijdschrift. Steeds nieuwe korte en/of langere artikelen die je site levend houden. Pagina's zijn bedoeld om informatie te publiceren die niet snel verandert bijvoorbeeld een contactpagina of een routebeschrijving. Berichten staan altijd in volgorde van publicatie datum en pagina's kun je in een andere volgorde zetten.
Bericht Categorieën Berichten worden toegekend aan "Categorieën". Op onze website komt deze categorie overeen met de klas waarvoor het bericht bedoeld is.
Nieuw Bericht Klik op de menukeuze "Nieuw bericht" en je krijgt een invulscherm zoals je hieronder kan zien. Je begint altijd met het schrijven van de titel van je bericht, die titel komt bovenaan je webpagina te staan.
Daarna kun je in het grote invul veld de tekst van je bericht gaan schrijven, je ziet boven dat veld ook een aantal opties zoals je die kent van bijvoorbeeld Microsoft Word.
10
Voor de opmaak van je tekst heb je aan die standaard opties meestal voldoende, de opmaak van de tekst zoals lettertype en kleur worden bepaald door het "Thema" van je site dus daarover hoef je je helemaal niet druk te maken. Je kunt je volledig concentreren op de inhoud van je bericht. In het rechter-menu zie je nog een aantal opties: Gebruik bericht “tags” om woorden aan je bericht te koppelen. Voor die woorden kies je de belangrijkste steekwoorden die je in je bericht gebruikt hebt. Die tags zorgen er o.a. voor dat je beter gevonden gaat worden in de zoekmachines. (Niet echt noodzakelijk) Koppel je bericht aan de categorie uit de lijst met categorieën die je aangemaakt hebt. In ons geval zijn dit de verschillende klassen van de school. Gebruik na iedere wijziging die je maakt de knop “Publiceren” of “Bijwerken” om die wijzigingen op te slaan en zichtbaar te maken voor iedereen op het internet. Na het publiceren of bijwerken krijg je bovenaan de titel een link waarmee je het resultaat op de site kunt bekijken.
Afbeeldingen, Video en andere media Afbeeldingen en tegenwoordig ook video maken je site, berichten en pagina's leuker om naar te kijken en voegen ook nog wat toe aan de hele belevenis van je site. Soms kan een foto al meer zeggen dat een hele lap tekst vandaar dat je ook regelmatig afbeeldingen en andere media aan je berichten zal toevoegen. We hadden in het menu de optie "Media" al gezien en dat is een goede keuze om te zien wat je tot nu toe al ge-upload hebt. Het echte uploaden kun je daar doen, maar ook als je een bericht of pagina aan het schrijven bent. Boven je tekst vak in de opmaakbalk zitten nog een paar extra iconen. Dit is een beetje veranderd t.o.v. vorig jaar.
Deze iconen staan voor: Media toevoegen (afbeelding, video, audio…) Formulier toevoegen Als je met je muis over de iconen gaat zie je een "ballon" met daarin wat je ermee kunt doen.
11
Hieronder staat de beschrijving voor het toevoegen van een afbeelding. Voor de overige media geldt dezelfde procedure. Klik met je muis op het icoon “Media toevoegen”. Er opent zich nu een extra scherm:
Door op “Bestanden kiezen” te klikken krijg je de Windows verkenner te zien waarmee je naar de juiste afbeelding op je eigen pc kunt gaan. Blader tot je de juiste map hebt en kies de afbeelding die je wilt uploaden.
12
Na het uploaden komt een nieuw scherm:
13
Hier kun je nog wat dingen wijzigen als je dat wilt zoals de titel en de alternatieve tekst. De alternatieve tekst komt tevoorschijn als je later met je muis over de gepubliceerde afbeelding gaat. Let speciaal op de formaat opties onderaan. Afhankelijk van de grootte van de afbeelding kun je hier ook de andere formaat opties zien. Als je de koppelings-URL laat staan zoals die na het uploaden gekomen is, dan kan je bezoeker op de afbeelding doorklikken in je bericht om de afbeelding alleen te zien. Gebruik je een Thumbnail (kleine afbeelding) in je bericht, dan krijgt je bezoeker bij het doorklikken op die kleine afbeelding de originele afbeelding in zien. De velden Onderschrift en Beschrijving worden geplaatst in een apart veld onder de afbeelding. Nadat je alles ingevuld hebt klik je op "Invoegen in bericht". Je ziet de afbeelding dan direct in je bericht tevoorschijn komen.
14
Invoegen vanuit de media bibliotheek Als je de afbeeldingen al ge-upload hebt, of je wenst een afbeelding gebruiken die je al eens geplaatst hebt, dan kun je die afbeelding ophalen via de media bibliotheek optie.
Als je de afbeelding gevonden hebt die je wilt gaan gebruiken, klik dan op "Tonen". Ook hier krijg je dan een scherm met alle gegevens van die afbeelding.
En ook hier heb je weer de optie "Invoegen in bericht".
15
Meerdere afbeelding plaatsen (galerij) Het is natuurlijk ook mogelijk om in 1 keer meerdere afbeeldingen in te voegen. We spreken dan over een galerij. Het begin is hetzelfde als bij het plaatsen van 1 afbeelding. Je klikt op “Media toevoegen”.
Kies de afbeeldingen die je wil plaatsen en klik op openen. We hebben een kleine wijziging doorgevoerd dit jaar. De foto’s die je upload zullen automatisch verkleind worden (indien nodig) en de ook zal de galerij er heel wat mooier uitzien.
De gekozen afdbeeldingen worden ge-upload (dit kan even duren):
16
Op een volgend scherm zie je de afbeeldingen die je hebt ge-upload. Klik op “Alle wijzigingen opslaan”.
Vervolgens zie je dat je extra informatie krijgt. Hier kies je de volgorde van je foto’s (Oplopend of Aflopend) en hoeveel je er op een rij wil zien (voor ons thema best niet meer dan 3). Vervolgens klik je op “Galerij toevoegen”.
17
Je keert dan terug naar het dashboard waar je het volgende ziet.
Je kan nu nog extra tekst bijvoegen en als je klaar bent druk je op “Publiceren”. Je afbeeldingen staan nu in het bericht.
18
Als je nu op een afbeelding klikt gaat deze automatisch vergroten:
Door op de pijltjes te klikken kan je naar de volgende of vorige foto gaan. Dit kan je trouwens ook doen met de pijltjes op je toetsenbord! Onderaan zie je . Als je hierop klikt zal je de foto in volledige grootte zien. Opgelet, doordat Wordpress nu zelf de grootte aanpast, zal dit NOOIT groter zijn dan 1024 pixels! Om terug te gaan naar het bericht kan je gewoon naat een afbeelding klikken of de ESCtoets van je computer gebruiken.
19
Uitlijnen van de afbeelding De afbeelding die je ge-upload hebt, kun je binnen de tekst uitlijnen. Standaard is de optie GEEN geselecteerd, wat wil zeggen dat de afbeelding alleen staat zonder tekst eromheen. Bij de uitlijning links en rechts wordt de tekst automatisch om de afbeelding heen gezet.
Gecentreerd wil zeggen dat de afbeelding in het midden van de paragraaf gezet wordt, dus boven of onder de tekst.
Zoals je ziet heb je een heleboel mogelijkheden met afbeeldingen door de uitlijn mogelijkheden die al in WordPress ingebouwd zitten.
20
Wil je het later wijzigen dan klik je op de afbeelding en selecteer je “Afbeelding bewerken”.
Ook dan krijg je weer de mogelijkheid om de uitlijning te wijzigen.
21
Weblinks Invoegen Naast afbeeldingen zal je ook links naar andere sites of pagina's op willen nemen in je artikels. Om dat te kunnen doen moet je eerst de tekst selecteren waarmee je de link wilt maken. Selecteer je geen tekst, dan kan je ook geen link invoegen. De icoon om een link in te kunnen voegen blijft dan heel licht grijs.
Heb je wel een tekst gedeelte geselecteerd, dan verandert de icoon en kan je hem aanklikken.
Na het aanklikken krijg je een scherm zoals hieronder.
22
Het eerste veld URL spreekt voor zichzelf, dit is waar je de link die je toe wil voegen in kopieert. Het titelveld zal je meestal vullen met de titel van die pagina of iets dat je zelf bij die pagina vindt passen. Bij de meest recente versies van WordPress zie je een extra lijn die je aan kunt klikken: Of link naar een bestaand bericht of pagina Klik je daarop dan krijg je alle berichten en pagina's die je al op je site hebt staan te zien en kun je makkelijk een interne link aanmaken. Heb je alles ingevuld en klik je op “Link toevoegen” dan is de link in je bericht opgenomen.
23
Nieuwe Pagina (enkel voor administrators) Pagina's zijn anders dan berichten en dat zie je ook als je een nieuwe pagina gaat maken. Klik op de menukeuze "Nieuwe Pagina" en je krijgt een invulscherm zoals hieronder.
Je begint altijd met het schrijven van de titel van je pagina, die titel komt bovenaan je webpagina te staan. In het rechter menu zie je nu echter geen categorieën waar je een pagina aan kunt koppelen. Misschien zie je ook geen optie "Tags" zoals hier, dit is een optie van een extra plug-in. Natuurlijk hebben we wel weer de optie "Publiceren", maar daaronder hebben we een nieuw menu item "Pagina-Attributen". Hier kun je instellen of de pagina straks direct in je menu komt of dat deze pagina een sub pagina is bij een hoofdonderwerp.
24
Uit de drop down keuze kun je dan kiezen bij welke "moeder" pagina dit "kind" gaat horen. Pagina's kun je onbeperkt “nesten” op deze manier.... maar probeer het voor jezelf simpel te houden door die nestdrang te bedwingen! Of je bij de sjabloon optie keuzen te zien krijgt hangt samen met het thema dat geïnstalleerd is, normaal gesproken hoef je hier niets te wijzigen. Bij de optie "volgorde" (hier niet zichtbaar op de afbeelding) kun je een nummer ingeven waarmee je de volgorde van je pagina's in je menu kunt bepalen.
25
De Kalender (My Calendar) gebruiken. Nieuwe activiteit aan de kalender toevoegen. Op het dashboard zie je menu te zien.
.
. Klik eventueel op het pijltje om het volledige
Klik nu op “Voeg toe/bewerk activiteiten”. Een nieuw scherm zal geopend worden. Hierop dien je de gegevens in te vullen.
Naam van de activiteit (verplicht) Activiteit omschrijving (bij het klikken in de agenda komt deze informatie te voorschijn) Verkorte activiteit (wordt getoond in de kalender dus niet TE VEEL schrijven)
Wie heeft de activiteit geplaatst (komt automatisch) Activiteit categorie (Algemeen, Vakantie of Ouderraad) Indien anderen categorieën nodig zijn kan je die aanmaken via “Beheer categorieën”.
Datum en uur begin Datum en uur einde (tijd moet niet ingevuld worden) Als het meerdere dagen betreft kan dit aangevinkt worden Eventueel wanneer deze activiteit zich herhaald.
26
Deze functie werkt niet. Het beste is om “Niet van toepassing” aan te klikken.
Eventueel kan U een locatie voor de activiteit toevoegen. Deze kunnen ook beheerd worden via het “My Calendar”- menu.
Als alles ingevuld is op “Bewaar activiteit” klikken.
Onderaan kan je een samenvatting zien van alle ingevoerde activiteiten:
27
Activiteiten van de kalender kopiëren, bewerken of verwijderen.
Ga opnieuw naar het menu van “My Calendar” en klik op “Voeg toe/bewerk activiteiten”.
Scrol dan naar beneden en je zal alle activiteiten zien onder de titel “Beheer activiteiten”:
Achteraan zie je . Klik op hetgeen dat je nodig hebt en de activiteit zal zich openen (zoals bij een nieuwe activiteit invoegen). Let er wel op dat je altijd op klikt vooraleer je de pagina verlaat, anders zijn de wijzigingen niet opgeslagen!
Indien je meerdere activiteiten wil verwijderen, dan kan je deze ook aanvinken en onderaan op de knop “Delete checked events” klikken. Eenmaal je bevestigd hebt zijn deze activiteiten uit de kalender verwijderd. De enige manier om ze er terug in te krijgen is ze opnieuw ingeven!
28
Gebruikers Profielgegevens aanpassen
Je kan je Naam aanpassen, met uitzondering van de gebruikersnaam (met deze log je in). Het is wel een goed idee om even je Schermnaam aan te passen, anders is deze dezelfde als je gebruikersnaam. Deze schermnaam wordt bij elk bericht dat je post getoond! Je kan iets meer
Je kan hier een nieuw wachtwoord ingeven. Een sterkteindicator toont hoe goed je wachtwoord is
29
Interessante websites http://www.manualsfountain.com/movies.php?id=60 http://www.hlrnet.com/webweven/wp28handleiding.htm http://handleiding.wordpress.com/ http://www.hummerbie.nl/table/wordpress-handleiding/ http://www.herbertvandinther.nl/ http://hosting.ber-art.nl/wordpress-handleiding/
30
Notities
31
32