Handleiding website Excelsior Handleiding website Excelsior v0.5.doc Harold Snippert 20 augustus 2010
Inhoudsopgave Inhoudsopgave...2 Inloggen...4 Bericht plaatsen op de voorpagina...6 Artikel inkorten/afbreken...12 Een vaste pagina aanpassen...13 Nieuwe pagina maken...15 De agenda vullen...17 Maken van een fotopagina...21 Nieuwe pagina aanmaken voor foto's...22 Foto gallerij aanmaken...23 Foto s verkleinen...24 Foto s uploaden...24 Fotogallerij nabewerken...26 Link op pagina plaatsen...28 Nabewerken en verkleinen van foto's...29 Irfanview instellen...29 Foto's bewerken (rechtop zetten)...29 Foto's verkleinen (voorbereiden)...30 Eenmalig de advanced options instellen...31 Foto's verkleinen:...32 Punten van aandacht:...33
Inleiding Excelsior heeft een website: http://www.excelsior-losser.nl. Deze is een jaar geleden gemoderniseerd, het bijhouden van informatie op de website zou gemakkelijker moeten gaan. Daarvoor is een CMS systeem geïnstalleerd (content management systeem) in dit geval een systeem genaamd Etomite. Etomite is weliswaar erg snel en heel stabiel maar was te bewerkelijk. Nu is gekozen voor een veel algemener CMS systeem, dat van WordPress. Bij deze de handleiding om artikelen te kunnen plaatsen en de basis pagina s te kunnen bijwerken. Let op: de afbeeldingen zijn nog in het engels, de achterliggende engine van de website is nu grotendeels in het nederlands. Niet alle website toevoegingen zijn beschikbaar in het nederlands. De website: www.excelsior-losser.nl
Inloggen Om de website te kunnen bewerken ga naar: www.excelsior-losser.nl/wp-admin Onderstaand scherm verschijnt Log in met de gegevens die je hebt gekregen. Geen inlog van iemand anders gebruiken. Heb je geen inlog? Mij even vragen. Maak ik die voor je aan.
Je komt terecht in onderstaand scherm. Berichten plaatsen (bij Posts) Pagina s bewerken (Pages)
Bericht plaatsen op de voorpagina Om een bericht op de voorpagina te kunnen plaatsen, klik berichten. Onderstaand scherm verschijnt met de laatste berichten. Klik nieuw bericht
Vul de titel in en schrijf de tekst. Je kunt de tekst ook kopiëren en plakken vanuit MS Word of vanuit de mail. Maakt niets uit. Selecteer rechtsonder de juiste categorie om artikelen te rubriceren. Wil je andere of meer categoriën? Laat het even weten dan voeg ik ze toe.
Elke bericht op de voorpagina graag beginnen met een kleine afbeelding. Achter Upload/Insert klik op het vierkantje (zie ook de afbbelding hieronder) Er zijn 2 mogelijkheden: een bestaande afbeelding gebruiken of een nieuwe uploaden. Een nieuwe afbeelding voor de voorpagina eerst resizen naar een breedte van 133. Hoogte maakt niet uit. Formaat JPG. Naam moet logisch zijn, kort graag, en beginnen met voorpagina-. Een foto niet voor de voorpagina maar voor een artikel zelf een hoogte of breedte geven van maximaal 500. Formaat JPG. Logische naam geven, liefst zonder spaties en gekke tekens. Heel veel foto s uploaden voor een fotopagina gaat via een ander gedeelte van de site. Selecteer boven in de balk media bibliotheek als je een bestaand plaatje wilt gebruiken (of select files als je wilt uploaden). Wil je een eigen afbeelding plaatsen dan eerst de grootte aanpassen en het formaat. Kies voor de voorpagina een afbeelding die begint met voorpagina-. Je hebt de keuze uit: voorpagina-blokfluit-amv.jpg voorpagina-knfmconcours.jpg voorpagina-carnaval.jpg voorpagina-majorettes-opl-groep.jpg voorpagina-disco.jpg voorpagina-majorettes.jpg voorpagina-drumband-2009.jpg voorpagina-martinikoor-crop.jpg voorpagina-excelsior.jpg voorpagina-muziekcentrum.jpg voorpagina-fotocamera.jpg voorpagina-opkamp.jpg voorpagina-inmemoriam.jpg voorpagina-orgel.jpg voorpagina-jubileumboek.jpg voorpagina-orkest-2008.jpg voorpagina-kerst.jpg voorpagina-sinterklaas.jpg voorpagina-kerstjeugd.jpg voorpagina-vakantie.jpg Je ziet de afbeeldingen al in het klein.
Klik achter de gewenste afbeelding op tonen, in dit geval voorpagina-website.jpg. Selecteer bij uitlijnen: Links en druk op de knop invoegen in bericht
Je ziet de afbeelding verschijnen in het artikel. Wil je een grotere foto in een artikel plaatsen. Kies dan juist niet voor left maar voor none. Anders is de uitlijning niet goed. Druk op Publiceren of Bijwerken om het artikel te plaatsen. Als je de volgorde wilt aanpassen dan de datum van het artikel aanpassen. Dat kan pas nadat het artikel geplaatst is. Het laatst geplaatste artikel staat bovenaan dus wil je het artikel naar de tweede plaats dan een tijdstip kiezen tussen de twee artikelen waar je tussen wilt plaatsen. Artikelen die je vaker wilt gebruiken of tijdelijk wilt weghalen kun je op private zetten. Ze zijn dan niet meer op de echte website te zien. Druk daarvoor achter visibility op de knop private.
Artikelen aanpassen kan natuurlijk ook. Klik in de lijst met artikelen op edit, pas het artikel aan en selecteer update post of bijwerken.
Artikel inkorten/afbreken Het is niet de bedoeling dat er veel tekst op de voorpagina terecht komt. Het artikel zelf mag wel lang zijn maar je moet een speciale functie gebruiken om maar een klein gedeelte op de voorpagina te laten zien. Maak eerst het artikel af. Inclusief voorpagina afbeelding. Een artikel splitsen doe je met de knop:. Als je een artikel hebt geschreven dan na ongeveer 8 a 10 regels op deze knop drukken. Het artikel is nu alleen boven de lijn zichtbaar op de voorpagina. Je krijgt een link te zien: Continue reading. Als je daarop klikt krijg je het hele artikel. Voordeel is dat de voorpagina overzichtelijk blijft.
Een vaste pagina aanpassen Het aanpassen van een vaste pagina gaat ongeveer precies zo. Klik Pagina s. Als je met het muis over de artikelen gaat zie je de knop bewerken verschijnen. Klik de bewerken knop bij het artikel dat je wilt aanpassen.. In dit geval selecteer je bewerken onder het artikel over de O.L.M.
Nadat je tekst heb toegevoegd, of aangepast druk je op update of bijwerken.
Nieuwe pagina maken Je kunt ook een nieuwe pagina maken. Klik dan op new pagina (linkerkant). Geef de pagina een korte titel en voer tekst in. Foto s invoegen kan. Gebruik foto s die een breedte van 500 hebben en formaat JPG. Uploaden kan zelf via add media en dan select files. Geen fotopagina s bouwen via deze manier, dat wordt verderop beschreven. Bij nieuwe pagina s is het van belang dat je aan de rechterkant selecteert waar de pagina onder komt en wat het volgnummer is. In dit gebal rubriek orkesten volgnummer 4. (A orkest (1), B orkest (2), OLM (3)). ALTIJD een HOOFD (parent) kiezen aan de rechterkant bij pagina attributen anders dan komt de nieuwe pagina op de voorkant van de website en niet in het menu. Heb je alle gegevens ingevuld, klik dan op publish.
Ziedaar, een extra pagina in het menu: Ook deze pagina kun je verbergen voor bezoekers door hem private te maken. Je zou hier ook telefoonnummers van bestuursleden kunnen plaatsen of andere gegevens die niet op internet mogen. Als je inlogt zie je de pagina dan wel.
De agenda vullen Het vullen van de agenda gaat via Google Calendar. Om de agenda te bewerken, ga naar www.google.com/calendar Log in met het gmail account van excelsior. Na het inloggen selecteer linksboven in de hoek: agenda (of calendar)
Selecteer de dag en het tijdstip waarop je iets wilt invoegen en geef een korte beschrijving. Kies afspraak maken. Klik daarna op de gemaakte afspraak om extra gegevens in te voeren.
Kies hele dag als je gen tijdstippen weet. Zet de lokatie bij waar. Geef bij beschrijving aan voor welke onderdelen van Excelsior de afspraak is. De eesrtkomende 5 afspraken zijn altijd op de voorpagina te vinden. De hele agenda is te vinden bij evenementen agenda. De agenda is nu nog in het engels. Ik probeer hem in het nederlands te maken.
Kies afmelden als je klaar bent met bewerken.
Maken van een fotopagina Een fotopagina is niets anders dan een normale pagina, maar dan nu met foto s. Ik heb het maken van de fotopagina gedeeltelijk geautomatiseerd omdat het veel werk is en er makkelijk foutjes gemaakt kunnen worden. Je moet een gallerij voor foto's aanmaken, een goede naam kiezen en de foto's uploaden. De rest gaat automatisch, de foto gallerij wordt automatisch toegevoegd aan de lijst met fotomappen. Dat automatische aanmaken van de fotopagina gebeurt elke morgen om 10:00 uur dus je ziet het resultaat van je werk niet meteen. In principe gaat het verkleinen van foto's ook automatisch. Het is nog steeds wel handig om te verkleinen ivm de korte tijd die nodig is om te uploaden. Verkleinen is iets ingewikkelder maar na een paar keer snap je dat wel. - Nieuwe Pagina aanmaken vervallen, gaat automatisch Foto gallerij aanmaken Foto s verkleinen (bijlage) Foto s uploaden Link op pagina plaatsen vervallen, gaat automatisch
Nieuwe pagina aanmaken voor foto's Aanmaken van een nieuwe pagina voor foto's hoeft niet meer. Gaat automatisch. Wil je en fotospecial maken dan kan het nog steeds, maar het hoeft dus niet. Deze stap kun je overslaan. Als voorbeeldpagina maak ik een pagina aan met foto s van het kopieer apparaat. Nieuwe pagina geef naam handleiding scanner\kopieer apparaat Normaal geef je een fotopagina de naam met de omgekeerde datum van de eerste dag van het evenement, dus een optreden van de OLM bij Erve Kraesgenberg op 23 mei 2010 wordt 20100523-OLM-Erve-Kraesgenberg. Zorg ervoor dat je de nieuwe pagina in de goede afdeling onderbrengt. Foto s komen dus bij pagina attributen onder fotoboek - <jaartal> Publiceer de pagina. Zie ook de volgende afbeelding.
Foto gallerij aanmaken Let op: Bij het maken van een galerij is de naam van belang. De datum achterstevoren, dan de naam van het evenement, geen spaties maar liggende streepjes!!! Ga linksonder naar gallery en kies voor add gallery/images Bij new gallery een naam voor de fotogallerij ingeven. Het handigst is om dezelfde naam als de pagina aan te houden, bijvoorbeeld 20100523-OLM-Erve-Kraesgenberg. In mijn voorbeeld maak ik een gallery aan met de naam Handleiding MFP. Bevestig het aanmaken met het drukken van add gallery Na het toevoegen van de Gallery verschijnt bovenin beeld de code die je moet onthouden (opschrijven of knippen en plakken) De code ziet er altijd hetzelfde uit: [nggallery id=xxx] Het volgnummer moet je onthouden, in dit geval 22. (is ook niet meer van belang)
Foto s verkleinen Foto s verkleinen vergt wat meer uitleg. Zie hiervoor achterin dit document. Als de foto s niet te groot zijn (< 1MB) mag je ze ook rechtstreeks uploaden Foto s uploaden Klik rechtertabblad upload images Browse naar de map met de verkleinde foto s. Selecteer de eerste foto met je muis houdt de shift toets vast en klik op de laatste. Klik op OPEN Selecteer de goede gallery (die je net hebt gemaakt) en kies upload images
Dit duurt even, je ziet een voortgangsbalk. Na het uploaden worden automatisch de foto s verwerkt tot thumbnails. Kleine plaatjes waar je straks op kunt klikken. Dat gaat niet altijd goed maar dat kun je later herstellen. Ook dit duurt even, ligt aan de hoeveelheid foto s en hoe groot ze zijn.
Uiteindelijk is het klaar, pictures succesfully added Fotogallerij nabewerken Als je nu aan de linkerkant op manage gallery klikt, krijg je een lijst met fotopagina s. Je kunt die nabewerken. In dit geval klik ik op Handleiding MFP
Je kunt de foto s ook nabewerken, bijvoorbeeld als de foto s te groot zijn of als het maken van thumbnails (de kleine plaatjes) is mislukt. Klik het vakje voor ID. Alle foto s op de pagina worden geselecteerd. Kies nu boven ID voor de actie die je wilt uitvoeren, bijvoorbeeld create new thumbnails of resize images gevolgd door apply. Maar het hoeft niet, want dit gebeurt automatisch. Als je klaar bent, klik save changes
Link op pagina plaatsen Het plaatsen van een link werkt nog wel, maar is vervallen omdat de fotopagina automatisch gegenereerd wordt, elke ochtend om 10:00 uur. Heb je dus alleen nodig als je een special wilt maken met een fotoserie op de pagina zelf. Ga nu terug naar de pagina die je eerder hebt aangemaakt. Je kunt eventueel een tekst als inleiding plaatsen. De fotogallerij plaats je met de code [nggallery id=xxx]. In mijn voorbeeld is xxx vervangen door 22 Nu de pagina updaten (bijwerken) Het eindreultaat ziet er als volgt uit:
Nabewerken en verkleinen van foto's Ik gebruik voor foto's nabewerken het programma irfanview. Is beschikbaar voor PC en gratis. Je kunt het vinden op de website: http://www.excelsior-losser.nl/pub/software/ Beide programma's downloaden en installeren, eerst iview427_setup.exe daarna de plugins. Bij het installeren van iview427_setup.exe het installeren van de Google Toolbar eventueel uitvinken. Irfanview instellen Na het installeren het programma Irfanview openen (via start menu) en een aantal basis instellingen aanpassen. Is eenmalig. Open irfanview Kies P, voor de opties (preferences) Bij JPG/ PCD / GIF moet uitgevinkt staan Auto-rotate image according to EXIF Bij Extensions eventueel aangeven images only De instellingen opslaan door OK te drukken. Foto's bewerken (rechtop zetten) Open irfanview via je startmenu. Browse naar de map met foto's. Open de eerste foto in de rij. Je kunt met spatiebalk de volgende foto selecteren en met backspace de vorige. ESC sluit het programma. Als een foto niet rechtop staat, dit aanpassen met shift+j. Heb je een iets nieuwere camera dan volstaat om de onderste optie te selecteren autorotate according to exif gevolgd door OK of enter. Werkt dat niet dan zul je moeten aangeven of de foto naar rechts (90 graden) of naar links (270 graden) moet worden gedraaid.
Foto's verkleinen (voorbereiden) Maak een extra folder (map) aan in de map waar de foto's ook staan. Noem die map 800. Of kleine foto's. Wat je wilt. Open de eerste foto in de map. Kies B (batch convert) Onderstaand scherm verschijnt:
Eenmalig de advanced options instellen Klik op advanced en vul de gegevens in net zoals op de afbeelding hieronder. Aanvinken: resize, Invullen 800 en 800 Aanvinken: preserve aspect, use resample, don't enlarge Aanvinken: overwrite existing files
Foto's verkleinen: Als je de options in heb gesteld de map instellen waar de foto's naartoe moeten. Links in het midden, use current directory. Kies daarna browse en selecteer de map die je net hebt aangemaakt (800) Selecteer nu de foto's rechtsboven. 1 keer klikken, eerste klikken, shift vasthouden laatste klikken, ADD. Of kies ueberhaupt add all Als je nu start batch klikt, worden alle foto's verkleind. Je kunt nu de foto's uploaden naar de website.
Punten van aandacht: - Layout kun je weinig aan fout doen. Als je opmerkingen hebt of aanpassingen wilt dan hoor ik dat graag. Geen artikelen wissen, helemaal niet als ze van iemand anders zijn. Wil je een artikel onzichtbaar maken dan private maken.