Drupal (eind)redactie

donderdag 7 juni 12

Drupal (eind)redactie voor agentschapnl.nl

2 donderdag 7 juni 12

Over Wizzlern


Wizzlern ‣ 100% Drupal ‣ Drupal training en consultancy ‣ Sinds 2009 ‣ Betrokken bij de Drupal community


Wizzlern training ‣ Backend development ‣ Basistraining (2d) ‣ Geavanceerd bouwen (2d) ‣ E-Commerce Pro (2d) ‣ SEO (1d) ‣ Module development (2d)

‣ Systeembeheer ‣ Basistraining (1d) ‣ Systeembeheer (1d) ‣ Drupal OTAP (2d) ‣ Serverbeheer (1d) ‣ Content management ‣ Basistraining (1d) ‣ Redactie (1d) ‣ Functioneel beheer (2d)

‣ Frontend development ‣ Basistraining (2d) ‣ Layout en semantiek (1d) ‣ Front-end development (2d)


Programma


Programma ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣

‣ ‣

Drupal CMS Inloggen Overzicht Een nieuwe pagina Workflow Navigatie Inhoud beheren Actueel: Agenda, Nieuws Persbericht Inhoud aanmaken ‣ Editor ‣ Revisies ‣ Auteursinformatie

‣ ‣ ‣ ‣ ‣ ‣ ‣


Dupliceren Meer inhoud en instellingen ‣ Waar komt de inhoud op de site? Programma's en regelingen Boek Onderwerpen Over Ons: Veelgestelde vragen Menu's Voorpagina, Divisiepagina Formulieren

Drupal CMS


Drupal ‣ Content Management System ‣ Veilig, flexibel, modern ‣ Acctieve community van bouwers en gebruikers.


Showcase


whitehouse.gov

Showcase


grammy.com

Showcase


manbijthond.nl

Showcase


leeuwarden.nl

Werkwijze


Werkwijze ‣ We werken met een test-website. NIET de echte. URL: ... ‣ Oefeningen met de verschillende onderdelen van de website. ‣ Uitleg, demonstratie + oefeningen ‣ Als je inhoud aanmaakt, gebruik dan je eigen naam als voorvoegsel in de titel. ‣ Maak zelf aantekeningen over eventuele gewenste verbeteringen. 15 donderdag 7 juni 12

Inloggen


Inloggen

‣ Eén account: gebruikersnaam + wachtwoord ‣ URL: <domeinnaam>/user


Oefening ‣ Log-in ‣ URL: <domeinnaam>/user ‣ Gebruikersnaam + wachtwoord ‣ Wat kan je doen als je het wachtwoord bent vergeten?


Overzicht


Voorpagina


Actueel


Onderwerpen


Over ons


Programma’s


Een nieuwe pagina


User story Als redacteur wil ik een nieuwe pagina aan Agenda toevoegen.


Demo: Inhoud aanmaken

‣ Inhoud aanmaken ‣ Bewerken


Oefening ‣ Log-in. ‣ Maak een artikel aan (Navigatie: Inhoud aanmaken > kies een geschikt type). ‣ Type een titel en ‘berichttekst’. ‣ Kies Contenttype ‘Agenda’ ‣ Sla het artikel op (Knop: ‘Opslaan’) ‣ Log-uit en bekijk het resultaat.


User story Als eindredacteur wil ik een nieuwe pagina controleren en publiceren.


Demo: Inhoud publiceren

‣ Inhoud bewerken ‣ Publiceren


Oefening ‣ Log-in (als eindredacteur). ‣ Zoek het nieuwe artikel op (Navigatie: Werkvoorraad). ‣ Lees het artikel. ‣ Wijzig de Workflow-status naar ‘Live’. ‣ Sla het artikel op (Knop: ‘Opslaan’). ‣ Log-uit en bekijk het resultaat.


Workflow


Workflow ‣

Eindredactie mag Live zetten (en terug).

‣

Redactie mag dat niet.

‣

Live = gepubliceerd

In bewerking

Klaar voor eindredactie


Live

Workflow


Navigatie


Navigatie ‣

‣ ‣ ‣ ‣ ‣

Inhoudelijk beheer ‣ Boeken ‣ Content Management Filter ‣ Inhoud aanmaken ‣ Taxonomie ‣ Taxonomy Manager Site-constructie ‣ Menu's Site-instellingen Gebruikersbeheer Help Uitloggen


‣ ‣ ‣ ‣ ‣ ‣ ‣

Uitloggen Werkvoorraad Contact Mijn Agentschap NL Digitaal indienen Disclaimer English

‣

Andere links: ‣ /sitemap

Inhoud beheren


User story Welke artikelen staan er op de site en kan er iets opgeruimd worden?


Demo: Onderwerp

‣ Inhoud beheren


Oefening ‣ Ga naar de beheerpagina van de websiteinhoud. Navigatie: Inhoudelijk beheer > Content Management Filter ‣ Verwijder een test-artikel.


Actueel: Agenda, Nieuws


Agenda menu: Menu

Taxonomie: verfijnen (zoek)resultaten

Nieuws: Lopende tekst Term = Agenda


Nieuws menu: Menu


Nieuws: Lopende tekst Term = Nieuws


Persberichten menu: Menu


Nieuws: Lopende tekst Term = Persberichten


User story Als Eindredacteur wil ik een Nieuwsartikel toevoegen.


Demo: Nieuwsartikel

‣ Lopende tekst aanmaken ‣ Contenttype: Nieuws


Oefening: Workflow ‣ Maak een nieuwsartikel aan. ‣ Lopende tekst ‣ Contenttype: nieuws ‣ Workflow: Klaar voor eindredactie ‣ Vraag aan een andere eindredacteur om het te publiceren.


User story Als Eindredacteur wil ik een Nieuwsartikel onder embargo toevoegen. Het mag pas a.s. maandag gepubliceerd worden.


Demo: Nieuwsartikel

‣ Lopende tekst aanmaken ‣ Publicatie start- en einddatum


Oefening: Uitgestelde publicatie ‣ Maak een nieuwsartikel aan. ‣ Lopende tekst ‣ Contenttype: nieuws ‣ Workflow: Klaar voor eindredactie (!) ‣ Publicatiedatum: a.s. maandag ‣ Is het artikel nu echt niet gepubliceerd?


Persbericht


Taxonomie ‣ Woordenlijst, tags, trefwoorden. ‣ Categoriseren van inhoud. ‣ Beheerde taxonomie of vrije taxonomie. ‣ Hierarchisch of platte lijst.


User story Bezoekers kunnen op de Agenda, Nieuws en Persberichten pagina’s aan de rechterkant de artikelen filteren. Als redactielid wil ik dat het persbericht over explosief de gestegen export van carnavalskleding naar West Afrika in de juiste categorieën te vinden is.


Demo: Taxonomie

‣ De taxonomieën van Lopende tekst ‣ Taxonomie beheren


Oefening: Persbericht ‣ Maak een persbericht aan. ‣ Contenttype: Persbericht ‣ Vul de juiste trefwoorden in voor Sectoren en Landen/Locaties. ‣ Zijn er nog andere termen zinvol toe te voegen? ‣ Kan je het bericht terugvinden via de ingevulde termen? 55 donderdag 7 juni 12

Inhoud aanmaken


Editor


Editor ‣ Opgemaakte tekst. ‣ Knoppen zoals in een tekstverwerker ‣ ... maar dan minder mogelijkheden.


Demo ‣ Knoppen: ‣ Link ‣ Anchor ‣ Teaser break ‣ Stijlen ‣ Templates


Editor: Afbeeldingen


Editor: MS Word ‣ Bij plakken vanuit MS Word wordt tekstopmaak meegenomen. Vaak is dit ongewenst. ‣ Opmaak verwijderen: ‣ Opschonen met knop in editor. ‣ Plakken via Speciaal clipboard in editor. ‣ Kopieren vanuit Nodepad, of andere platte tekst-editor. 61 donderdag 7 juni 12

Oefening ‣ Bewerk een bestaand artikel. ‣ Kopieer tekst vanuit een tekst-editor zonder de opmaak mee te nemen. ‣ Voeg paragraaftitels toe. ‣ Voeg een link toe. Hoe weer verwijderen? ‣ Voeg een teaser-break toe.


Oefening ‣ Voeg bestaande een afbeelding aan de tekst toe. ‣ Upload een nieuwe afbeelding en voeg deze aan de tekst toe. ‣ Verklein de afbeelding tot ca 1/4 van de tekstbreedte. ‣ Plaats de foto rechts in de tekst.


Revisies


Revisies

‣ Verschillende versies van de inhoud bewaren. ‣ Standaard: Automatisch een nieuws versie. ‣ Vorige versie bekijken of terugzetten. ‣ Notitie bij de revisie maken. 65 donderdag 7 juni 12

User story Als eindredactie gaan tijdelijk wat extra tekst aan een artikel toevoegen. Later willen we de oorspronkelijke toestand weer kunnen herstellen.


Demo: Revisie

‣ Wel/geen revisie aanmaken ‣ Revisie historie


Oefening ‣ Wijzig een eerder geschreven artikel. ‣ Voeg een opmerking toe bij de revisieinformatie. ‣ Bekijk het revisie-overzicht op het tabblad ‘Revisies’. ‣ Let op: terugzetten van revisies is niet mogelijk.


Auteursinformatie


User story Als eindredacteur voeg ik soms een artikel toe namens iemand anders. Om credits aan de juiste persoon te geven wil ik dan zijn of haar naam aan het artikel kunnen toevoegen.


Oefening

‣ Waar wordt de naam van de auteur getoond? ‣ Verander in een nieuwsartikel de naam van de auteur (Auteursinformatie). ‣ Verwijder de ‘geschreven op’ datum. ‣ Verandert er iets in de weergave volgorde?


Dupliceren


Kopie van een pagina ‣ Nodes dupliceren. ‣ Titel wordt aangepast: “Clone of ...” ‣ De inhoud en een deel van de instellingen worden gekopieerd.


Oefening ‣ Maak een nieuw nieuwsartikel door een oud artikel te kopieëren. ‣ Vergelijk de inhoud en instelling van oud en nieuw. ‣ De berichttekst? ‣ De taxonomie-termen? ‣ De workflow? ‣ De auteur? 74 donderdag 7 juni 12

Meer inhoud en instellingen


Datum

‣ Begin- en einddatum van bijv. evenementen


Verkorte titel


Pagina-indeling

‣ Normaal: Tekstgedeelte laat ruimte rechts vrij. ‣ Breed: Tekstgedeelte neemt ruimte recht in.


Laat nieuws/agenda-link zien


Afbeeldingen (buiten de editor)

‣ Automatisch op maat gemaakt. ‣ Zorg dat originele afbeelding groot genoeg is. ‣ Helptekst (in groen) geeft het gebruik aan.


Attentie-link

‣ Alleen voor Contenttype Attention ‣ Weergave instelling van een link in de rechter zijbalk. ‣ In combinatie met Right side blocks


Taal

‣ De taal van de inhoud. ‣ Standaard: Nederlands ‣ Engels gebruiken voor pagina’s op het Engelstalig gedeelte van de site.


Publicatie opties

‣ Aangeraden op de voorpagina. Voor Carousel, en Uitgelicht (nieuws) ‣ Vervaldatum: standaard 1 jaar na aanmaken.


Publicatie

‣ Automatische publicatie ‣ Workflow status wordt dan ook op Live gezet. ‣ Automatische de-publicatie


Bijlagen

‣ Link naar Bijlage wordt onderaan de pagina toegevoegd


Right side blocks ‣ Attention nodes: Inhoud met Contenttype Attention ‣ Pol: Enquete ‣ Follow links: Een editor ‣ FAQ: Inhoud met Contenttype FAQ


Waar komt de inhoud op de site?


Inhoud op de site ‣ 1. Inhoud aanmaken ‣ 2. Taxonomie (Contenttype, Pagina type, etc.) ‣ 3. Inhoud (titel, berichttekst, afbeeldingen) ‣ 4. Instellingen (Workflow, Markeren, Publicatie startdatum, etc.)


Inhoud aanmaken Inhoudelijk beheer > Inhoud aanmaken ‣ Applicatie Evoa filtertabel: ? ‣ Applicatie MIA \ Vamil filtertabel: Programma’s & Regelingen > MIA en Vamil > Milieulijst Milieulijst 2012 ‣ Applicatie Milieutechnologie filtertabel: ? ‣ Applicatie PGL filtertabel: ? ‣ Applicatie VolgInnovatie filtertabel: Onderwerpen > Financiering vinden > Innovatie > Innovatie en ondernemen > Volg innovatie > Zoeken naar innovatieprojecten (Volg innovatie) ‣ Bijlage: Toegevoegd aan o.a. Lopende tekst ‣ Blog entry: Actueel > Nieuws > drie blogs ‣ Event: Actueel > Nieuws, Actueel > Agenda, Actueel > Persberichten ‣ Functionele groep: (nog) niet in gebruik ‣ Lopende tekst: bijna overal ‣ Publicatie: (nog) niet in gebruik? ‣ Webform: Op diverse plaatsen


Taxonomie Inhoudelijk beheer > Taxonomie ‣ Contenttype ‣ Inhoud: Lopende tekst, Event ‣ Bepaalt waar inhoud op de site verschijnt ‣ Pagina type ‣ Inhoud: Lopende tekst ‣ Bepaalt de volgorde in de zoekresultaten. ‣ Divisies, Rubrieken / Onderwerpen, Sectoren, Landen / Locaties, Programma's en Regelingen, Bron, Doelgroepen, Handelingen, Producten en diensten ‣ Inhoud: Bijlage, Event, Lopende tekst ‣ Heeft betrekking op de inhoud ‣ Applicatie Evoa filtertabel - *, Applicatie MIA \ Vamil filtertabel - *, Applicatie Milieutechnologie filtertabel - *, Applicatie PGL filtertabel - *, Applicatie VolgInnovatie filtertabel - * ‣ Inhoud: betreffende inhoud voor filtertabellen ‣ Heeft betrekking op de inhoud


Taxonomie - Contenttype Bepaald waar inhoud op de site verschijnt ‣ Agenda: Actueel > Agenda ‣ Attention: zijn te gebruiken in 'Right side blocks' ‣ Etalagebericht: ?? ‣ FAQ: Over ons > Veelgestelde vragen ‣ Programma's & Regelingen: Programma's & Regelingen ‣ Blog: Actueel > Blog ‣ Divisie: Over ons > Divisies ‣ Nieuws: Actueel > Nieuws ‣ Onderwerp: Onderwerpen ‣ Organisatie: Over ons > geen-divisie ‣ Persberichten: Actueel > Persberichten ‣ Carousel: zijn te gebruiken in diverse caroussels


Programma’s en regelingen


Programma’s & Regelingen Taxonomie: verfijnen (zoek)resultaten

Lopende tekst Contenttype = Programma’s & Regelingen Paginatype = Landingpage


Programma Boek: Structuur

Taxonomie: gerelateerde pagina’s


Programma’s & Regelingen Programma / Regeling 1

Programma / Regeling 2

Programma / Regeling 3

Paginatype = Landingpage

Boek Programma / Regeling

P/R sub-pagina

P/R sub-pagina

Paginatype = Landingpage P/R sub-pagina


Paginatype = Contentpagina

Oefening: Programma aanmaken ‣ Boek: Hierarchie van pagina’s ‣ Lopende tekst ‣ Contenttype: Programma’s en Regelingen ‣ Bovenste boekpagina: ‣ Nieuw Boek ‣ Paginatype: Landingpagina ‣ Overige boekpagina’s: ‣ Onderliggende boekpagina ‣ Paginatype: Contentpagina


Boek


Boek

‣ Hiërarchische structuur van pagina’s ‣ Gebruikt in: Onderwerpen, Divisies, Programma’s en Regelingen en FAQ ‣ Beheerpagina: Inhoudelijk beheer > Boeken


Demo ‣ Beheer van boeken ‣ Nieuw boek aanmaken ‣ Pagina aan boek toevoegen ‣ Boek-tab


Onderwerpen


Onderwerpen Lopende tekst Contenttype = Onderwerp Paginatype = Hoofdonderwerp Rubrieken/Onderwerpen = het onderwerp


Onderwerp Lopende tekst Contenttype = Onderwerp Paginatype = Hoofdonderwerp Rubrieken/Onderwerpen = het onderwerp


Lopende tekst Contenttype = Onderwerp Paginatype = Landingpage Rubrieken/Onderwerpen = het onderwerp


Sub-onderwerpen Boek: Structuur

Taxonomie: gerelateerde pagina’s

Lopende tekst Term = Carousel

Inhoud: Right side blocks


Onderwerpen Onderwerp 1

Onderwerp 2

Sub-onderwerp 1 Sub-onderwerp


Onderwerp 3


Paginatype = Hoofdonderwerp


Boek


Sub-onderwerp

Sub-onderwerp pagina




Paginatype = Contentpagina

Oefening: Sub-onderwerp aanmaken ‣ Boek van sub-onderwerp pagina’s ‣ Lopende tekst ‣ Contenttype = Onderwerp ‣ Rubrieken/Onderwerpen = het onderwerp ‣ Bovenste boekpagina ‣ Paginatype = Landingpage ‣ Overige boekpagina’s ‣ Paginatype: Contentpagina


Over Ons: Veelgestelde vragen


Over ons menu: Menu

Lopende tekst Contenttype = Divisie Paginatype = Landingpage


Veelgestelde vragen menu: Menu

Lopende tekst Boek-structuur Contenttype = FAQ


Veelgestelde vragen Boek

Verzamelvraag (geen berichttekst)

Vraag

FAQ categorie (geen berichttekst)

Paginatype = geen

Verzamelvraag (geen berichttekst)

Paginatype = geen

Vraag

Vraag


Paginatype = contentpagina

Oefening: FAQ-vraag toevoegen ‣ Onderliggende pagina in FAQ-boek toevoegen: ‣ Gebruikt de link ‘Een onderliggende pagina toevoegen’ ‣ Lopende tekst ‣ Contenttype = FAQ ‣ Paginatype = Contentpagina


Menu’s


Menu

‣ Structuur van links ‣ Kunnen links zijn naar interne en externe pagina’s


Menu’s ‣

Deurmat navigation: Deurmat voorpagina

‣

NL Innovatie: Deurmat Divisie NL Innovatie

‣

NL Energie & Klimaat: Deurmat Divisie NL Energie & Klimaat

‣

Internationaal ondernemen: Deurmat Divisie NL EVD Internationaal

‣

NL Milieu en Leefomgeving: Deurmat Divisie NL Milieu en Leefomgeving

‣

NL Octrooicentrum: Deurmat Divisie NL Octrooicentrum

‣

Development: n.v.t.

‣

Features: n.v.t

‣

Menu: Hoofdmenu in groene balk

‣

Navigation: Menu in zwarte balk

‣

Primary links: Niet gebruikt

‣

Secondary links: Menu in grijze balk


Demo

‣ Beheer van menu’s ‣ Volgorde en hierarchie


Voorpagina, Divisiepagina


Voorpagina menu: Navigation Nieuws: Lopende tekst Contenttype = Nieuws

menu: Menu

Agenda: Lopende tekst Contenttype = Agenda

Carousel: Contenttype = Carousel Aangeraden voorpagina

Tweets: @AgentschapNL

menu: Deurmat

Blogs: Blog-item

Contenttype = Nieuws

Lopende tekst Term = FAQ

Aangeraden voorpagina


Divisie Carousel: Contenttype = Carousel Divisies = deze Divisie

Agenda: Lopende tekst Contenttype = Agenda Term = deze Divisie

Lopende tekst Pagina’s in dit boek Contenttype = Divisie Paginatype = Content pagina Divisies = deze Divisie

Tweets: zie voorpagina

Menu: divisie

Blogs: zie voorpagina

Lopende tekst Contenttype = Nieuws Divisies = deze Divisie Markeren: Featured

Lopende tekst Contenttype = FAQ


Nieuws: Lopende tekst Contenttype = Nieuws Divisies = deze Divisie Markeren: show in new listing

User story Als redacteur wil ik een item aan de voorpaginacarousel toevoegen.


Oefening ‣ Inhoud aanmaken: ‣ Lopende tekst ‣ Contenttype = Carousel ‣ Publicatie opties: Aangeraden op de voorpagina


User story Als eindredacteur wil ik een link toevoegen aan de deurmat op de voorpagina.


Oefening ‣ Bewerk het menu ‘Deurmat navigation’ ‣ Voeg een link toe ‣ Of verander de volgorde van links. ‣ Hoe maak je een link-kopje (vette tekst)?


Formulieren


Formulieren: Webform ‣ Welke formulieren zijn er? ‣ Wat gebeurt er met de invoer van de formulieren? ‣ Worden er e-mail(s) verzonden bij indienen van een formulier? ‣ Wie mogen formulieren aanmaken?


Demo: Webform ‣ Een formulier vinden ‣ Resultaten van ingediende formulier ‣ Formulier wijzigen ‣ E-mailinstellingen


Oefening: Webform ‣ Vul een formulier in als bezoeker. Dan weet je wat bezoekers ervaren. ‣ Voeg een toelichting aan een veld toe. ‣ Maak een veld verplicht. ‣ Voeg een keuzeveld toe aan een formulier.


www.wizzlern.nl @wizzlern


Drupal (eind)redactie

Recommend Documents