In SPIP 3 kunnen afbeeldingen op twee manieren worden ingevoegd:
- Als illustratie: om de tekst van je artikel te verduidelijken.
- Als toegevoegd document of portfolio: bedoeld om grotere afbeeldingen op te nemen, een diaporama te maken, een filmstrip... Deze mogelijkheid is alleen beschikbaar wanneer de webmaster de optie Configuratie > Inhoud van de site > Bijlagen > Documenten activeren voor volgende inhoud: Artikelen
In SPIP 3 is de wijze van toevoegen van afbeeldingen volledig herzien door de toevoeging van de plugin medias (die standaard wordt meegeleverd en vroeger mediatheque heette). Hierdoor kunnen nu op verschillende manieren afbeeldingen (of documenten) worden toegevoegd:
- vanaf de computer: een bestand kan vanaf de harde schijf worden geupload
- vanuit de mediatheek: een document dat al op de site staat kan vanuit een centrale "multimedia" pagina worden geselecteerd
- vanaf de server: documenten die via FTP zijn getransfereerd naar de servermap
/tmp/uploadkunnen worden geselecteerd - vanaf het internet: een extern bestand, bijvoorbeeld uit Flickr, een zipbestand uit Github, een Youtube video...
Een afbeelding ter illustratie toevoegen
Ga naar je artikel
Het formulier afbeelding toevoegen (tijdens het aanpassen van een artikel)
De afbeelding is vervolgens naast het artikel te zien
Het formulier voor het toevoegen van afbeeldingen (tijdens opvraging van een artikel)
Klik op het ikoon "Een document toevoegen"
om het formulier te laden
De afbeelding wordt geladen bij de «Illustraties» onder het artikel
De afbeelding manipuleren
Met de toevoegingen |left, |right en |center kun je de plaats van de afbeelding aangeven ten opzichte van de tekst. Maar je kunt meer...
- Achter (of in plaats van) deze parameter kun je bijvoorbeeld een URL of SPIP object aangeven waar naartoe moet worden doorverwezen wanneer op de afbeelding wordt geklikt.
Met<img123|center|lien=https://www.google.com>gaat de gebruiker dus naar de website van Google als hij op afbeelding 123 klikt.
En met<img123|center|lien=article456>gaat de gebruiker naar jouw artikel 456. - Je kunt een CSS-class aan de link toevoegen met
lien_class.
Met<img123|lien=https://www.google.com|lien_class=spip_out>gaat de gebruiker dus naar de website van Google in een nieuw venster. - Je kunt ook een CSS-class aan de afbeelding toevoegen met
class.
Met<img123|center|class=mijn_class>wodt een specifieke CSS-class aan de afbeelding toegevoegd.
Een afbeelding aan de portfolio toevoegen
Let op: Deze optie moet door de webmaster zijn geactiveerd.
Voeg afbeeldingen toe als hierboven beschreven.
Wanneer de verkleinde afbeelding wordt weergegeven, krijg je een extra optie om de afbeelding in de portfolio op te nemen
Tip: Als je meerder afbeeldingen in één zipbestand opneemt, zal SPIP deze uitpakken en tijdens het uitpakken verschillende mogelijkheden voorstellen, zoals alle afbeeldingen in de portfolio plaatsen, automatisch titel toevoegen, enz.
Het onderscheid tussen een afbeelding ter illustratie en in de portfolio
Tijdens het aanpassen van een artikel
Wanneer een artikel wordt aangepast, staan alle media’s naast het artikel afgebeeld.
De verschillende ikonen maken een onderscheid mogelijk:
| ikoon | type afbeelding | voorgestelde opmaakcode |
|---|---|---|
| Briefkaart | Illustratie | <img> |
| Bijlage (Paperclip) | Portfolio | <doc>,<emb> |
Lees ook Opmaakcodes voor afbeeldingen in SPIP
Bij de opvraging van een artikel
De illustraties en de portfolio worden in hun eigen gebied weergeven
Hoe verplaats je een afbeelding van en naar de portfolio?
Op elk weergavepaneel voor afbeeldingen is een link te vinden met de tekst "In de portfolio neerzetten" of "Uit de portfolio verwijderen"
