PvdA websites Quick Start voor het werken met het Hippo CMS
Versie 2.0 Amsterdam, 16 maart 2009
2
Inhoudsopgave 1.
Beginnen ___________________________________________________________________ 5 1.1
Het CMS opstarten en afsluiten ______________________________________________ 5
1.2
De preview website bekijken _________________________________________________ 5
1.3
De live website bekijken _____________________________________________________ 6
2.
Werken in het CMS___________________________________________________________ 7 2.1
Naar de documenten _______________________________________________________ 7
2.2
De mappen en bestanden ___________________________________________________ 7
2.3
Een bestaand artikel wijzigen_________________________________________________ 9
2.4
Een bestaand artikel opslaan _________________________________________________13
2.5
Een nieuw artikel toevoegen_________________________________________________ 14
2.6
Een nieuw artikel opslaan___________________________________________________ 18
2.7
Een artikel publiceren ______________________________________________________ 19
2.8
Een artikel intrekken (de-publiceren)__________________________________________ 20
2.9
Een artikel verwijderen _____________________________________________________ 21
3.
In het CMS zoeken __________________________________________________________ 23
4.
De Homepage inrichten ______________________________________________________ 25 4.1
De Homepage wijzigingen opslaan___________________________________________ 30
4.2
De Homepage wijzigingen publiceren _________________________________________31
3
4
1. Beginnen In tegenstelling tot het oude systeem – waar plaatsen, previewen en publiceren van berichten in één en dezelfde website zat, kent Hippo drie gescheiden websites: - CMS website – waar je content plaatst; zoals berichten, plaatjes en bijlagen. - Preview website – waar je geplaatste content kunt bekijken voordat je het publiceert. - Live website – waar je geplaatste en gepubliceerde content aan iedereen toont.
1.1 1. 2.
3.
4. 5.
6.
1.2 1. 2.
3. 4. 5.
Het CMS opstarten en afsluiten Start je webbrowser - bijvoorbeeld FireFox, Internet Explorer, Safari etc. Typ cms.pvda.nl in de adresbalk en klik op Enter. Het inlogscherm verschijnt. Zie de afbeelding hiernaast. Typ je gebruikersnaam en wachtwoord in. Hiervoor gebruik je dezelfde inlognaam en wachtwoord die je ook voor Mijn PvdA gebruikt. Kies de Nederlandse taal (nl). Klik op de knop login om in te loggen. Het basisvenster van het CMS verschijnt:
Klik op Uitloggen om uit te loggen. Het dialoogvenster om in te loggen verschijnt dan weer.
De preview website bekijken Start je webbrowser - bijvoorbeeld FireFox, Internet Explorer, Safari. etc. Typ in de adresbalk: www.pvda.nl/preview/naamafdeling - voor de website van een afdeling, www.pvda.nl/preview/naamgewest - voor de website van een gewest, of www.pvda.nl/preview/jeeigennaam - voor je persoonlijke website in de adresbalk Klik op Enter Er verschijnt een inlogscherm Typ in als gebruikersnaam ‘pvda’ en als wachtwoord ‘preview’ De pagina met de preview van de website wordt nu getoond.
5
1.3 1. 2.
3. 4.
De live website bekijken Start je webbrowser - bijvoorbeeld FireFox, Internet Explorer, Safari. etc. Typ in de adresbalk: www.naamafdeling.pvda.nl - voor de website van een PvdA-afdeling, www.naamgewest.pvda.nl - voor een gewestelijke website, of www.jeeigennaam.pvda.nl - voor je persoonlijke website Klik op Enter De homepage van de website wordt nu getoond.
6
2. Werken in het CMS 2.1
Naar de documenten
Nadat je succesvol ingelogd bent, klik op Naar de documenten, om een artikel, plaatje of bijlage te plaatsen.
2.2 De mappen en bestanden Bovenaan – onder kopje Documenten - zie je een map met de naam van jouw website. In dit voorbeeld is dat ‘Ede’. Als je beheerder bent van meerdere websites, zie je hier alle websites waarvan je webmaster bent.
In Hippo CMS zijn artikelen gescheiden van afbeeldingen en bijlagen. Je kunt er tussen browsen net als in ‘Verkenner.’ Om de navigatiestructuur (de rubrieken die je website heeft) te bekijken, aan te passen, of om nieuwe artikelen toe te voegen of te wijzigen: Klik onder Documenten (A) op de naam van je website (B). In dit geval is dat Ede. Om afbeeldingen toe te voegen of te bekijken: Klik onder Beeldbank (C) op de naam van je website. Om bijlagen toe te voegen of te bekijken: Klik onder Bestanden (D) op de naam van je website.
7
Let op: De tweede kolom kan een beperkt aantal mappen en bestanden bevatten. Om verder te komen gebruik je de scrollbar (E).
8
2.3
Een bestaand artikel wijzigen
Tip: Als je een plaatje wilt gebruiken, moet je dat eerst in de ‘Beeldbank’ toevoegen. Klik eerst op Documenten (A), daarna op de naam van je website (B), daarna op de naam van de rubriek waar je het artikel wilt wijzigen (F) en vervolgens op de naam van het artikel (G).
9
Klik op Bewerk om het artikel te wijzigen. Het volgende scherm verschijnt:
Titel: in dit veld verander je de titel van het artikel Introductie: pas de eerste alinea van je artikel aan Datum: klik op kalender om de datum van het artikel aan te passen. Let op: dit is een andere datum dan de publicatiedatum. Nadat je het artikel hebt opgeslagen, kan je publicatie van het artikel inplannen. Voor meer info, zie Hoofdstuk 2..7 op bladzijde 17. Inhoud/Opmerkingen: dit is het grote tekstveld waar tekst, links en plaatjes toegevoegd kunnen worden. Image: Klik op Selecteer om een afbeelding te kiezen die getoond wordt in het overzicht van alle artikelen als kleine afbeelding. Het volgende scherm verschijnt.
10
Om een plaatje eerst toe te voegen in de Beeldbank, klik je in de bovenste balk op ‘Voeg plaatje toe’. Laat het veld Omschrijving- niet leeg. Dit wordt gebruikt door blinden en slechtzienden. Document: Klik op om een bestaande bijlage te koppelen. Een extra regel verschijnt, zoals in afbeelding hiernaast. Klik in dat extra veld met ‘[…]’ om te kunnen browsen naar Bestanden en op zo’n manier de bijlage toe te voegen. Om een bijlage eerst toe te voegen in de Bestanden, klik in de bovenste balk op ‘Voeg bestand toe’. Externe link: Klik op om een link naar een externe website toe te voegen. Deze mogelijkheid gebruik je als je bijvoorbeeld wilt verwijzen naar meer informatie buiten je eigen website over het thema waar je artikel over gaat. Twee extra velden verschijnen, zoals hiernaast afgebeeld. In het titelveld tik je de naam van de website in waar je naar toe verwijst en in het veld URL plak je het adres van de website. Interne link: Klik op om een link naar een artikel binnen je eigen website toe te voegen. Een extra regel verschijnt, zoals afgebeeld hiernaast. Klik in dat extra veld met ‘[…]’ om te kunnen browsen naar Documenten en op zo’n manier een link naar een ander artikel toe te voegen.
11
Linksbox: Klik op om extra informatie aan een artikel toe te voegen. Een aantal extra regels verschijnen zoals hiernaast. In het Titelveld voer je de kop in van de linksbox, bijvoorbeeld: ‘Meer informatie over dít onderwerp’ of ‘Gerelateerde artikelen’. Geef een korte beschrijving op in het ‘Kantlijntekstveld’ en voeg gewenste bijlagen, externe of interne links daar onder. Met deze functionaliteit kan je verschillende extra’s aan een artikel toevoegen die iets te maken hebben met dat artikel. Nadat het artikel is opgeslagen, wordt linkbox getoond in verticale grijze balk. Dossier: In de toekomst zal je met deze optie gemakkelijk dossiers kunnen vormen. Toon op homepage: Vink dit boxje aan om dit artikel ook op de homepage te tonen. In Hippo CMS kan je niet rechtstreeks een artikel, een agenda of een fotoalbum op de homepage plaatsen. Je kunt wel vanuit alle rubrieken van de website publiceren op de homepage. Het artikel wordt getoond en in de bijbehorende rubriek en op de homepage. Toon reacties: Als je wilt dat de bezoekers van je website op dit artikel kunnen reageren, vink dit boxje aan. Banner: Bij ieder artikel kan je ook één of meer banners plaatsen. Selecteer een plaatje en voeg een interne of externe link toe. Volgende banner voeg je toe door op eronder te klikken. Nadat het artikel opgeslagen is, worden ze getoond in de vierde kolom. Poll: Bij ieder artikel kan je een poll selecteren. Let op: Om van deze functionaliteit gebruik te maken, moet je eerst een poll maken. Ga naar de rubriek Polls onder Documenten en in de selectiebox boven de tweede kolom selecteer je ‘Nieuwe poll’. Zie afbeelding hieronder.
12
2.4 Een bestaand artikel opslaan Om wijzigingen te bewaren, klik op de knop Sla op en sluit. Als je veranderingen toch niet wilt maken, klik op Sluit zonder opslag. Zie hieronder:
13
2.5
Een nieuw artikel toevoegen
Om een nieuw artikel toe te voegen, klik eerst onder Documenten op de naam van je website en vervolgens op de naam van de rubriek waar je het artikel wilt toevoegen. De meeste artikelen zal je waarschijnlijk in de map nieuws plaatsen. In de selectiebox boven de tweede kolom selecteer je ‘Nieuw nieuws artikel’. Zie afbeelding hieronder.
Er verschijnt een nieuw scherm waar een de naam van je nieuwe artikel moet opgeven.
14
Let op: De naam van het artikel is anders dan de titel van bericht. De naam van het artikel moet uniek zijn want Hippo gebruikt deze naam om je artikelen op te slaan, op te zoeken en de URL van dat artikel op te bouwen. Gebruik daarom een logische en beschrijvende naam voor je artikel. Klik op OK. Je komt dan bij het invoerformulier waarmee je een nieuw artikel kunt plaatsen.
Titel: in dit veld zet je de kop van het artikel Introductie: Tik de eerste alinea van je artikel Datum: klik op de kalender om de datum van het artikel aan te passen. Let op: dit is een andere datum dan de publicatiedatum. Nadat je het artikel hebt opgeslagen, kan je de publicatie van het artikel inplannen. Voor meer informatie, zie Hoofdstuk 2.7 op bladzijde 17. Inhoud/Opmerkingen: De body van je artikel waar tekst, links en plaatjes toegevoegd kunnen worden. Image: Klik op Selecteer om een afbeelding te kiezen die getoond wordt in het overzicht van alle artikelen als kleine afbeelding. Het volgende scherm verschijnt:
15
Om een plaatje eerst toe te voegen in de Beeldbank, klik je in de bovenste balk op ‘Voeg plaatje toe’. Laat het Omschrijving- veld niet leeg, want dit wordt door blinden en slechtzienden gebruikt. Document: Klik op om een bestaande bijlage toe te voegen. Een extra regel verschijnt, zoals in de afbeelding hiernaast. Klik op ‘[…]’ onder Locatie om te browsen naar Bestanden. Om een bijlage eerst toe te voegen in de Bestanden, klik je in de bovenste balk op ‘Voeg bestand toe’. Externe link: Klik op om een link naar een externe website toe te voegen. Twee extra velden verschijnen, zoals hiernaast afgebeeld. In het ‘Titel’-veld tik je de naam van de website waar je naar toe verwijst en in het veld ‘URL’ plak je het adres van de website inclusief “http://”. Interne link: Klik op om een link naar een artikel binnen je eigen website toe te voegen. Een extra regel verschijnt, zoals afgebeeld hiernaast. Klik op ‘[…]’ onder Locatie om te browsen naar Documenten en op een zodanige manier een link naar een ander artikel toe te voegen.
16
Linksbox: Klik op om verschillende links naar een artikel toe te voegen. Een aantal extra regels verschijnen zoals hiernaast. In het ‘Titelveld’ geef je een naam aan de linksbox, bijvoorbeeld ‘Meer informatie over dít onderwerp’ of ‘Gerelateerde artikelen’. Geef een korte beschrijving in het ‘Kantlijntekst-veld’ en voeg de gewenste bijlagen, externe of interne links daaronder. Met deze functionaliteit kun je verschillende links aan een artikel toevoegen die iets te maken hebben met dat artikel. Nadat het artikel opgeslagen is, wordt linkbox getoond in verticale grijze balk. Dossier: In de toekomst zal je met deze optie gemakkelijk dossiers kunnen vormen. Toon op homepage: Vink dit boxje aan om dit artikel ook op de homepage te tonen. In Hippo CMS kun je niet rechtstreeks een artikel, een agenda of een fotoalbum op de homepage plaatsen. Je kunt wel van uit alle rubrieken van de website publiceren op de homepage. Het artikel wordt getoond en in de bijbehorende rubriek en op de homepage. Toon reacties: Als je wilt dat de bezoekers van je website op dit artikel kunnen reageren, vink deze box aan. Banner: Bij ieder artikel kan je ook één of meerdere banners plaatsen. Selecteer een plaatje en voeg een interne of externe link. Volgende banner voeg je toe door op eronder te klikken. Nadat het artikel opgeslagen is, worden ze getoond in een verticale grijze balk. Poll: Bij ieder artikel kan je een poll selecteren. Let op: Om van deze functionaliteit gebruik te maken, moet je eerst een poll maken. Ga naar de rubriek Polls onder Documenten en in de selectiebox boven de tweede kolom selecteer je ‘Nieuwe poll’. Zie afbeelding hieronder.
17
2.6 Een nieuw artikel opslaan Om wijzigingen te bewaren, klik je op de knop Sla op en sluit. Als je veranderingen toch niet wilt maken, klik op Sluit zonder opslag. Zie hieronder.
Het opgeslagen artikel herken je aan een sterretje (1) naast zijn naam. Gepubliceerde artikelen hebben een vinkje (2).
18
2.7
Een artikel publiceren
Om een artikel op de ‘live’ website te publiceren zodat iedereen het kan zien, klik op ‘Plan publicatie in’, de tweede knop van links. Het volgende scherm verschijnt, waar je de datum en tijd kunt opgeven wanneer dit artikel gepubliceerd moet worden. Klik op het knopje ‘Nu’ om het artikel meteen te publiceren.
Een gepubliceerd artikel herken je aan een vinkje (2) naast zijn naam.
19
2.8 Een artikel intrekken (de-publiceren) Om je artikel te verwijderen van de ‘live’ website, ga eerst naar dat document in je Hippo CMS. Dat kan je doen door in het zoekveld de titel of naam van je artikel in te tikken.
Klik op het artikel dat je wilt intrekken en klik vervolgens op de tweede knop ‘Plan trek terug in’.
Het volgende scherm verschijnt, waar je de datum en tijd kunt opgeven wanneer dit artikel ingetrokken moet worden. Klik op het knopje ‘Nu’ om het artikel meteen in te trekken.
20
2.9 Een artikel verwijderen Om je artikel te verwijderen van je ‘live’ website, ga eerst naar dat document in je Hippo CMS. Dat kan je doen door in het zoekveld de titel of naam van je artikel in te tikken.
Selecteer het artikel dat je wilt verwijderen en klik op de derde knop ‘Verwijder’. Het dialoogvenster Verwijder verschijnt. Klik op de knop OK om het artikel definitief te verwijderen en je keert terug naar één van de andere actieve tabbladen (of naar een leeg werkveld indien er geen tabbladen meer openstaan). Tip: Via de knop Plan trek terug in haal je een document van de live website af, zodat het document niet langer zichtbaar is voor bezoekers.
21
22
3. In het CMS zoeken Klik in de bovenste horizontale zoekbalk met het vergrootglas, typ één of meer zoektermen in en druk op de Enter toets. De lijst met bestanden waarin de zoekterm(en) voorkomen verschijnt. Klik op een item in de lijst om dat artikel te openen.
23
24
4. De Homepage inrichten Op de hompage pagina kan je een aantal zaken instellen: de kleine banner (3) of grote banner (4) naar eigen wens aanpassen, verwijzing naar de weblogs instellen (5), linkjes links boven veranderen (1) en de naam van de afdeling aangeven (2). Hieronder een overzicht:
Klik eerst op Documenten (A) en vervolgens op de naam van je website (B). In de tweede kolom scroll je (E) totdat je het bestand ‘home’ vindt (G). Klik daarop en klik vervolgens op de knop ‘Bewerken’.
25
Het volgende scherm verschijnt (vervolg op de volgende pagina):
26
27
Top banner (3): Om een plaatje rechts boven toe te voegen, klik op Selecteer onder het kopje Top banner. Als je geen banners in je beeldbank hebt, maak eerst een banner. Grootte van topbanner moet zijn: 192 pixels breed en 75 pixels hoog. Tip: Maak ook een mapje banners in je beeldbank en zet daar alleen banners. Anders is het later moeilijk een banner te vinden tussen alle andere plaatjes. Deze banner wordt rechtsboven de Contactlink getoond. Afdeling (2): Typ in het invoerveld onder Afdeling de afdelingsnaam, gewestnaam of je eigen naam. Deze naam wordt naast het logo van de PvdA getoond. Brand link (1): Voeg twee links toe aan het veld Brand Link. Standaard wordt hier een externe link naar de PvdA landelijk website (www.pvda.nl) en een link naar MijnPvdA (www.pvda.nl/MijnPvdA) opgenomen. Deze zijn zichtbaar in het blauwe kader links bovenin, boven de zoekbox. Toon film en film: Deze twee velden worden hier wel getoond, maar worden nog niet ondersteund, Title: Niets invullen, dit veld wordt weggehaald Inhoud/opmerkingen: Niets invullen, dit veld wordt weggehaald Banner: Klik op Selecteer onder het kopje Banner, om een plaatje toe te voegen boven de eerste bericht op de homepage. Als je geen banners in je beeldbank hebt, maak eerst een banner. Grootte van deze banner is: 370 pixels breed en 75 pixels hoog. Tip: Maak ook een mapje banners in je beeldbank en zet daar alleen banners. Anders is het later moeilijk een banner te vinden tussen alle andere plaatjes. Document: Niets invullen, dit veld wordt weggehaald Externe Link: Niets invullen, dit veld wordt weggehaald Interne Link: Niets invullen, dit veld wordt weggehaald Weblogbox (5): Voeg één of meer weblogboxen toe aan het veld Weblogbox. Een weblogbox zorgt voor een redactionele verwijzing naar een weblog van een persoon. Om gebruik te maken van deze optie, moet je eerst een weblog toevoegen in je CMS. In het veld Titel box geeft de naam van de weblog. In het veld Quote geef je op waar het laatste blog van dat persoon over gaat of als dat te veel werk is, geef je een meer algemene beschrijving van dat weblog. Selecteer het plaatje – dit is meestal afbeelding van de blogger – door op Selecteer onder het kopje Image te klikken. Als je geen plaatjes in je beeldbank hebt, voeg eerst dat plaatje aan de beeldbank toe. Grootte van deze afbeelding is: 60 pixels breed en 60 pixels. Tip: Maak ook een mapje
28
weblogsafbeldingen in je beeldbank en zet daar alleen weblog plaatjes. Anders is het later moeilijk een weblogplaatje te vinden tussen alle andere plaatjes. Om deze optie op de homepage te gebruiken, moet je eerst een weblog binnen je website hebben. Klik eerst op Documenten (1) en vervolgens op de naam van je website (2). Scroll in de tweede kolom totdat je de map Weblogs (3) vindt en klik daarop en selecteer Een persoonlijke weblog folder (4). Voor iedere weblog, maak je een weblogfolder die je vervolgens vanuit homepage kunt linken. Een nieuw venster verschijnt, waar je eerst de naam van de weblog moet geven. Bijvoorbeeld ‘Klaas de Vries logt’. Bewerk en publiceer de Introductiepagina die bij het aanmaken van de nieuwe weblog folder automatisch wordt gecreëerd, om de weblog toegankelijk te maken voor de bezoekers van de website. Linksbox (6): Klik op om extra informatie aan de homepage toe te voegen. Een aantal extra regels verschijnen, zoals hiernaast. In het ‘Titel-veld voer je de kop in dan de linksbox, bijvoorbeeld ‘Dossier verkiezingen’ zodat bezoekers in een oogopslag alles over verkiezingen kunnen terugvinden, bijvoorbeeld het verkiezingsprogramma en de kandidatenlijst. Geef een korte beschrijving op in het veld ‘Kantlijntekst’ en voeg gewenste bijlagen, externe of interne links daaronder toe. De linkbox wordt getoond in verticale grijze balk. Je kunt meerdere linksboxen plaatsen. Klik daarvoor op . Banner (7): Klik op Selecteer om een Banner toe te voegen. Als je geen banners in je beeldbank hebt, maak je eerst een banner. Grootte van deze banners is: 192 breed en 108 pixels hoog. Banners op deze plek verschijnen in de vierde – laatste – kolom boven “Nu op www.pvda.nl”. Tip: Maak een mapje banners in je beeldbank en zet daar alleen banners in. Anders is het later moeilijk een banner te vinden tussen alle andere plaatjes. Poll: Voeg een poll toe aan het veld Poll. Let op: Om van deze functionaliteit gebruik te maken, moet je eerst een poll maken. Ga naar de rubriek Polls (3) onder Documenten (1) en in de selectiebox boven de tweede kolom selecteer je ‘Nieuwe poll’ (4). Zie afbeelding hiernaast.
29
4.1
De Homepage wijzigingen opslaan
Om wijzigingen te bewaren, klik op de knop Sla op en sluit. Als je veranderingen toch niet wilt maken, klik op Sluit zonder opslag. Zie hieronder:
Een opgeslagen artikel herken je aan een sterretje (1) naast zijn naam.
30
4.2 De Homepage wijzigingen publiceren Om gewijzigde homepage instellingen op de ‘live’ website te publiceren, niet vergeten op ‘Plan publicatie in’ te klikken. Het volgende scherm verschijnt, waar je de datum en tijd kunt opgeven wanneer dit artikel gepubliceerd moet worden. Klik op het knopje ‘Nu’ om het artikel meteen te publiceren.
Een gepubliceerd artikel herken je aan een vinkje (2) naast zijn naam.
31
