Content Beheer Voor De Avans Open Website

Post on 10-Jun-2015

682 views 0 download

description

redacteurentutorial voor het mephisto systeem

Transcript of Content Beheer Voor De Avans Open Website

Content beheer voor de AvansOpen website

RollenBinnen de huidige structuur zijn verschillende rollen te herkennen, die verschillende vaardigheden met zich meenemen. Deze tutorial is vooral voor content managers en redacteuren bedoeld.

Mephisto CommunityHet systeem achter AvansOpen is gebaseerd op het in Ruby on Rails geschreven Open Source CMS Mephisto.

Site van Mephistohttp://www.mephistoblog.com/

Alles over Mephisto; tutorialshttp://mephisto.artweb-design.de/Step+by+Step+Tutorial.html

Communityhttp://groups.google.com/group/MephistoBlog Wiki documentatiehttp://wiki.github.com/oliverbarnes/mephisto-docs

Broncodehttp://github.com/technoweenie/mephisto/tree/master

Schrijven van een artikel

Het aanmaken van een nieuw artikel is heel eenvoudig. Je hoeft alleen maar de titel en de tekst te schrijven en die op te slaan. Maar wat alsje gebruik wilt maken van alle mogelijkheden in het CMS, zoals versiebeheer, of misschien wil je een intro voor op de voorpagina schrijven? Laten we eerst een gewoon artikel maken:

Maak een Artikel

Login op http://www.avansopen.nl/admin

Klik “Create an Article” aan

Maak titel

Schrijf stukje

Sla op

Maak een Artikel

Maak een Link

Vanzelfsprekend moet het ook mogeijk zijn om links in je artikel te plaatsen. Als je gewend bent om dat in html te doen is dat makkelijk. Je kan gewoon de HTML code in het artikel zetten:

<a href ="http://www.avansopen.nl">AvansOpen</a>Voor redacteuren is er een eenvoudigere oplossing, die in dit CMS geimplementeerd is. Textile. Binnen Textile is het ook toegestaan om HTML Markup te gebruiken, dus je hebt ‘the best of two worlds’. Hiervoor moet je eerst textile activeren. Als je dat gedaan heb kan je links op een nieuwe manier gebruiken.

Maak een Link

"AvansOpen":http://www.avansopen.nl

Ga rechtsonder bij het blokje “optional settings” naar “format with” en selecteer “Textile”. Nu kan je links op een makkelijkere manier invoegen.

ParagraafType het volgende in je artikel:

Je krijgt dan:

Maak een Paragraaf

Sla op (zonder een herziening op te slaan)

Klik ‘Upload Asset’

Voeg een plaatje in

Upload een plaatje , ga eerst naar ‘assets’.

Klik ‘Upload Asset’

Voeg een plaatje in

Selecteer een plaatje, het is ook mogelijk om meerdere tegelijk te selecteren:

Voeg een plaatje in

Klik op het potloodje om het plaatje te bewerken

Voeg een plaatje in

Bewerk titel, bestand en tags

Ga terug naar het artikel. Rechts van je zie jethumbnails van de zojuist geplaatste bestanden.

Voeg een plaatje in

Versleep de thumbnail van het plaatje dat je wilt gebruiken naar je artikel

Je ziet dan het adres van het plaatje in je tekst staan.

Html<img src="http://www.avansopen.nl/assets/2009/6/4/IMG_0147.JPG"></img>

Textile!>http://www.avansopen.nl/assets/2009/6/4/IMG_0147.JPG!

Voeg een plaatje in

Et Voila!

http://www.avansopen.nl/assets/2009/6/4/IMG_0147_thumb.JPG

http://www.avansopen.nl/assets/2009/6/4/IMG_0147_tiny.JPG

Automatisch aangemaakt:

Schrijf een Lead

Klik “Add an excerpt” aan

Er verschijnt dan een veld, waarin je afzonderlijke content kunt plaatsen. Deze wordt geplaatst op overzichtspagina’s van een sectie van de site.

Maak een Samenvatting

Alleen de lead verschijnt op de overzichtspagina. Als je geen lead schrijft, verschijnt het hele artikel hier. Als je ‘save as draft’ aan hebt staan (en dus nog niet gepubliceerd hebt), kan je de lead niet bekijken.

Textile: een overzichtPas een blok aan:Header: hn.Blockquote: bq.Footnote: fnn.Numeric list: #Bulleted list:

Pas de tekst aan:_cursief_vet??citaat??-doorgestreepte tekst-+ingevoegde tekst+^superscript^~subscript~%span%

Styling kenmerken (CSS):(class)(#id){style}[language]

Uitlijning van een blok< rechts> links= centreer<> justify

To insert a table:|een|tabel|rij||een|tabel|rij|

Voeg een link toe"linktekst":url

Definieer een afkortingABC(Always Be Closing)

Verwijs naar een voetnoot[n]

Voeg een plaatje toe:!urlplaatje!