stappenplan t.b.v. livegang - d2vry01uvf8h31.cloudfront.net · binnen onderstaande handleiding...

64
Stappenplan t.b.v. Livegang Het zal jullie niet ontgaan zijn dat er de laatste maanden hard gewerkt is aan de realisatie van het nieuwe cda.nl platform. Inmiddels hebben we dan ook de fase bereikt dat we aan de slag kunnen met het plaatsen van content. De afdelingwebsites zijn al voorzien van content die is overgenomen uit het "oude" platform en content die nieuw is ingebracht. De website zijn op dit moment zo goed als klaar voor lancering alleen is het nodig dat elke afdeling een stappenplan doorloopt om de site écht klaar te maken voor livegang. Het stappenplan is ontwikkeld om lokale afdelingen te helpen de site klaar voor gebruik te maken. Mochten er omtrent dit stappenplan nog vragen zijn dan is het mogelijk contact op te nemen met de superwebmaster(s) in uw provincie of het CDA-partijbureau.

Upload: duongthuy

Post on 05-Jun-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stappenplan t.b.v. LivegangHet zal jullie niet ontgaan zijn dat er de laatste maanden hard gewerkt is aan de realisatie van het nieuwe cda.nlplatform. Inmiddels hebben we dan ook de fase bereikt dat we aan de slag kunnen met het plaatsen van content. De afdelingwebsites zijn al voorzien van content die is overgenomen uit het "oude" platform en content die nieuw isingebracht. De website zijn op dit moment zo goed als klaar voor lancering alleen is het nodig dat elke afdeling eenstappenplan doorloopt om de site écht klaar te maken voor livegang. 

Het stappenplan is ontwikkeld om lokale afdelingen te helpen de site klaar voor gebruik te maken.

Mochten er omtrent dit stappenplan nog vragen zijn dan is het mogelijk contact op te nemen met desuperwebmaster(s) in uw provincie of het CDA-partijbureau.

Page 2: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

1. 2. 3.

1.

Stap 1. Inloggen op TYPO3In de e-mail die je bij deze bijlage heeft ontvangen je jouw gebruikersnaam en wachtwoord waarmee je kuntinloggen op de site. 

Om in te loggen op de website (TYPO3) start je een browser op, denk hierbij aan Internet Explorer, Firefox ofGoogle Chrome.

Benodigdheden

 

Een laptop of vaste pcEen internetverbindingEen recente browser Internet Explorer, Firefox, Safari of Google Chrome

Inloggen op de website (TYPO3)

 

Na het opstarten van één van de hierboven genoemde browsers navigeer je naar de volgende Url in denavigatie balk: acceptatie.cda.nl/typo3

Notitie: In het onderstaande voorbeeld gebruiken wij "Mozilla Firefox"

Page 3: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

1.

2. 3. 4.

LET OP: acceptatie.cda.nl/typo3 moet ingevoerd te worden www ervoor.zonder

Zodra je naar deze link gaat zal dit resulteren in het login-scherm van TYPO3.Login door gebruik te maken van de toegezonden gebruikersnaam en het wachtwoordKlik vervolgens op inloggen. 

 

Omgeving en bijbehorende afdelingen 

Afhankelijk van de aan jou toegewezen rechten zal TYPO3 een "boomstructuur" laten zien die overeenkomst met deafdelingen waarop je of ondersteuning moet geven of waarvoor je als redacteur bent aangewezen. 

Binnen de twee onderstaande voorbeelden laten we het verschil zien tussen een redacteur voor de afdeling en een redacteur voor de . Drenthe afdeling Aa en Hunze

Zoals jullie wellicht opvalt heeft de redacteur voor de afdeling Drenthe meer rechten en ziet deze ook de afdelingendie onder Drenthe vallen. Een superwebmaster heeft deze rechten, die kan dus in alle afdelingssites binnenzijn/haar provinciale afdeling. De redacteur van de afdeling Aa en Hunze heeft alleen de mogelijkheid de pagina's ennieuws items van Aa en Hunze te bewerken.

Page 4: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

1. 2. 3.

Tonen van je website:

Nu je bent ingelogd binnen de TYPO3 is het mogelijk op een eenvoudige wijze je website te bekijken, voer hiervoorde volgende stappen uit. 

Klik met je  op het  dat voor je afdelingswebsite staat muis (linker knop) wereld bolletjeDit zal resulteren in een lijstje met opties waarin boven aan de optie " " staat vermeld. ToonKlik op "Toon"

Page 5: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

3.

4.  

De browser zal nu binnen een nieuw tabblad de voorkant van de website oproepen. LET OP: werkt dit niet bekijk dan de notitie onder deze afbeelding

LET OP: het dat niet gebeurt en dat de browser een melding geeft waarinkan mogelijk zijn stap 4staat aangegeven dat de popup of het nieuwe venster is geblokkeerd. 

Page 6: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Accepteer deze melding door te klikken op de knop "altijd accepteren". Jammer genoeg kan dezemelding per browser verschillend zijn meestal verschijnt deze op de hieronder afgebeelde positie. 

 

Klaar voor invoer

Nu je browser is voorzien van zowel de achterkant TYPO3 als de voorkant van de website ben je er klaar voor omaan de slag te gaan met de vervolgstappen. 

Page 7: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 2. Mensen vullen / controlerenAls eerste stap is het noodzakelijk dat de personen die binnen de afdeling website staan worden gecontroleerd eneventueel worden uitgebreid. De "oude" personen die in het huidige platform van het CDA.nl aanwezig waren zijnovergezet naar de nieuwe omgeving. 

Binnen onderstaande handleiding laten we zien hoe je deze personen kunt aanpassen of kunt uitbreiden.

Mensen controleren 

Binnen de opslag map   is het mogelijk deze toe te voegen en te beheren.Mensen

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies voor Lijst weergave

Stap 3.Kies binnen de centrale   map voor Opslag Mensen

Note: de map " " kan worden uitgeklapt door de klikken op het pijltje voor de mapOpslag

Stap 4.Aan de rechterkant van het scherm zal de lijst weergave van de   worden getoondMensen . (zie onderstaandeafbeelding)

Page 8: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

LET OP: het kan zijn dat er helemaal nog geen mensen aanwezig zijn binnen de weergave, het is danmogelijk deze toe te voegen door te klikken op het   en te kiezen voorbovenste plus icoon  websitege

 bruiker. Heb je al wel een lijstje ga dan verder met stap 5

 

Stap 5.

Om een persoon/mens te kies je voor het bewerken icoon  dat op de regel van de desbetreffendebewerkenpersoon staat.

Stap 6.

Page 9: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Het van een nieuw persoon dient te gebeuren door te klikken op  (zie onderstaande afbeelding)aanmaken

Stap 7.

Het verwijderen van een bestaande persoon/mens is mogelijk door het aanklikken van het prullenbak icoon    watop de regel staat van de betreffende persoon.

Aanmaken nieuw persoon/mens

Zodra er geklikt is op het  (aanmaken nieuw persoon) icoon zal dit resulteren in onderstaande venster.

 

Stap 1.

Voer (a) een in en (b) een  vervolgens (c) kies je een bijbehorendegebruikersnaam wachtwoord afdeling/functie.

Let op: de gebruikersnaam en het wachtwoord mag je zelf verzinnen, op dit moment worden die nog niet gebruikt. Zodra mensen wel zelf op hun pagina kunnen bewerken, worden er nieuwe wachtwoorden aangemaakt.Het is echter wel van belang dat deze nu wel worden ingevoerd aangezien het hier een verplicht veld betreft.   

Page 10: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 2.

Navigeer vervolgens naar het 2e tabblad " "Persoonlijke gegevens  

Stap 3. 

Voer vervolgens de punten  zo volledig mogelijk in. a t/m i

Notitie: de velden c t/m h zijn de "sociale media" velden, deze kunnen indien gewenst (dus nietverplicht) worden voorzien van de bijbehorende web adressen. Deze web adressen kun je verkrijgen door de persoon op te zoeken binnen het desbetreffende socialmedia platform en het webadres daar vandaan kopiëren.

Linkedin voorbeeld: http://www.linkedin.com/pub/sybrand-van-haersma-buma/13/19/19a

dat niet is voorzien van een pijl hoeft in deze fase te worden , in de 2eHet veld www: niet ingevoerdfase is het mogelijk door middel van dit veld de persoon in het overzicht door te linken naarbijvoorbeeld een persoonlijk blog of website.

Page 11: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 4. Kies vervolgens door te bladeren naar de "MEDIA omgeving" een foto die kan worden weergegeven bij de persoon

2a.

Page 12: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

2b.

2c.

Stap 5.

Navigeer vervolgens naar het 3e tabblad " "Uitgebreid

Page 13: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 6. 

Binnen het tabblad uitgebreid is het mogelijk een uitgebreider stuk tekst met aanvullende informatie van dedesbetreffende persoon te plaatsen. 

Stap 7.

Als laatste stap zeker niet onbelangrijk dient de nieuw toegevoegde persoon te worden opgeslagen 

Page 14: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

 

Page 15: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 3. Thema's en standpunten vullenAls tweede moet iedere afdelingswebsite voorzien te worden van de bijbehorende Thema's en standpunten. Binnenonderstaande handleiding laten wij stap voor stap zien wat de benodigde acties zijn om dit uit te voeren. 

Binnen de opslag map   is het mogelijk deze toe te voegen en te beheren.Thema's en Standpunten

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies voor Lijst weergave

Stap 3.Kies binnen de centrale   map voor Opslag Thema's en Standpunten

Note: de map " " kan worden uitgeklapt door de klikken op het pijltje voor de mapOpslag

Stap 4.Aan de rechterkant van het scherm zal de lijst weergave van de   worden getoondThema's en standpunten . (zieonderstaande afbeelding)

LET OP: het kan zijn dat er helemaal nog geen thema's en standpunten aanwezig zijn binnen deweergave, het is dan mogelijk deze toe te voegen door te klikken op het en tebovenste plus icoon

Page 16: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

kiezen voor   thema of standpunt. Heb je al wel een lijstje ga dan verder met stap 5

 

Stap 5.

Om een standpunt of een thema te bewerken kies je voor het bewerken icoon  dat op de regel van hetdesbetreffende Thema of Standpunt staat.

Stap 6.

Het aanmaken van een nieuw thema of standpunt dient te gebeuren door te klikken op  (zie onderstaandeafbeelding)

Page 17: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 7.

Het verwijderen van een bestaand thema of standpunt is mogelijk door het aanklikken van het prullenbak-icoon  dat op de regel staat van het desbetreffende thema of standpunt

Aanmaken nieuw standpunt

Zodra er geklikt is op het  (aanmaken nieuw standpunt) icoon zie je onderstaande venster.

 

Stap 1.

Voer (a) de titel en (b) de omschrijving van het standpunt in

Page 18: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 2.

Kies vervolgens door te bladeren naar de "MEDIA omgeving" een afbeelding die kan worden weergegeven bij hetstandpunt

2a.

Page 19: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

2b.

2c.

Stap 3.

Kies vervolgens de   die aan dit standpunt gekoppeld kan worden. Dit is niet verplicht, maar het maaktwoordvoerderde site wel completer.  

Dit kan op 2 manieren of door te zoeken op een woordvoerder via het veld   of

door te bladeren via het   icoon.

Een woordvoerder is bijvoorbeeld een raadslid of een wethouder die over dat onderwerp gaat in jouw gemeente.

3a. Binnen dit voorbeeld gebruiken wij de bladeren-functionaliteit, kies  , na deze aangeklikt te hebben jeonderstaand venster.

Page 20: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

3b. Kies de gewenste woordvoerder door de stappen 1, 2, 3, uit te voeren (de woordvoerders zijn de mensen die jereeds eerder in het stappenplan, bij stap 2, gecontroleerd hebt)

Stap 4.

Vervolgens gaan we het   toevoegen aan een Standpunt Thema

Dit kan wederom op 2 manieren of door te zoeken op thema via het veld   of door

te bladeren via het   icoon

4a. Binnen dit voorbeeld gebruiken wij de bladeren functionaliteit, kies  , na deze aangeklikt te hebben zal ditresulteren in onderstaande venster.

Page 21: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

4b. Kies het gewenste thema door de stappen 1,2,3, uit te voeren.

Stap 5.

Als laatste stap zeker niet onbelangrijk dient het nieuw toegevoegde standpunt the worden opgeslagen 

Page 22: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Aanmaken nieuw thema

Het aanmaken van een nieuw thema werkt hetzelfde als het aanmaken van een nieuw standpunt, echter zal deze

worden gestart met het   onder thema i.p.v. standpunt zie voor toelichting bovenstaande stappen. 

Page 23: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 4. Controleren nieuwsitemsAls derde moeten de nieuwsitems gecontroleerd te worden die vanuit het oude platform naar het nieuwe zijnovergezet. Binnen onderstaande handleiding laten wij stap voor stap zien wat de benodigde acties zijn om dit uit tevoeren. 

Binnen de opslag map   is het mogelijk de nieuwsitems te bewerken en te beheren.Nieuws

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies voor Lijst weergave

Stap 3.Kies binnen de centrale   map voor Opslag Nieuws

Stap 4.Aan de rechter kant van het scherm zal de lijst weergave van het  worden getoond Nieuws . (zie onderstaandeafbeelding)

Stap 5.

Om een bestaand nieuws item te bewerken / controleren kies je voor het bewerken icoon  wat op de regel van

Page 24: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

het desbetreffende   staatNieuwsitem .

 

Stap 6. 

Zodra het bewerken icoon is aangeklikt zal het nieuwsitem worden geopend en kan het nieuwsitem worden gecontroleerd en waarnodig worden aangevuld. 

De belangrijkste velden die ingevuld moeten worden zijn:

Controleer of de voorzien is van content, zo nee knip" en "plak" hier dan de eerste 3 regelsA. Subkop: subkop "van het nieuwsitem naar toe 

Letop: knippen en plakken kan binnen TYPO3 niet doormiddel van de rechtermuis knop maar dient tegebeuren met het toetsenbord : ctrl+x (knippen) ctrl+v (plakken)

Page 25: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

B. Artikel: Controleer het artikel en bekijk of hier in staan of ongewenste grote herstel deze rare tekens wit ruimtendan.

C. Als laatste stap moet het nieuwsitem worden opgeslagen.

Page 26: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

OPTIONEEL: Aanmaken nieuw nieuwsitem

Zodra er geklikt is op het  (aanmaken nieuw nieuwsitem) icoon zie je onderstaand venster.

 

Stap 1. Algemeen

Page 27: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Voer  de titel,   de subkop en   de volledige tekst van het nieuwsitem in. (a) (b) (c)

Stap 2.Speciaal

Ga vervolgens naar het 2e tabblad   vul hier indien gewenst bij   een afwijkende datum en tijd in, en bijSpeciaal (a)  (b) eventuele trefwoorden / tags

Page 28: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 3. Media

Ga vervolgens naar het 3e tabblad   kies hier een bijbehorende afbeelding door te kiezen voor bladeren Media

Kies de gewenste bijbehorende afbeelding zoals te zien binnen onderstaande voorbeeld.

Optioneel: Mocht de gewenste afbeelding niet aanwezig zijn dan kun je deze uploaden via het tabbladUpload (zie bijlage 1)

Page 29: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 4. Categoriën & Relaties

Ga vervolgens naar het 4e tabblad   en kies hier   een bijbehorende categorie, enCategoriën & Relaties (a)vervolgens indien gewenst bij   een relevant standpunt.(b)

LET OP: (b) dient wel een standpunt te zijn van bijvoorbeeld Aa en Hunze, wanneer hier eenstandpunt wordt gekozen dat bijvoorbeeld landelijk is dan zal dit niet worden getoond.

Page 30: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 5. Toegang

Ga vervolgens naar het 5e tabblad   en kies hier eventueel een toekomstige publicatie datum, Toegang (LET OP: hetbetreft hier de datum waarop het nieuwsitem online geplaatst word)

Wanneer dit veld niet voorzien wordt van een datum zal het nieuws item direct online worden geplaatst.

Stap 6. Opslaan

Als laatste stap zeker niet onbelangrijk dient het nieuw toegevoegde nieuwsitem te worden opgeslagen.

Page 31: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 7. Zichtbaarheid

Na het opslaan zal het nieuwe nieuwsitem in de overzicht lijst worden getoond, standaard is een nieuw nieuwsitem

verborgen, dit is te zien aan het rode stopbord   in de lijst. 

De allerlaatste stap is dan ook het online plaatsen van het nieuwe nieuwsitem, dit kan door te klikken op het lampje

TIP: dit is eventueel ook binnen het eerste tabblad bij stap 1 ALGEMEEN in te stellen door het vinkjeweg te halen bij

Page 32: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 4. Controleren nieuwsitemsAls derde moeten de nieuwsitems gecontroleerd te worden die vanuit het oude platform naar het nieuwe zijnovergezet. Binnen onderstaande handleiding laten wij stap voor stap zien wat de benodigde acties zijn om dit uit tevoeren. 

Binnen de opslag map   is het mogelijk de nieuwsitems te bewerken en te beheren.Nieuws

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies voor Lijst weergave

Stap 3.Kies binnen de centrale   map voor Opslag Nieuws

Stap 4.Aan de rechter kant van het scherm zal de lijst weergave van het  worden getoond Nieuws . (zie onderstaandeafbeelding)

Stap 5.

Om een bestaand nieuws item te bewerken / controleren kies je voor het bewerken icoon  wat op de regel van

Page 33: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

het desbetreffende   staatNieuwsitem .

 

Stap 6. 

Zodra het bewerken icoon is aangeklikt zal het nieuwsitem worden geopend en kan het nieuwsitem worden gecontroleerd en waarnodig worden aangevuld. 

De belangrijkste velden die ingevuld moeten worden zijn:

Controleer of de voorzien is van content, zo nee knip" en "plak" hier dan de eerste 3 regelsA. Subkop: subkop "van het nieuwsitem naar toe 

Letop: knippen en plakken kan binnen TYPO3 niet doormiddel van de rechtermuis knop maar dient tegebeuren met het toetsenbord : ctrl+x (knippen) ctrl+v (plakken)

Page 34: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

B. Artikel: Controleer het artikel en bekijk of hier in staan of ongewenste grote herstel deze rare tekens wit ruimtendan.

C. Als laatste stap moet het nieuwsitem worden opgeslagen.

Page 35: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

OPTIONEEL: Aanmaken nieuw nieuwsitem

Zodra er geklikt is op het  (aanmaken nieuw nieuwsitem) icoon zie je onderstaand venster.

 

Stap 1. Algemeen

Page 36: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Voer  de titel,   de subkop en   de volledige tekst van het nieuwsitem in. (a) (b) (c)

Stap 2.Speciaal

Ga vervolgens naar het 2e tabblad   vul hier indien gewenst bij   een afwijkende datum en tijd in, en bijSpeciaal (a)  (b) eventuele trefwoorden / tags

Page 37: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 3. Media

Ga vervolgens naar het 3e tabblad   kies hier een bijbehorende afbeelding door te kiezen voor bladeren Media

Kies de gewenste bijbehorende afbeelding zoals te zien binnen onderstaande voorbeeld.

Optioneel: Mocht de gewenste afbeelding niet aanwezig zijn dan kun je deze uploaden via het tabbladUpload (zie bijlage 1)

Page 38: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 4. Categoriën & Relaties

Ga vervolgens naar het 4e tabblad   en kies hier   een bijbehorende categorie, enCategoriën & Relaties (a)vervolgens indien gewenst bij   een relevant standpunt.(b)

LET OP: (b) dient wel een standpunt te zijn van bijvoorbeeld Aa en Hunze, wanneer hier eenstandpunt wordt gekozen dat bijvoorbeeld landelijk is dan zal dit niet worden getoond.

Page 39: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 5. Toegang

Ga vervolgens naar het 5e tabblad   en kies hier eventueel een toekomstige publicatie datum, Toegang (LET OP: hetbetreft hier de datum waarop het nieuwsitem online geplaatst word)

Wanneer dit veld niet voorzien wordt van een datum zal het nieuws item direct online worden geplaatst.

Stap 6. Opslaan

Als laatste stap zeker niet onbelangrijk dient het nieuw toegevoegde nieuwsitem te worden opgeslagen.

Page 40: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 7. Zichtbaarheid

Na het opslaan zal het nieuwe nieuwsitem in de overzicht lijst worden getoond, standaard is een nieuw nieuwsitem

verborgen, dit is te zien aan het rode stopbord   in de lijst. 

De allerlaatste stap is dan ook het online plaatsen van het nieuwe nieuwsitem, dit kan door te klikken op het lampje

TIP: dit is eventueel ook binnen het eerste tabblad bij stap 1 ALGEMEEN in te stellen door het vinkjeweg te halen bij

Page 41: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 5. Verkiezingsprogramma uploadenVervolgens gaan we het verkiezingsprogramma uploaden (*.PDF) op dit moment is het landelijkeverkiezingsprogramma gekoppeld we gaan dit veranderen naar het verkiezingsprogramma van je afdeling.Binnen onderstaande handleiding laten wij stap voor stap zien wat de benodigde acties zijn om dit uit te voeren. 

Uploaden van het verkiezingsprogramma

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies voor Bestand

Stap 3. klik op de afdeling waar je het pdf'je wil uploaden

Stap 4.verander de weergave naar upload

Stap 5.kies vervolgens voor bladeren

Stap 6.

Er zal nu een venster worden geopend waarmee het mogelijk is te bladeren door je eigen bestanden op je computerof laptop, navigeer hier naar de map waar je het hebt opgeslagen en klik deze aan, klikverkiezingsprogramma.pdf vervolgens op openen

Notitie: mocht je deze niet op je computer of laptop hebben staan dan zul je hier eerst voormoeten zorgen voordat je het verkiezingsprogramma kunt uploaden

Page 42: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

 

Stap 7.

Kies vervolgens voor uploaden

Page 43: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 8.

Zodra het bestand is geupload zal de melding worden getoond uploaden is voltooid

Page 44: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Koppelen van het ge-uploaden bestand aan de pagina

Stap 1.Kies vervolgens voor Pagina weergave

Stap 2.Navigeer binnen de website structuur naar de pagina Verkiezingsprogramma

 Notitie: door te klikken op de kleine pijltjes   klappen de pagina's uit en worden desub-pagina's getoond

Stap 4. Het verkiezingsprogramma van het CDA.nl is als PDF bestand aan het content elementje gekopp"Iedereen (2012)"eld. op een plaats op de bijbehorende Klik willekeurige tekst.

Stap 5.Het content element zal nu worden geopend en kan worden bewerkt qua inhoud. In principe is de inhoud al goedgezet en hoeft enkel het pdf bestand vervangen te worden. binnen de pagina die nu op je scherm staatScrollhelemaal . Onder aan de pagina zal een link box staan waarin de tekst "naar beneden download het

" staat. verkiezingsprogramma

In het veld URL staat nu het huidige verkiezingsprogramma gekoppeld om dit aan te passen voer je de volgendestappen uit:

Page 45: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

klik op het A. link icoon

Stap 6.Klik vervolgens op de afdeling waar je zojuist het pdf bestandje hebt geupload van je eigen pc vandaan

Stap 7.Zoek het geuploade pdf bestand op en klik deze aan

Stap 8.Het bestandje zal nu automatisch gekoppeld worden in het URL veld.

Page 46: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

 

Stap 9. Kies voor opslaan en je hebt het verkiezingsprogramma aangepast.  

Page 47: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Einde 

Page 48: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 6. Social media linkenOp de homepage van de website zijn diverse Social Media iconen te zien. Ze verwijzen automatisch naar de socialmedia-kanalen van het landelijk CDA. Met deze handleiding kun je ze aanpassen zodat ze verwijzen naar de socialmedia-kanalen van jouw lokale afdeling.  

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies vervolgens voor Pagina weergave

Stap 3.Navigeer binnen de website structuur naar de van je afdelinghomepage

 Notitie: door te klikken op de kleine pijltjes    klappen de pagina's uit en worden desub-pagina's getoond

Stap 4. Navigeer vervolgens met je muis over het wat op de homepage staat en kies voor Social Media blokje bewerken

Page 49: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 5.  Zodra je op bewerken hebt geklikt verschijnt het onderstaande venster. Hierin zijn de 5 verschillende social mediablokjes opgesomd. 

Stap 6. Klik op de regel die je wil bewerken door de regel aan te klikken.

Page 50: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 7.Na het aanklikken van de regel zal deze uitklappen en de velden laten zien die in te stellen zijn. Verander het URL veld naar de gewenste link en herhaal dit voor alle social media. 

TIP: Mochten er social media onderdelen bij zijn die je niet wil tonen verberg deze regel dandoor het lampje aan te klikken.  

Page 51: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 8.

Wanneer je klaar bent met aanpassen kies je boven aan de pagina voor opslaan, en de linkjes achter de iconenzullen aan de voorkant van de website worden aangepast. 

 

Page 52: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 7. Attentionbox vullenOp de homepage van de website is het mogelijk de attentionbox te vullen met andere beelden.  Binnen dezehandleiding laten we zien hoe je dat doet.

LET OP: het is niet noodzakelijk deze Attentionbox voor de livegang aan te passen, maar mocht jegraag iets onder de aandacht brengen binnen jouw afdeling dan is dat in elk geval mogelijk doormiddel van onderstaande stappen.

Stap 1.Inloggen binnen TYPO3 

Let op: waarschijnlijk is stap 1 al uitgevoerd. ga dan naar stap 2.  

Stap 2.Kies vervolgens voor Pagina weergave

Stap 3.Navigeer binnen de website structuur naar de   van je afdelinghomepage

 Notitie: door te klikken op de kleine pijltjes    klappen de pagina's uit en worden desub-pagina's getoond

Stap 4. Navigeer vervolgens met je muis over het blokje  wat op de homepage staat en kies  "standaard Stage display"voor bewerken

Page 53: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 5.  Zodra je op bewerken hebt geklikt verschijnt het onderstaande venster. Hierin zijn de 3 verschillende posities te ziendie op dit moment in de Attentionbox worden getoond. 

Stap 6. Klik op de regel die je wil bewerken door de regel aan te klikken. Je kunt een slide ook verwijderen: klik dan op deprullenbak.

Stap 7.Na het aanklikken van de regel zal deze uitklappen en de velden laten zien die in te stellen zijn. Verander de velden en naar wens en kies vervolgens een Title Subtitle afbeelding 

Page 54: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

TIP: De huidige afbeelding die in het bovenstaande voorbeeld is gekoppeld kun je verwijderen door opde titel te klikken "Vrijwilligers - Jeugd" en vervolgens te op het kruisje te klikken (a) (b)

Stap 8.

Zodra je hebt geklikt op het mapje zal er een worden opgeroepen waarin de bestandsopslag van TYPO3popupwordt weergegeven.

Stap 9.

In de map "beeldbank" zijn verschillende afbeeldingen klaargezet die rechtenvrij zijn, deze kun je zonder problementoevoegen aan de attentionbox. 

Stap 10. 

Kies een afbeelding door deze aan te klikken, (de pijl in onderstaande afbeelding is een voorbeeld, je mag zelf eenandere afbeelding selecteren)

Stap 11.

Wanneer je zelf een afbeelding wilt uploaden dan kan dit via de tab of lees voor verdere uitleg upload Bijlage A. onderaan dit document. uploaden van bestanden

Page 55: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

 

Stap 12.

Zodra je een afbeelding hebt aangeklikt zal de bestandspopup automatisch sluiten en zal de afbeelding automatischaan het veld afbeelding worden toegevoegd. 

Stap 13.

Als laatste stap kies je voor , de aanpassing zal nu te zien zijn binnen de voorkant van de website. opslaan

Page 56: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

TIP: Wanneer je een nieuwe slide (een slide is een afbeelding die binnen de attentionbox staat) wiltaanmaken i.p.v. aanpassen dan kan dit door te klikken op het knopje en herhaal de"Maak nieuwe" stappen 7 t/m 13

 

Page 57: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld
Page 58: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Uploaden van een bestandIn de nieuwe site komt een beeldbank waar foto’s instaan die u op uw afdelingssite mag gebruiken. U hoeft niet tebetalen voor deze foto’s. We zullen de beeldbank regelmatig aanvullen met nieuwe foto’s.

Het is natuurlijk ook mogelijk dat u zelf foto’s bij berichten plaatst. Let er dan wel op dat u deze foto’s maggebruiken: foto’s die u zelf gemaakt heeft of waar u betaald heeft voor de rechten, mag u wel gebruiken. Foto’s kopiëren die u bijvoorbeeld via google heeft gevonden mag niet. U kunt hier als afdeling achteraf een hogerekening voor krijgen van de fotograaf. Als er mensen op de foto's staan, moet u hier eerst toestemming voor vragen(bijvoorbeeld als u foto's op straat maakt van uw gemeente).

Binnen onderstaande handleiding laten we in een voorbeeld zien wat de stappen zijn om een bestand te uploaden.

Stap 1.

Ga binnen naar de weergaveMEDIA Bestand

Stap 2.

Kies de gewenst map waarin het bestand moet worden geüpload (binnen het voorbeeld is dit Drenthe - Aa en hunze)Wanneer je binnen deze map een submap wil aanmaken voer dan onderstaande optionele stappen uit. Ga andersnaar Stap 3.

Optioneel: Aanmaken van een submap 

A. klik op B. voer de gewenste map naam in

C. kies vervolgens voor opslaan D. De mappen lijst zal nu uitgebreid worden met een extra map

E. Klik op de zojuist aangemaakt map om deze te selecteren als de map waar het bestand in moetworden geupload.

Page 59: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 3.

Klik op het icoon upload bestand

Stap 4.

Dit zal resulteren in onderstaande weergave.

Stap 5.

kies vervolgens voor

Stap 6.

Vervolgens zal de bladerenfunctionaliteit van het besturingssysteem wat op u computer (laptop, pc, mac)  isgeïnstalleerd worden getoond.

Page 60: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

 

Stap 7.

Navigeer binnen deze "blader functionaliteit" naar de gewenste map.

Stap 8.

Selecteer het gewenste bestand

Page 61: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 9.

Kies vervolgens voor

Stap 10.Het bestand zal nu worden toegevoegd aan de "upload" lijst. Zodra de gewenste bestanden aan de lijst zijn

toegevoegd kunnen deze worden geüpload met de knop

 

Page 62: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 11.

Vervolgens zal TYPO3 de bestanden uploaden

Stap 12.

Vervolgens zal TYPO3 de vraag stellen of het geüploade bestand nog verder verwerkt dient te worden en eventueelvoorzien van bestandsinformatie.

Wanneer dit de wens is voer je de onderstaande optionele stappen uit, anders ga je naar stap 13

Optioneel:

a. Vink de bestanden aan die je wil voorzien van informatie

b. Klik vervolgens op de knop "Verwerk geselecteerde bestanden"

c. Vervolgens zal onderstaande scherm worden geopend, hierin is het mogelijk verschillende velden te

voorzien van informatie. Zodra deze naar wens zijn ingevuld kies je voor

Page 63: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 13.

Kies vervolgens binnen de drop_down voor lijst

Page 64: Stappenplan t.b.v. Livegang - d2vry01uvf8h31.cloudfront.net · Binnen onderstaande handleiding laten we zien hoe je deze personen kunt ... kies je een bijbehorende ... bijvoorbeeld

Stap 14.

Het bestand is goed geüpload en zal worden getoond binnen de geselecteerde map en kan nu worden gebruiktbinnen de rest van het platform.

LET OP: afbeeldingen in de CDA-beeldbank zijn te gebruiken door alle afdelingen. Afbeeldingen die je zelf upload,kun je alleen binnen jouw lokale afdeling gebruiken.

Einde