Webredacteuren handleiding

Webredacteuren handleiding Inleiding Doel Het verschaffen van een praktische handleiding voor een web redacteur.

Overzicht en beschrijving basis site Op dit moment is er een zogenaamde basis site welke met content (inhoud) gevuld is. Een sub site is een afgeleide van deze basis site. Aan de hand van de basis site zullen enige begrippen worden uitgelegd.

Items aanwezig op alle Pages De zichtbaarheid van een aantal zaken, zoals bijvoorbeeld een hoofdmenu en de footer, is onafhankelijk van de pagina waarop een gebruiker zich bevind, altijd zichtbaar op de site.

Main menu

Het Main menu of hoofdmenu bestaat uit items, wat weer links (verwijzingen) zijn naar diverse pagina’s. Dit kunnen pagina’s van de site zelf zijn, maar ook kan er naar externe pagina worden verwezen.

Footer De footer is te allen tijde onder aan de pagina’s van de site zichtbaar. De footer kan weer worden opgedeeld in meerdere footer kolommen. Hierboven zijn er 3 kolommen aanwezig in de footer. In de kolommen zijn weer menu’s opgenomen. In plaats van een menu kunnen er ook andere vormen van content (content types), zoals een afbeelding of alleen tekst, in een footer kolom worden geplaatst.

De technische applicatiebeheerder (TAB) regelt in samenspraak met de klant in, wat (welke content types) er in de footer komt te staan. Een web redacteur kan hierna de inhoud van de gekozen content types aanpassen. Dus in dit voorbeeld kan een web redacteur alleen maar menu items toevoegen, verwijderen of aanpassen.

De voorpagina (frontpage) De voorpagina ziet er als volgt uit:

Main content page

De technische applicatiebeheerder (TAB) regelt in samenspraak met de klant in, wat (welke content types) er hier moeten komen te staan. Het is mogelijk om hier meerdere content types op te nemen, zoals een Foto Slider en een daaronder Standaardpagina. Een web redacteur kan vervolgens alleen de inhoud van de gekozen content types aanpassen. In dit voorbeeld is gekozen voor het opnemen van een zogenaamde Standaardpagina. De web redacteur kan alleen maar de inhoud van deze pagina aanpassen. Als er op deze plaats een foto slider moet komen te staan, dan moet het TAB eerst dit content type hier neerzetten.

De tong en de kolom onder de tong

Dit gebied heet de tong. Hier geldt ook weer voor dat het Tab initieel een bepaald content type op de tong plaatst. In dit voorbeeld staat er een menu. De web redacteur heeft nu mogelijkheden om het menu en de menu items te wijzigen. Voor de kolom onder de tong geldt hetzelfde.

Banner

Een banner bestaat uit een titel, een korte beschrijving en een plaatje. Hiernaast zijn meerdere banners onder elkaar geplaatst.

Nieuwsitem

Dit is een Nieuwsitem, zoals dit in het overzicht (view) te zien is op de voorpagina. Indien je op de titel klikt, dan verschijnt het daadwerkelijke nieuwsitem:

Fold (vouw) kolommen

Dit gebied bestaat alleen op de voorpagina en kan weer worden opgedeeld in meerdere kolommen, die ieder weer een content type bevatten. De technische applicatiebeheerder (TAB) regelt in samenspraak met de klant in, wat (welke content type) er in welke moeten komen te staan. Een web redacteur kan vervolgens alleen de inhoud van de gekozen content types aanpassen. In bovenstaand voorbeeld bevatten de eerste 3 kolommen een menu en de laatste een zogenaamde Standaardpagina. De web redacteur kan alleen maar de inhoud van deze menu’s en pagina aanpassen. Als er op deze plaats bijvoorbeeld een foto slider moet komen te staan, dan moet het TAB eerst dit content type hier neerzetten.

Niet voorpagina pagina’s De overige pagina’s zullen in de meeste gevallen een opmaak zoals hieronder gegeven.

Met de klok mee zie je het main (hoofdmenu) menu, rechter kolom, footer en de linker kolom. Midden in staat een content type Basis pagina, Artikel of een foto slider.

Standaardpagina of artikel

Het verschil tussen een Artikel en een Standaardpagina is dat bij een Artikel bovenin informatie over de auteur en het tijdstip van aanpassen komt te staan:

Een web redacteur kan in principe onbeperkt basis pagina’s en artikelen toevoegen.

Overige Faq, frequent asked questions

Contact formulier

De sub site kan een standaard contact formulier bevatten. Dit formulier bevat de velden zoals hierboven aangeven. De web redacteur kan hier niets aan wijzigen. De web redacteur kan wel de Titel en de tekst boven en onder het formulier aanpassen. Het webformulier bevat een CAPTCHA. Een CAPTCHA (een afkorting van "completely automated public Turingtest to tell computers and humans apart") is een reactietest die in de gegevensverwerking wordt gebruikt om te bepalen of er al dan niet sprake is van een menselijke gebruiker. De CAPTCHA is bedoeld voor de eindgebruikers van de webformulier. Voordat een ingevuld formulier kan worden verzonden, moet er eerst op het vierkaantje voor “Ik ben geen robot” worden geklikt. Een web redacteur kan er bij het opvoeren van content verder niets mee te doen.

Content/Inhoud als redacteur beheren Inloggen Om als redacteur iets aan te passen, moet je eerst inloggen op de site. Inloggen gaat via de URL: http://sub.Domeinnaam.tld/user, bijvoorbeeld: http://acce.dictu.nl/user.

Na inloggen kom je in een scherm als het volgende:

De zwarte balk boven is het zogenaamde administrator (beheer) menu. Rechts bovenin het administrator menu bevindt zich een icoontje in de vorm van een 3 hoek. Als daar op geklikt wordt, dan verschijnt het volgende menu:

Een Standaardpagina aanmaken Via de knop Inhoud toevoegen kom je in het hiernaast afgebeelde scherm terecht. Kies vervolgens uit het overzicht Standaardpagina door hier op te klikken.

In het scherm wat nu verschijnt zijn er 2 velden beschikbaar, welke met content gevuld moeten worden. De waarde van het veld Title moet zorgvuldig gekozen worden, deze komt namelijk in de menu´s te staan, waarin de pagina mocht worden opgenomen. Het veld Body zal de daadwerkelijke content van de page gaan bevatten. Via een WYSIWYG editor welke in het veld geïntegreerd is, kun je tekst, plaatjes, links naar andere pagina’s etc. toevoegen. Wysiwyg is een acroniem voor What you see is what you get of in het Nederlands: wat je ziet, is wat je krijgt. De term wordt gebruikt voor computerprogramma's en betekent dat je direct op het beeldscherm ziet hoe het resultaat op papier eruit komt te zien, inclusief alle opmaak: vet, letterafmeting etc. (zie ook nl.wikipedia.org/wiki/Wysiwyg)

Na opvoeren van de Content moet er op de Opslaan knop worden gedrukt onderaan de pagina.

Druk op de knop Voorbeeld-weergave om het resultaat te zien.

Een externe link of URL toevoegen Stel dat we willen dat de website dictu.nl wordt geopend op moment we op de tekst Dictu.nl klikken.

Selecteer de tekst Dictu.nl en klik op de link invoegen-wijzigen icoontje.

In het dialoog kunnen allerlei zaken betreffende de link of URL worden opgegeven. De URL voor de Dictu website is: https://www.dictu.nl. Als je deze waarde in het veld URL plakt of intypt, dan krijgt het veld Protocol automatisch de juiste waarde en wordt https:// uit het veld URL gefilterd.

In 2e tabblad kan worden ingesteld, waar de dictu.nl site getoond moet worden, indien er op de link geklikt wordt.

Hoewel er diverse mogelijkheden zijn, laten we de waarde van Doelvenster op staan. Dit is nodig om aan de web richtlijnen te voldoen. Na een druk op de OK knop zien we dat Dictu.nl onderstreept is, wat betekent dat het in een link is veranderd:

Een interne link toevoegen Een interne link is een link naar een andere Basispagina, Artikel, Nieuwsitem etc. welke onderdeel is van de subsite. In de webbrowser moet je een url in de adresbalk ingeven om op de website te komen. Wat je hier ingeeft dat wordt ook wel een domain naa m genoemd. Voorbeelden van domain namen zijn nu.nl, google.com of dictu.nl. Stel dat de domain naam van onze website dictutest.nl is:

Als we nu op tabblad Over Dictu drukken, dan zien we de URL in de adresbalk veranderen.

We zien dat er achter de domain naam nu: /content/over-dictu staat. Als er een link naar de Over Dictu (sub) pagina gemaakt moet worden, dan moeten we /content/over-dictu opnemen als url en het protocol moet zijn. Het toevoegen van een interne link is verder analoog aan het toevoegen van externe link. In het link dialoog ziet het er als volgt uit:

Een email link opnemen

Geef de bestemming mailbox op:

Na druk op OK en Opslaan:

Indien een eindgebruiker op de link klikt, dan zal het standaard email programma op zijn systeem openen en een voor gevulde email tonen. Op een VKA2 werkplek:

Een bestaande link wijzigen

Plaats de cursor op de link en er verschijnt een 2 icoon in de menubalk. Klik hier op.

Het volgende dialoog verschijnt, waar de diverse instellingen kunnen worden aangepast.

Afsluiten met OK en daarna niet vergeten om de aanpassingen op de pagina op te slaan via de Opslaan knop onder aan:

Een externe afbeelding toevoegen Een externe afbeelding is een afbeelding die niet op de server van de website zelf staat of komt te staan. De afbeelding staat op een andere website of in een Cloud dienst als Dropbox of Skydrive. We gaan nu een afbeelding gebruiken, die in het publieke gedeelte van Dropbox account staat. De URL is : https://dl.dropboxusercontent.co m/u/44984310/Penguins.jpg Zet deze URL op het klembord (selecteer de tekst en dan ctrl-c). Zorg ervoor dat de Tekstopmaak op Full HTML staat:

Zet de cursor op de plek in de Body waar de afbeelding moet komen te staan. Klik vervolgens op het Afbeelding icoontje.

In het onderstaande dialoog plak je nu de URL (ctrl-v) en geef je een tekst bij Alternatieve tekst in. De Alternatieve tekst dat is de tekst die op de website getoond wordt indien de afbeelding niet geladen kan worden.

We zien dat de afbeelding netjes in de Body verschijnt.

Door op de afbeelding te klikken verschijnt de vierkantjes ronde de afbeelding. Door de muiscursor op een van de vierkantjes te zetten en de linkermuisknop ingedrukt te houden kan de grootte van de afbeelding door met de muis te bewegen veranderd worden.

Door op de rechtermuisknop te drukken op de geselecteerde afbeelding, verschijnt er een context menu. Via Eigenschappen afbeelding kan het dialoog met de eigenschappen weer geopend worden en is er de mogelijkheid om weer zaken aan te passen.

Een interne afbeelding toevoegen Een interne afbeelding is een afbeelding die op de server van de website zelf staat. Het toevoegen van een dergelijk afbeelding is voor een groot gedeelte gelijk aan dat van een externe afbeelding. Zorg ervoor dat de Tekstopmaak op Full HTM staat.

Zet de cursor op de plek in de Body waar de afbeelding moet komen te staan. Klik vervolgens op het Afbeelding icoontje.

Klik nu op de Bladeren op server knop:

Het volgende scherm wordt geopend. Dit scherm wordt het IMCE scherm genoemd:

Indien de afbeelding al eerder gebruikt is in een pagina, dan zou deze in het paneel rechts moeten voorkomen. In dit geval moet de betreffende afbeelding met de muis geselecteerd worden door er 1 keer op te klikken. De achtergrondkleur van de regel moet veranderen. Daarna op de Insert file knop klikken:

Nadat er op Insert file geklikt is, moet het IMCE scherm gesloten worden. De URL van het gekozen plaatje is nu overgenomen in het veld URL:

Na een druk op de OK knop komt de afbeelding in de Body:

Een link aan een afbeelding koppelen Als door een gebruiker op een afbeelding geklikt wordt, dan wordt de link (URL) uitgevoerd in de webbrowser. Het kan gaan om een link naar een andere pagina op de site of op een andere site een afbeelding de site of op een andere site. Bij een link naar een pagina op een andere website moet er in de URL http:// of https:// worden opgenomen. Selecteer de afbeelding en open via het context menu het dialoog Eigenschappen afbeelding:

Ga nu naar tabblad Link.

Stel dat we willen dat de voorpagina van de website https://www.dictu.nl/ moet worden geopend in een nieuw tabblad van de web browser. Geef de waarde https://www.dictu.nl/ in het veld URL. Kies bij Doelvenster de waarde Nieuw Venster. Sluit af via de OK knop en bewaar de pagina:

Als er nu in de weergave modus op de afbeelding wordt geklikt, dan zal de dictu.nl website worden geopend in een nieuw tabblad. Het toevoegen een link naar een interne pagina, een interne afbeelding of externe afbeelding is analoog aan de werkwijze, zoals in de vorige paragrafen is beschreven.

Een object insluiten (embedden) Op het internet zijn er vele online toepassingen beschikbaar, die je op je eigen pagina kunt opnemen (embedden). Een voorbeeld is een Google Maps kaart. In deze paragraaf wordt beschreven hoe dit gaat. Ga in een webbrowser naar de volgende pagina : https://www.google.nl/maps Zoek op de pagina het volgende adres op: Mandemaat 1, Assen

Klik daarna op het tandwiel icoontje rechts onderin. In het context menu wat vervolgens verschijnt, moet er voor Kaart delen of insluiten gekozen worden:

Er verschijnt weer een dialoog. Klik nu op het tabblad kaart insluiten:

Door nu de muis cursor in het veld beginnende met <iframe te plaatsen, wordt de waarde van het veld automatisch geselecteerd. Zet nu met ctrl-c de waarde op het klembord.

Maak nu een pagina aan met Tekstopmaak gelijk aan Full HTML. Klik vervolgens op Switch to plain text editor.

Plak nu de Google Map code met ctrl-v in de Body en klik aansluiten op Switch to rich tekst editor:

Het resultaat is als volgt:

Op dezelfde manier als bij een afbeelding kan de IFRAME qua afmeting worden aangepast. Bewaar nu de pagina. Het resultaat is als volgt:

Door nu met de rechtermuisknop op het iframe te klikken verschijnt er een context menu, wat de optie IFrame eigenschappen bevat:

In dit dialoog kunnen er weer een aantal zaken ingevuld. De Naam, Adviserende titel, Lange URL-omschrijving en Uitlijning zijn optioneel.

Tekst opmaak Met de CK-editor kan de tekst in de Body worden opgevoerd. De editor bevat een aantal functionaliteiten voor opmaak van de tekst

vergelijkbaar met producten als Word.

De beschikbare functionaliteiten in de Toolbar is afhankelijk van de waarde van de Tekstopmaak:

Bij tekstopmaak Full HTML kunnen er ook plaatjes en tabellen worden toegevoegd.

Standaard wordt een tabel, iframe of afbeelding als een zogenaamd blok beschouwd. Dit houdt in dat een dergelijk object begint en eindigt met een nieuwe regel. Voorbeeld:

Het is mogelijk om de tekst onder de afbeelding naast het plaatje af te beelden, door bij de eigenschappen van de afbeelding de Uitlijning een waarde te geven:

Het resultaat is:

De tekst staat nu netjes naast de afbeelding, maar mooi is anders een beetje ruimte tussen de tekst kan worden toegevoegd de HSpace een waarde te geven:

Het resultaat is:

Voor de ruimte onder en boven de afbeelding wordt door de waarde van de VSpace bepaald

Main content page Indien de site een zogenaamde Main Content page heeft, dan heeft het Tab deze initieel aangemaakt en op de juiste plek gepositioneerd.De web redacteur voert zelf de inhoud op. Indien de inhoud in een later stadium gewijzigd moet worden, dan moet de inhoud van de bestaande Main Content page gewijzigd worden.Het is niet de bedoeling dat er naast de bestaande page een compleet nieuwe page wordt gecreëerd, omdat het TAB dan in actie moet komen om deze op de juiste positie te krijgen. Navigeer nu naar de voorpagina door op het icoontje met het huisje links in het administrator menu te drukken. Via de knop Bewerken kun je nu in een scherm komen waar je de pagina kun aanpassen:

Het toevoegen van de inhoud en de opmaak is analoog aan wijze zoals dit voor een Basispagina gebeurt. Dit is in de voorgaande paragrafen uitgebreid beschreven.

Nieuwsitem De voorpagina van de site kan een overzicht bevatten met een of meerdere nieuwsitems, zoals in de volgende afbeelding te zien is:

In dit overzicht wordt van een nieuwsitem alleen de Titel, de eerste regel van de tekst en een afbeelding getoond.Een nieuwsitem is bijna identiek aan een basispagina. Het verschil is dat er verplicht de afbeelding moet worden bijgevoegd, welke in het overzicht te zien is. De web redacteur moet zelf de te gebruiken afbeelding op zijn pc klaar zetten en deze via de Bladeren knop selecteren. Met de Uploaden knop wordt een kopie gemaakt welke op de webserver komt te staan.

Het toevoegen van de inhoud en de opmaak is analoog aan wijze zoals dit voor een Basispagina gebeurt. Dit is in de voorgaande paragrafen uitgebreid beschreven.

Volgorde van de nieuwsberichten in het overzicht Een nieuwsbericht het een o.a. instelling Geschreven op. Dit veld krijgt initieel bij het aanmaken van het nieuwsbericht de waarde van de

systeem datum-tijd. De sortering is het overzicht is op basis van dit veld, waarbij het recentst aangemaakte bericht bovenaan staat. Het is mogelijk om een ouder nieuwsbericht weer bovenaan in het overzicht te krijgen door de waarde van Geschreven op een recentere datum te geven.Via het item Auteursinformatie, linksonder in de menu, is dit veld te wijzigen:

Evenementen De evenementen staan meestal in een overzicht op de voorpagina, zoals in de volgende afbeelding te zien is. Een evenement weer uit sub-evenementen bestaan, welke een eigen beschrijving, locatie en datum tijd hebben. In de volgende afbeelding bestaat de DrupalJam 2015 uit 2 sub-evenement, namelijk.het ochtend programma en de workshop Ethical Hacking.

Als je op de DrupalJam 2015 item in het overzicht klikt, dan kom je op de Evenement pagina zelf, welke er als volgt uit ziet:

Het werk voor de web redacteur om een Evenement op te voeren is voor een groot gedeelte gelijk aan de Basispagina:

De volgende velden specifiek voor het (sub) evenement:

Het maken van de opmaak van de tekst in de Body en het Programma is analoog de wijze, zoals dit voor de Standaardpagina is. Via de knop Item toevoegen kunnen in principe onbeperkt sub-evenementen worden toegevoegd:

Een nieuw sub-evenement verschijnt:

Het evenement komt in het overzicht op de voorpagina, nadat expliciet het vinkje Aangeraden op voorpagina in het Publicatie-opties menu is gezet:

Banner Een banner is eigenlijk een link naar een andere pagina. Bij een banner is een afbeelding en een korte begeleidende tekst opgenomen.

Het scherm van de web redacteur ziet er als hieronder uit. De optie Bannerkleur werkt op dit moment nog niet. Bij bannerlink kan een URL naar een externe of een interne pagina worden in gegeven. Intern wil zeggen een pagina binnen de website zelf

en extern wil zeggen naar een pagina van een andere site.

Interne bannerlink Als je een interne Bannerlink wil gebruiken, dan kun je het best eerst de betreffende pagina openen in een web browser. Stel we hebben een bezoek pagina en we willen hier een banner voor maken. In de web browser ziet dit er als volgt uit:

We zien in de adresbalk van de web browser de url: 80.95.173.13/content/bezoek Het eerste gedeelte van de URL, voor de eerste / wordt het domain genoemd. In dit voor is het domain dus 80.95.173.13. Voor een interne Bannerlink moet het gedeelte wat na het domain komt genomen worden. In dit geval dus /content/bezoek

Het uiteindelijke resultaat:

Webform / Contact formulier Een contact formulier is opgebouwd uit een aantal onderdelen:

De web redacteur kan de waarde van de velden Titel, Webform Body en Body after aanpassen. In de volgende afbeelding wordt aangegeven welke gebieden dit zijn:

Voor de web redacteur ziet het er als volgt uit:

In de Body velden kunnen dezelfde functionaliteiten gebruikt worden, zoals bij de Standaard pagina beschreven.

FAQ/ Veelgestelde vragen Een faq kan er als volgt uit zien:

Door op een vraag te klikken, verschijnt het antwoord:

Eigenlijk zien we een overzicht wat bestaat uit veelgestelde vraag items. De web redacteur voert een Veelgestelde vraag als volgt op:

Volgorde van de vragen aanpassen De sortering in het overzicht van de vragen is op basis van de waarde van de instelling van het Gewicht (Weight) welke bij een vraag kan worden ingesteld. De sortering op oplopend. In de onderstaande afbeelding is te zien waar je het Gewicht kunt wijzigen:

Stel dat we de vraag ‘Drupal en data integratie’ als eerste willen tonen in het overzicht, dan moeten we het Gewicht een waarde -1 geven. Deze waarde is de waarde van de vraag ‘Wat is Drupal’ min 1.

In het overzicht zien we nu de vraag bovenaan staan:

Video gebruiken Het is mogelijk om een video uit de Mediatheek Rijksoverheid op te nemen op de website. Via https://www.mediatheekrijksoverheid.nl/ kan een video in de mediatheek worden geplaatst of kan er in de mediatheek gezocht worden naar bestaande video’s. Dit proces valt buiten de scope van dit document. Er zijn o.a. de volgende documenten over de Mediatheek Rijksoverheid beschikbaar: Handleiding Mediatheek Rijksoverheid (v1 - 17 juli 2014).pdf Aanleverspecificaties en -richtlijnen Mediatheek Rijksoverheid v1 (augustus 2014 - 3772074).pdf Zodra een video in de mediatheek geplaatst, dan krijgt de plaatsen een zogenaamd xml bestand terug. Dit XML bestand is een configuratie bestand met gegevens die we nodig hebben om de video in de website te kunnen tonen. Stel we hebben nu een video geplaatst en we hebben een XML bestand met de naam rvd-mp-20141205-idk3ypv1h.xml via de email ontvangen in een bijlage. Sla nu de bijlage op. Op een VKA2 werkplek wordt deze in de Download map opgeslagen en met Windows Verkenner moet je het kunnen zien:

Selecteer het bestand, open door middel van een rechtermuisklik het contextmenu en kies voor bewerken:

Het xml bestand wordt nu in een teksteditor geopend:

Kies nu uit het pulldown menu item Inhoud toevoegen voor Rijksvideo:

In het scherm wat verschijnt lijkt op dat van een Standaardpagina met het verschil dat er een sectie VIDEO is opgenomen.Het opvoeren van de waarden Title en de Body content is dan ook analoog aan de werkwijze van de Standaard pagina:

Zet nu het vinkje bij ‘Enter the paths of the video files manually’:

Er verschijnen een aantal nieuwe velden, namelijk WebM, MPEG-4 Video (mp4) en High Quality MPEG-4 Video (mp4). De waarden van

deze velden moeten worden gevuld met gegevens welke we uit het eerder geopende xml bestand moeten kopiëren en plakken. In het xml bestand staan een aantal regels dit beginnen met
Waarde veld type in xml bestand

WebM

web_webm

MPEG-4 Video (mp4)

web_mp4

High Quality MPEG-4 Video (mp4)

web_hd

Met kopiëren en plakken kunnen nu de waarden van de betreffende regels uit het xml bestand in de velden worden gezet:

Er kan ook een waarde voor Transciption worden opgegeven. Deze kunnen we ook via het xml bestand bepalen. Zoek de regel waarvoor geldt type="text" en ga met een web browser naar de url van de regel. Er verschijnt een dialoog, waarbij er voor Openen met gekozen moet worden:

De tekst verschijnt in een tekst editor:

Met kopiëren en plakken kan de tekst in het veld Transcription worden geplaatst:

De volgende velden moet op dezelfde wijze als de video files uit het xml bestand worden gehaald: Waarde veld type in xml bestand Thumbnail

still_s

Caption (srt)

subtitle_srt

Audio description (mp3)

audio_mp3

Na afloop niet vergeten op te slaan:

Het resultaat:

Personenregister beheren Een personenregister is een lijst van personen, die deel uit maken van een groep. Een voorbeeld van een groep is de Commissie van aanbestedingsexperts. Hieronder is het Personenregister afgebeeld, zoals dit op de Basissite gerealiseerd is:

We overzicht bestaat uit een aantal onderdelen, welke in de volgende afbeelding worden benoemd:

De Titel en de tekst van de Header kunnen vooralsnog alleen door de technisch applicatie beheerder van het Drupal team worden aangepast. De webredacteur moet wel deze gegevens aanleveren. De webredacteur kan alleen de Persoongegevens toevoegen, wijzigen en verwijderen. Kies hiertoe voor Inhoud toevoegen en dan voor Persoonsbestand:

En scherm als het volgende verschijnt. De velden met het rode sterretje achter de titel zijn verplicht.

Het opvoeren van de inhoud is analoog aan de wijze, zoals dit bij een standaard pagina gebeurt. Het veld Functie bevat extra functionaliteit, helemaal rechts in het veld staat een circel, wat betekent dat er een zoekfunctionaliteit aanwezig is. Er kan worden gezocht welke Functies er eerder zijn opgevoerd. Als we de waarde app invoeren, dan verschijnt er een lijst met alle eerder opgevoerde functies, die deze string in hun naam hebben:

We vullen nu in dit voorbeeld de gegevens als volgt in:

Als we dit bewaren en teruggaan naar het overzicht, dan zien we de nieuwe persoon nethjes in het overzicht verschijnen. De sortering van het overzicht is op basis van Naam:

Als we nu op de naam van de zojuist opgevoerde persoon klikken, dan komen we in het volgende scherm, wat weergeeft hoe de bezoekers van de site de gegevns van de persoon gepresenteerd krijgen:

Een bezoeker van de website kan in het overzicht van de personen een filter aanbrengen op het Expertise:

Aangepast Artikel onderhouden Een aangepast artikel is een afgeleide van een standaard artikel met enige toegevoegde functionaliteit. Het aangepaste artikel wordt in een sorteerbaar overzicht opgenomen, waarbij op eigenschappen van het aangepaste artikel kan worden gesorteerd. Verder kunnen er 1 of meerdere bijlagen bij het aangepaste artikel worden bijgevoegd. In de onderstaande afbeelding is dit weegegeven. De namen van de labels van de sorteer velden zijn hier algemeen gehouden, namelijk Veld_1 en Veld_2. Deze velden moeten straks in een subsite een specifieke naam krijgen, afhankelijk van wat er artikel moet staan voor de specifieke subsite. Ook de naam van het menu item, hier Overzicht artikelen, kan per subsite verschillen. Bij het opzetten van de subsite moet een Tab'er in overleg met het fab die eenmalig instellen.

Als er enige aangepaste artikelen zijn aangemaakt, dan zien we een overzicht vergelijkbaar met het onderstaande:

Door op de titel van een van de artikelen te klikken wordt er verder op het artikel ingezoomd en zien we als bezoeker van de website het complete artikel. In de onderstaande afbeelding is dit afgebeeld en zijn de verschillende onderdelen van het artikel met rood benoemd:

Voor de webredeacteur ziet het er als volgt uit:

Via Add a new file kunnen er een of meerdere bijlagen worden bijgevoegd. In dit voorbeeld kunnen er alleen pdf bestanden worden toegevoegd, maar het is ook mogelijk om in een subsite andere bestand formaten bij te voegen. Het tab kan dit inregelen, bij het opzetten van een subsite zal moeten worden afgesproken welke bestandsformaten er moeten worden kunnen bijgevoegd.

Content beschikbaar maken in via een menu In het vorige hoofdstuk2 is dat de website uit diverse gebieden (blokken) bestaat en weer een menu, overzicht (view) of een pagina zelf bevatten. In hoofdstuk 3 is beschreven voor een aantal content types, zoals Standaardpagina, Nieuwsitem, Evenement etc., hoe deze moet worden aangemaakt en aangepast. De volgende stap is nu de aangemaakt content types als menu item aan een menu toe te voegen, dat een eindgebruiker het kan benaderen.

Toevoegen aan het Main menu Dit menu is in principe altijd zichtbaar op de site:

Bij het aanmaken van een content type, of achteraf, kan bij de instellingen van het content type zelf worden aangeven of het in het Main menu moet worden opgenomen. We gaan nu demonstreren hoe een Nieuwsitem aan het Main menu kan worden toegevoegd. Maak via Find content een overzicht van alle nieuwsitems:

Kies bij te plaatsen nieuwsitem voor bewerken. Bij Menu-instellingen kun je vervolgend het vinkje ‘Voer een menulink in’ aan zetten:

Er verschijnen weer een aantal opties:

Standaard heeft Bovenliggend onderdeel de waarde (Main menu), dit is waar het nieuwsitem moet komen. Vervolgens de wijziging opslaan. Als we naar de voorpagina navigeren, dan zien we dat het nieuwe menu item is verschenen:

Ga nu via de optie Menu’s in het administrator menu naar links weergeven bij het Main menu:

In het volgende scherm zien we de verschillende menu items van het Main menu:

Zet nu de muiscursor op Blik@work en sleep nu met de linkermuisknop ingedrukt het item naar boven in het overzicht. Bewaar vervolgens de wijziging.

Het resultaat:

Item aan specifiek menu toevoegen

Een site heeft diverse menu’s. In de onderstaande afbeelding zijn deze gemarkeerd. De technisch applicatiebeheerder maakt de menu initieel aan en zet deze op de juiste plaats op de website. De web redacteur maakt de items in de menu’s aan, nadat er content is opgevoerd.

Aan de hand van de titel van het menu kan via de optie Menu’s in het administrator menu het volgende scherm worden geopend.

Zoek hier het betreffende menu en klik dan op link toevoegen. Als voorbeeld kiezen we nu het menu Over ons. We gaan een link naar https:// www.dictu.nl/ toevoegen.

Druk Opslaan. Het volgende scherm verschijnt:

Als het menu bekijken dan staat het item er nu netjes in:

Voor het toevoegen van een menu item naar een content type op de site zelf, dan moet bij pad de interne link worden opgevoerd. In

paragraaf 3.6.1 Interne bannerlink staat beschreven hoe deze bepaald wordt.