Handleiding contentbeheer
Voor de inrichting van de site zijn wat extra handelingen nodig om het ontwerp goed te krijgen.
Homepage:
In de map Inrichting homepage staat 1 webpagina. Deze bevat alle content van de homepage.
Deze webpagina bevat extra classes en een div 'gradient' om de positie van teksten en afbeeldingen te bepalen. Hieronder de gebruikte HTML als 'backup'.
Titel: Dit is dè plek waar jij je licht opsteekt over de energietransitie in Veghel
Beschrijving: LEEG
NB de video moet muted en autoplay toegevoegd krijgen, dat is geen normale toevoeging bij het plaatsen van een video.
De voorbeeld video is 5.5 Mb - met het video-bewerkings pgrogramma Handbrake kan een video worden gecomprimeerd.
Content:
<p class="col geel"></p>
<p class="col1"></p>
<p class="col2"></p>
<p class="col3"></p>
<p>
<video autoplay="" muted="" poster="" height="700" width="1920" ......
</p>
<div class="gradient"> </div>
Volledige content:
<p class="col geel">LCE maakt inzichtelijk wat er op het gebied van duurzaamheid gebeurt op de Veghelse bedrijventerreinen.<br />
Hier vind je praktische informatie en slimme energie oplossingen.</p>
<p class="col1">Lees het laatste nieuws of laat je inspireren door verhalen van collega ondernemers:</p>
<p class="col2"><a class="calltoaction" href="#">nieuws</a> <a class="calltoaction power" href="#">ondernemer<br />
in het licht</a></p>
<p class="col3"><img alt="logo Meierijstad" height="45" src="/dsresource?objectid=40e3e81b-7026-4310-80a8-69095c2b6e84&&disposition=inline" width="87" /> <img alt="logo POM: Platform Ondernemend Meierijstad" height="56" src="/dsresource?objectid=f63582e4-f92e-4b0b-b806-13247783c032&&disposition=inline" width="78" /></p>
<p>
<video autoplay="" height="700" id="video20256294235" muted="" poster="" width="1920"><source src="/dsresource?objectid=5c1221b1-d3ab-4c5e-97c8-35b6941ab1a7&&disposition=inline" type="video/mp4" /></video>
</p>
<div class="gradient"> </div>
----------------------------------------------------
Webpagina met foto bovenaan
Titel: Vrij in te vullen
Beschrijving: Vrij in te vullen
Start de inhoud van de pagina met een foto - 930px breed x vrije hoogte @72dpi. Klik vervolgens op de knop 'BRONCODE' in de webeditor en geef de P rond de IMG een class foto
Content:
<div class="foto">
<img src="......"/>
</div>
rest van de content
Een Webpagina kan je op meerdere manieren inrichten waardoor de titel en de beschrijving anders tonen
Voorbeeld zonder extra aanpassingen:
Dit is een nieuwsbericht conform ontwerp
Voorbeeld met extra class 'intro':
In de eigenschappen van deze pagina is een Extra CSS class 'intro' meegegeven. Als je dat doet, dan wordt de beschrijving normaal (bold) getoond ipv heel groot. De titel neemt de grote vormgeving van de beschrijving over.
Dit is een nieuwsbericht met een Extra Class 'intro'
Voorbeeld met vinkje 'Verberg beschrijiving':
In de eigenschappen van deze pagina is het vinkje 'Verberg beschrijving' aangezet. Als je het vinkje 'Verberg beschrijving' aanzet, dan wordt de beschrijving wel op de (bovenliggende) nieuwspagina getoond, maar niet op de contentpagina.
Dit is een nieuwsbericht met een verborgen beschrijiving
Zie ook de stijlgids voor quotes, tabellen en grafieken