Een afbeelding aan een artikel toevoegen in SPIP 3

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/upload kunnen 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:

ikoontype afbeeldingvoorgestelde 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"

Auteur Hanjo Gepubliceerd op: Aangepast: 22/08/18

Vertalingen: عربي, English, français, Nederlands