Bovenkant van de pagina
Ga direct naar de navigatie
Ga direct naar de content

EN  NL

Extra opties voor layout en opmaak

Hoe voeg je een afbeelding toe? Hoe maak je een link aan? Hoe kun je je pagina opmaken? Hier lees je meer over de codes die je kan gebruiken.

Afbeeldingen en documenten in de tekst plaatsen.


Je kan afbeeldingen in de verschillende blokken plaatsen, maar het is ook mogelijk een afbeelding in een stuk tekst te plaatsen. Voeg de foto's die je in de tekst wil plaatsen eerst toe, het handigst is om deze allemaal onder elkaar onder je tekst te plaatsen. Op de plaats in de tekst waar je de afbeelding wil laten verschijnen, voeg je dan de volgende code toe:

[[image 01]]
Let op! De spatie tussen image en 01 is vereist.

Hier verschijnt dan de eerste foto op de pagina. Je kan meer afbeeldingen toevoegen in de tekst; verander dan het nummer in de code. Het nummer dat je moet gebruiken is afhankelijk van de volgorde waarin de afbeeldingen op de pagina staan. Wil je de derde foto op de pagina in je tekst plaatsen? Dan gebruik je dus de code [[image 03]].

Let op: De afbeelding verschijnt pas in de tekst (en verdwijnt van de originele plek) na het opslaan van de pagina. Tijdens het bewerken verdwijnt de afbeelding weer even uit de tekst, je ziet dan wel een plaatje dat aangeeft dat daar een foto in de tekst geplaatst is.

Video's en muziekbestanden toevoegen


Video's van YouTube en Vimeo

Het toevoegen van YouTube filmpjes is gemakkelijk. Door de code [[youtube nogDHP0gl9M]] in de tekst te plaatsen, zal het YouTube filmpje automatisch toegevoegd worden. Hierbij is nogDHP0gl9M het id (unieke code) van het YouTube-filmpje. Deze code is te vinden achteraan de url op YouTube. Bijvoorbeeld: http://www.youtube.com/watch?v=nogDHP0gl9M.

Dit ziet er dan als volgt uit:

Voor Vimeo geldt hetzelfde. Hier gebruik je de code die direct achter de vimeo.com url staat. Bijvoorbeeld [[vimeo 3065954]] wordt

Ook is het mogelijk om de url in zijn geheel te gebruiken, hiervoor gebruik je dezelfde methode als bij afbeeldingen.

Links


Links naar pagina's binnen de website

Je kunt verwijzingen maken naar andere pagina's binnen de website. Hiervoor heb je het unieke nummer (id) van een pagina nodig. Dit nummer kun je vinden in de URL van de pagina, daar staat bijvoorbeeld http://www.mediamatic.nl/3417/nl/handleidingen-voor-iedereen, waarbij 3417 het unieke nummer is.

Een verwijzing naar een andere pagina maak je met (( (dubbele haakjes), daarna het nummer, daarna een | (pipe), de tekst die je wil laten zien en weer afsluiten met )) (dubbele haakjes).

De code ((3417|Link naar de gebruikershandleidingen)) ziet er dan zo uit: Link naar de gebruikershandleidingen

Links naar andere websites

Je kunt in een tekst verwijzingen maken naar andere websites en e-mailadressen. Hiervoor gebruik je de knop Link bovenaan het invulveld. Daar vul je een url (de link van de website) in en een titel zoals je wil dat het er uit ziet. Klik op ok en de verwijzing wordt in het invulveld geplaatst.

Je kunt ook zelf verwijzingen maken met een code. Deze kan je ook gebruiken om bijvoorbeeld te verwijzen naar de pagina van een fotograaf in de tekst onder een foto. Plaats een [ (vierkante haak), de url, een spatie, de titel van de link, en sluit af met een ].

Je kan bijvoorbeeld de volgende code toevoegen: [http://www.anymeta.net anyMeta]. Dit ziet er in de tekst dan als volgt uit: anyMeta

Links naar een e-mailadres

Je kunt naar e-mailadressen verwijzen door het e-mailadres te plaatsen met “mailto:” ervoor, bijvoorbeeld:

mailto:leonie@mediamatic.nl
Dat geeft als resultaat:

Wil je liever een andere tekst laten zien? Dan kan je dat doen door dezelfde code te gebruiken als voor links, bijvoorbeeld:

[mailto:leonie@mediamatic.nl mail mij]
Dat ziet er dan zo uit:

Verwijzen in document / ankers

Om te verwijzen naar een specifieke plaats in een document, volg je 2 stappen.
Stap 1: Op de plaats vanwaar je verwijst, zet je de code: ((|lijsten en opsommingen#lijsten)). Dat ziet er op de pagina uit als: lijsten en opsommingen.

Stap 2: Op de regel boven de specifieke plaats waar je naar verwijst zet je een markering, een anker, met deze code: [[# lijsten]].
Let op, er moet een spatie na de #

Tekst opmaken


Bold en italic

**bold** wordt bold
//italic// wordt italic
Deze codes kan je ook combineren. **//bold italic//** wordt dan bold italic

extra witregel

De code _ ((een spatie en een underscore) geeft een extra witregel

Gekleurde tekst maken:

##red|red as word## wordt: red as word
##f06|pink as hex value## wordt: pink as hex value

Voor kleurcodes kan je terecht op Color Scheme Designer.

Grijze lijn

Wil je een grijze lijn over de pagina, om 2 onderdelen duidelijk te scheiden? Dan gebruik je de volgende code:
----
Dit geeft de volgende lijn


Lijsten


Je kunt gebruik maken van de tekens # en * om lijsten en opsommingen te maken.

# japan
# bulgarije
# israel

wordt een opsomming met automatische nummering:

  1. japan
  2. bulgarije
  3. israel

* japan
* bulgarije
* israel

wordt een lijst met bulletpoints:

  • japan
  • bulgarije
  • israel

Met spaties voor de sterretjes kun je het niveau in de lijst aangeven (de inspringing). Je kunt ook geordende lijsten maken met een # (hekje).

Citaten


U kunt citaten plaatsen met een > (pijltje naar rechts) voor elke regel. Bijvoorbeeld:

> aber irgendwer muss diesen job ja machen und deshalb kann es
> nicht ändern . ich könnte dem text höchstens ein bisschen gut
> zureden, dass er auch als platzhalter eine wichtige rolle spielt und
> durchaus gebraucht wird.

wordt:

aber irgendwer muss diesen job ja machen und deshalb kann ich es
nicht ändern . ich könnte dem text höchstens ein bisschen gut
zureden, dass er auch als platzhalter eine wichtige rolle spielt und
durchaus gebraucht wird.

Inhoudsopgave


Als je een lange pagina met veel tussenkopjes hebt is het verstandig om dit op te delen in verschillende pagina's. Als dat om een bepaalde reden niet handig is, kun je een inhoudsopgave maken om meer overzicht te creëren. Een inhoudsopgave maak je door voor het eerste tussenkopje [[toc]] te typen, bijvoorbeeld:

Inleidende tekst.

[[toc]]

+++ Eerste tussenkopje
Wat tekst over het eerste tussenkopje.

+++ Tweede paragraaf
Nog wat tekst over paragrafen.

Tabellen


|| Cell 1|| Cell 2 ||
|| Cell 3|| Cell 4 ||

wordt:  

Cell 1 Cell 2
Cell 3 Cell 4

||< left||= center||> right || 
|| The quick brown|| fox jumps over|| the lazy dog. || 

wordt: 

left center right
The quick brown fox jumps over the lazy dog.

||~  header 1||~  header 2 || 
|| data 1|| data 2 ||

wordt:  

 header 1  header 2
data 1 data 2

HTML opmaak


Je kunt ook HTML in pagina's gebruiken. Begin het stukje html met <html> op een eigen regel en eindig met </html> op een eigen regel.

Koppen maken


++++++ Voorbeeld van een grijs witte kop
+++++ Voorbeeld van een dikke kleine kop
+ Voorbeeld van de grootste kop
++ Voorbeeld van een iets kleinere kop
+++ Voorbeeld van een nog kleinere kop
++++ Voorbeeld van de kleinste kop

wordt

Voorbeeld van een grijs witte kop
Voorbeeld van een dikke kleine kop

Voorbeeld van de grootste kop

Voorbeeld van een iets kleinere kop

Voorbeeld van een nog kleinere kop

Voorbeeld van de kleinste kop

Reacties