Handleiding voor Leden Teampagina aanpassen op www.witkampers.nl

Handleiding voor Leden Teampagina aanpassen op www.witkampers.nl

1 Inleiding & Inhoudsopgave Deze handleiding helpt bij het aanpassen van de teampagina s op www.witkampers.nl. Het doel van de website is dat de teams wat meer over elkaar te weten komen en hun voortgang in de competitie. Samen moeten we de website dus interessant maken. Deze handleiding lijkt erg uitgebreid, maar alles wordt stap voor stap beschreven zodat je hopelijk niet vast loopt. Niet alle knoppen worden uitgelegd, omdat niet alle knoppen belangrijk zijn. Mocht je er toch niet uit komen, stuur dan je aanpassing naar webmaster@witkampers.nl Ook vragen en/of opmerkingen over de website en de handleiding kunnen naar dit adres worden gestuurd. 1 Inleiding & Inhoudsopgave... 2 2 Inloggen... 3 2.1 Inloggen... 3 2.2 Bewerk pagina... 4 2.3 Nieuwe pagina... 4 2.4 Verwijder pagina... 5 3 Teamfoto aanpassen... 6 3.1 Afbeeldingen Toevoegen & Aanpassen... 7 3.1.1 Mapje aanmaken... 7 3.1.2 Foto selecteren... 8 3.2 Opslaan... 8 4 Spelers aanpassen... 9 4.1 Template selecteren... 9 4.2 Spelergegevens aanpassen... 10 4.3 Opslaan... 10 5 Verslagen & Nieuws aanpassen... 11 5.1 Template selecteren... 12 5.2 Titel invoeren... 12 5.3 Introductietekst... 12 5.4 Hoofdtekst invoeren... 13 5.4.1 Documenten & Links binnen de Website... 14 5.4.2 Verwijder een link... 15 5.4.3 E-mailadressen & Links naar Externe Websites... 15 5.5 Afbeeldingen toevoegen... 15 5.5.1 Foto s Uploaden... 15 5.5.2 Titels & Beschrijvingen Toevoegen... 16 5.5.3 Foto s Sorteren... 16 5.5.4 Foto s Verwijderen... 16 5.6 Opslaan... 16 6 Topscoorders aanpassen... 17 Pagina 2

2 Inloggen Ga naar www.witkampers.nl/manager Tip! Om je wijzigingen te testen kan je beter een nieuw scherm of tabblad openen, waarin in de één de gewone website staat en bij de ander je de inhoud kan beheren. Wanneer je een wijziging hebt doorgevoerd kan je de pagina van de website vernieuwen door op f5 te klikken 2.1 Inloggen Vul je gebruikersnaam (je volledige naam) en wachtwoord in. Klik daarna op aanmelden. Nu kom je op de welkomst pagina (zie hieronder) Klik op om de boom aan de linkerkant van het scherm uit te klappen (zie hierboven). Pagina 3

2.2 Bewerk pagina Alle pagina s en de pagina s daaronder zijn te bewerken. 1. Klik op het item dat je aan wilt passen De hoofdpagina (in dit voorbeeld Witkampers Heren 9) Alle pagina s onder spelers Alle pagina s onder verslagen Alle pagina s onder Nieuws Topscoorders 2. Klik op Bewerk 2.3 Nieuwe pagina Daarnaast kan je nieuwe pagina s onder spelers, verslagen en nieuws plaatsen. 1. Klik op Spelers, Verslagen of Nieuws 2. Klik op Bekijk Subpagina s in Map 3. Klik op Nieuwe Pagina Pagina 4

2.4 Verwijder pagina Alle pagina s en de pagina s daaronder zijn te verwijderen. 1. Klik op het item dat je wilt verwijderen De hoofdpagina (in dit voorbeeld Witkampers Heren 9) Alle pagina s onder spelers Alle pagina s onder verslagen Alle pagina s onder Nieuws Topscoorders 2. Klik op Verwijderen boven in balk 3. Klik op OK Pagina 5

3 Teamfoto aanpassen In dit hoofdstuk wordt uitgelegd hoe je de foto op de homepage van je team aan kan passen. Nadat je de hoofdpagina van je team hebt geselecteerd en op bewerk hebt geklikt (zoals uitgelegd in paragraaf 2.2 Bewerk pagina) krijg je het volgende scherm. Pagina 6

3.1 Afbeeldingen Toevoegen & Aanpassen Je kan een andere teamfoto plaatsen door op invoegen te klikken. Het volgende scherm verschijnt: 3.1.1 Mapje aanmaken Klik op het mapje van je team. Wanneer dit nog niet bestaat volgende stappen: 1. Klik op: Create New Folder 2. Bovenin verschijnt waarschijnlijk een balk. Klik daarop en daarna op scriptvensters tijdelijk toestaan 3. Klik op: Create New Folder 4. Vul de naam in van je team en klik op OK Pagina 7

3.1.2 Foto selecteren 1. Klik op bladeren 2. Selecteer de foto op je computer 3. Klik op upload 4. Klik op de foto om de foto te selecteren. 3.2 Opslaan Klik daarna op Opslaan boven in de balk. De wijziging is direct te bekijken op de website. Wil je deze wijziging niet doorvoeren, klik dan op Annuleren. Pagina 8

4 Spelers aanpassen In dit hoofdstuk wordt uitgelegd hoe je spelers aan kan passen. Dit ziet er op de website zo uit: Nadat je de op spelers hebt gelikt en een nieuwe pagina aan hebt gemaakt (zoals uitgelegd in paragraaf 2.3 Nieuwe pagina) krijg je het volgende scherm. 4.1 Template selecteren Eerst moet je de goede template selecteren. Kies voor Speler Daarna krijg je de volgende waarschuwing. Klik op OK. Pagina 9

4.2 Spelergegevens aanpassen Nu kan je de verschillende velden invullen. Je kan een foto in de header plaatsen en je kan een foto van de speler uploaden. Dit wordt uitgelegd in Paragraaf 3.1 Afbeeldingen Toevoegen & Aanpassen Dit scherm krijg je ook nadat je een speler hebt geselecteerd en op bewerk hebt geklikt (zoals uitgelegd in paragraaf 2.2 Bewerk pagina) krijg je het volgende scherm. 4.3 Opslaan Klik daarna op Opslaan boven in de balk. De wijziging is direct te bekijken op de website. Wil je deze wijziging niet doorvoeren, klik dan op Annuleren. Pagina 10

5 Verslagen & Nieuws aanpassen In dit hoofdstuk wordt uitgelegd hoe je verslagen en nieuwsberichten aan kan passen. Dit ziet er op de homepage van het team zo uit. Hierin wordt de titel meegenomen. Daarnaast is er een overzicht voor alle nieuwsberichten en voor alle wedstrijdverslagen. Hierin worden de titel en de introductietekst meegenomen. Wanneer men doorklikt is er per bericht of verslag een pagina. Hierin worden de titel en hoofdtekst meegenomen. Pagina 11

Nadat je de op Verslagen of Nieuws hebt gelikt en een nieuwe pagina aan hebt gemaakt (zoals uitgelegd in paragraaf 2.3 Nieuwe pagina) krijg je het volgende scherm. 5.1 Template selecteren Eerst moet je de goede template selecteren. Kies voor Wedstrijdverslag of nieuwsbericht. Daarna krijg je de volgende waarschuwing. Klik op OK. Het scherm wat nu komt krijg je ook nadat je de op een wedstrijdverslag of nieuwsbericht hebt gelikt en op bewerk hebt geklikt (zoals uitgelegd in paragraaf 2.2 Bewerk pagina). 5.2 Titel invoeren Voer de titel van het nieuwsbericht of het verslag in het daarvoor bestemde vakje. 5.3 Introductietekst Bovenaan de pagina vind je het introductie tekstveld. Hier kan je een korte tekst typen, zonder opmaak aan te passen. Pagina 12

5.4 Hoofdtekst invoeren In de hoofdtekst kan je de opmaak veranderen en langere teksten toevoegen. Om zeker te weten dat het er goed uit ziet, kan je het beste direct in het veld typen. Wanneer je de tekst al in een document hebt getypt, kan je het beste de tekst kopiëren, dit plakken in kladblok, weer kopiëren en dan plakken in het hoofdtekstveld. Boven het scherm staan verschillende knoppen waarmee je de opmaak kan bepalen. Hieronder staan de belangrijkste en nuttigste beschreven. Veel knoppen hoeven niet gebruikt te worden. Maak de tekst vet Maak de tekst cursief Onderstreep de tekst Maak een lijstje met opsommingtekens Maak een lijstje met nummering Verschuif de tekst of de opsomming één tab naar rechts Wanneer je een nieuwe alinea wilt beginnen moet je gewoon op enter drukken. Na één enter komt er al een ruimte tussen de regels. Wanneer je geen ruimte wilt tussen de tekst, maar wel een nieuwe regel wilt beginnen gebruik dan shift + enter. In de meeste gevallen kan je nu het document opslaan. Het is belangrijk om het document altijd eerst op te slaan voordat je de pagina afsluit. Pagina 13

5.4.1 Documenten & Links binnen de Website Je kunt aan tekst in het hoofdtekstveld een link koppelen naar een andere pagina binnen www.witkampers.nl of naar een document. 1. Selecteer eerst de tekst waar je de link aan wilt koppelen. 2. Klik op, het volgende scherm verschijnt: a. Maak een Interne Link Om een interne link te maken (naar een andere pagina op deze site), selecteer een pagina uit de Lijst en klik op Invoegen. b. Voeg een document toe Om een link naar een document te maken, klik op het icoontje achter URL. Nu verschijnt de resource browser, zoals in het volgende scherm: 1 2 Klik op bladeren (zie screenshot hierboven stap 2) Klik op upload (zie screenshot hierboven stap 3) Klik op de foto om de foto te selecteren. Pagina 14

5.4.2 Verwijder een link Selecteer de tekst en klik op 5.4.3 E-mailadressen & Links naar Externe Websites Wanneer je een e-mailadres of een link naar externe website wilt toevoegen, kan je gewoon de link typen. Als je een spatie gebruikt of op enter drukt, wordt er automatisch een link van gemaakt. Als je e-mailadressen toe wilt voegen kan je het beste een @witkampers.nl adres gebruiken. Dit voorkomt dat je spam in je e-mail krijgt. Wil je hier meer informatie over, stuur dan even een mailtje naar webmaster@witkampers.nl. 5.5 Afbeeldingen toevoegen Wanneer je bent ingelogd in de ModX Manager, krijg je extra knoppen in de website zelf. Wanneer je weer uitlogt verdwijnen deze weer. Deze knoppen zijn nodig om de foto s toe te voegen. Ga naar de pagina van je wedstrijdverslag en klik op Manage Pictures. 5.5.1 Foto s Uploaden Klik op bladeren en selecteer de foto op de harde schijf. Dit kan je voor meerdere foto s klaar tegelijk doen. Klik daarna op Upload pictures onderaan de pagina. Pagina 15

Afhankelijk van de grootte van de foto s en de snelheid van je internetverbinding duurt het wat langer of korter. Met verschillende programma s (bijv. Picasa van Google), kan je de foto s kleiner maken waardoor het sneller gaat. Ook wanneer je al een keer foto s hebt toegevoegd aan dit verslag, is het uploadformulier altijd onderaan weer terug te vinden. 5.5.2 Titels & Beschrijvingen Toevoegen Wanneer de upload goed is gegaan komen de foto s in beeld. Je kunt een titel en omschrijving aan elke foto toevoegen door in het vak te typen. Klik daarna op save changes bovenin het scherm. Je kunt terug naar het gewone scherm (het verslag met toegevoegde foto s), door op Back to normal view te klikken. 5.5.3 Foto s Sorteren Je kunt op twee manieren de foto s sorteren. Je kunt in het vakje positie een nummer invullen en daarna op Save changes klikken. Daarnaast kan je op Sort pictures klikken. Het volgende scherm verschijnt: Je kunt de volgorde van de foto s aanpassen door de foto s naar een andere positie te slepen. Wanneer je klaar bent klik dan op Save changes. 5.5.4 Foto s Verwijderen Je kunt foto s verwijderen door bij de foto, Delete aan te vinken. Klik daarna op Save Changes bovenin het scherm. Om alle foto s van dit verslag in één keer te verwijderen kan je onderaan in het scherm op Delete all pictures klikken. 5.6 Opslaan Klik daarna op Opslaan boven in de balk. De wijziging is direct te bekijken op de website. Wil je deze wijziging niet doorvoeren, klik dan op Annuleren. Pagina 16

6 Topscoorders aanpassen In dit hoofdstuk wordt uitgelegd hoe je de topscoorders aan kan passen. Nadat je de pagina van topscoorders hebt geselecteerd en op bewerk hebt geklikt (zoals uitgelegd in Paragraaf 2.2 Bewerk pagina) krijg je het volgende scherm. Je kan de namen en de getallen hierin wijzigen. Klik daarna op Opslaan boven in de balk. De wijziging is direct te bekijken op de website. Wil je deze wijziging niet doorvoeren, klik dan op Annuleren. Pagina 17