Omslag van 'Handboek webcontent: meer focus, minder content'

17. Content invoeren met een cms

Webcontent voer je vrijwel altijd in via een Content Management Systeem (cms). Het invoeren kan makkelijk verkeerd gaan, waardoor de lay-out niet meer goed is en de content niet meer goed toegankelijk. Hieronder een aantal tips die je helpen om je cms goed te gebruiken.

17.1 Vormgeving van tekst in css

Een belangrijk uitgangspunt voor websites is dat de opmaak en de inhoud van teksten gescheiden is. De opmaak zit in de Cascading Style Sheets (css). Dit zijn vaak losse bestanden.

De css bevat dus de online huisstijl van jouw organisatie. Ben je over iets niet tevreden, dan is dat relatief eenvoudig in deze css aan te passen. Soms kun je dat zelf doen in het cms, anders kan de webbouwer dat doen.

17.2 De WYSIWYG-editor van het cms

Voor het invoeren van content gebruikt de webredacteur de editor van het cms. Zo'n editor werkt meestal volgens het WYSIWYG-principe: What You See Is What You Get. Dat betekent: wat je op het invoerscherm ziet is gelijk aan wat er op de site verschijnt. Ook dit principe zul je kennen van jouw tekstverwerker.

Onderstaand een voorbeeld van zo'n WYSIWYG-editor.

WYSIWYG-editor

17.3 Wat de editor niet mogelijk moet maken

Zorg voor zo weinig mogelijk opties in je editor. Opties die er niet in horen zijn:

  • onderstrepen
  • lettertype
  • lettergrootte
  • letterkleur
  • sub- en superscript
  • uitvullen
  • doorhalen (tenzij er een goede reden voor is, bijvoorbeeld bij het bespreken van wijzigingen in een document)

17.4 Wel in de editor

  • Opmaakprofielen en wel de volgende:
    • kopstijlen: kop 1 voor de titel (tenzij de titel apart wordt ingevoerd), kop 2, kop 3, eventueel kop 4
    • samenvatting (of intro of lead) (tenzij hier een apart invoerveld voor is)
    • standaard alineastijl
  • Vet en cursief
  • Opsommingen, ongeordend en geordend
  • Afbeelding
  • Eventueel voor de gevorderde CMS-gebruiker:
    • Citaat
    • Taal
    • Tabellen

Het is ook belangrijk dat het cms een zogenaamde html-modus kent. In de html-modus wordt de WYSIWYG-editor vervangen door een venster waarin je de html-code ziet en html kunt invoeren. Dat is handig als er met het kopiëren van tekst extra code is meegekomen, die niet meer verwijderd kan worden. In de html-modus kun je die code wel weghalen.

17.5 Tekst invoeren via de editor

Vaak kopiëren mensen teksten vanuit een ander programma – bijvoorbeeld Word – en plakken dit vervolgens in de editor om de tekst voor de website te gebruiken. Dit gaat echter ook vaak mis. Word en andere pakketten voegen allerlei rommelcode toe, die er voor zorgt dat de tekst er op de website niet goed uitziet. Dat kun je op verschillende manieren voorkomen:

  1. Gebruik het gummetje (icoon: ).
  2. Plak de content met Ctrl-Shift-V (Apple-gebruikers: Cmd-Shift-V).
  3. Gebruik de html-modus van de editor.

Mogelijkheid 1: Gummetje

  1. Plak de tekst gewoon in het tekstveld.
  2. Selecteer alle tekst met Ctrl-A (Apple: Cmd-A).
  3. Klik op het icoontje van het gummetje. De opmaak is nu in de meeste gevallen verdwenen.

Mogelijkheid 2: Ctrl-Shift-V (Apple: Cmd-Shift-V).

Deze mogelijkheid spreekt voor zich. De Shift-functie zorgt ervoor dat de tekst zonder opmaakcode wordt geplakt. Echter, soms gaat dit toch niet goed.

Mogelijkheid 3: Html-modus

  1. Klik in de editor op het icoontje om naar de html-modus te gaan. Dat is meestal het icoontje of het icoontje
  2. Plak alle tekst in het venster.
  3. Ga weer terug naar de gewone WYSIWYG-weergave.
  4. Maak daar de tekst verder op, bijvoorbeeld door opmaakprofielen toe te passen.

- - -
Einde e-book

top

Was dit nuttig?

Feedback

Contact

Vul dit in als je wil dat we contact met je opnemen.