Med integrationen till Typo3 kan ni publicera era bilder och video från Mediaflow direkt på er webbsida eller intranät. Ett fantastiskt sätt för redaktörer att alltid ha tillgång till filer som är GDPR-säkra, har rätt alt-texter och filmer som är tillgänglighetsanpassade. De som är Typo3-användare behöver inte ladda ner filer till sin dator först och behöver på så vis inte heller ha en inloggning i Mediaflow. (Men givetvis kan de ha en inloggning till Mediaflow utifrån andra behov.)
Kom igång med integrationen
Ni kan börja använda integrationen så snart den installerats i Typo3. För att filerna ska kunna väljas och användas optimalt behöver ni har förberett inställningarna för dem i Mediaflow först.
Publicera bilder och video i Typo3
När du har installerat pluginet når du Mediaflow-biblioteket i editorläget i Typo3. Alla filer du infogar sparas i katalogen mediaflow under meny-alternativet Visa filer [File list].
Du infogar filer på två sätt - antingen via Mediaflow i administrationsmenyn eller när du infogar innehåll på en innehållssida.
Infoga filer direkt till Typo3s mediabibliotek
Ett enkelt sätt att lägga till bilder i TYPO3:s mediabibliotek är att infoga dem via menyalternativet Mediaflow.
Klicka på Mediaflow i administrationsmenyn till vänster.
Klicka sedan på Öppna filväljare [Open File Selector] för att öppna Mediaflows mediaväljare som visar de mappar ni har valt att dela ut till Typo3-integrationen.
Välj en bild som du vill lägga till i TYPO3:s mediabibliotek.
Klicka på Använd denna bild [Use this file].
Skriv en alt-text [Alt text] för bilden eller använd Mediaflows AI-tjänst som skriver alt-texten utifrån bildens motiv samt fyll i en Beskrivning [Description] för bilden om det inte finns. Om alt-text och beskrivning finns tillagda i Mediaflow följer de med automatiskt och visas i Filväljaren under den här processen.
Klicka på Använd denna bild [Use this image].
Du får följande meddelande och bilden har lagts till i mediabiblioteket i Typo3.
För att se bilden i biblioteket klickar du på Visa filer [Filelist] och sedan på mappen som heter mediaflow.
Typo3 och nedladdningsformat
Då Typo3 har stöd för egna format för varje bild som infogas i innehåll går det inte att använda nedladdningsformaten som Mediaflow har inbyggt. I stället förs originalbilden över och det går att justera bildens höjd och bredd för olika enheters storlek.
En bild som finns tillgänglig i Typo3s mediabibliotek kan infogas på flera ställen utan att påverkas sinsemellan.
Infoga bilder på en sida
När du har skapat en sida i Typo3 har du olika regioner som du kan lägga till innehåll i.
Välj en av regionerna och klicka på Skapa nytt innehåll [Create new content].
Välj att söka efter någon av de olika komponenterna [elements] eller välj från listan.
Under fliken Bilder [Images] kan du antingen välja att lägga till en bild som du tidigare har laddat ner från Mediaflow och lagt i mediakatalogen. För att göra det klickar du på Lägg till bild [Add image]. Då visas filmapparna som finns tillgängliga i Typo3, och filer från Mediaflow finns tillgängliga i mappen med namnet mediaflow.
Det går också att välja en helt ny bild från Mediaflow, som när du valt att infoga den i Typo3 sparas i mappen "mediaflow" i Typo3:s mediakatalog. För att göra det klickar du på Från Mediaflow [From Mediaflow].
OBS!
Om du väljer att infoga en helt ny bild från Mediaflow måste du spara sidan först, genom att klicka på Spara [Save] högst upp på webbsidan.
När sidan har sparats går det att öppna Mediaflow och vår filväljare [File selector] visas.
Hitta bilden du vill infoga genom att antingen hitta den bland mapparna ni gjort tillgängliga för Typo3-integrationen, eller använd sökfältet.
När den aktuella filen har hittats, klicka på filen och sedan på Använd denna fil [Use this file] för att komma till nästa steg.
Fyll i en Alt-text [Alt text], eller be Mediaflows AI att göra det åt dig och skriv en Beskrivning [description]. Om sådan information finns ifylld i Mediaflow visas den automatiskt i de olika rutorna. Du kommer att ha möjlighet att ändra informationen vid behov.
Klicka på Använd den här filen [Use this file] för att infoga bilden i Typo3.
Bilden laddas nu ner, sparas i Typo3s mediabibliotek och läggs till som en komponent i regionen du valt.
Om du vill ändra utsnitt [cropping area] för bilderna beroende på vilken enhet man besöker webbsidan med, går det att göra genom att klicka på Öppna redigerare [Open editor] under Bildhantering [Image manipulation].
Det utsnitt du väljer för de olika bildmallarna (som kan ha olika namn beroende på hur Typo3 är konfigurerat) visas beroende på vilken enhet en besökare använder, till exempel en mobiltelefon, surfplatta, laptop och så vidare.
Om du vill att man ska kunna klicka på och få upp en större version av bilden, ofta så kallad lightbox-funktionalitet, kan du aktivera det för bilden under Beteende [Behavior] och valet Förstora vid klick [Enlarge on click].
Det finns fler inställningar för hur bilder hanteras och kategoriseras under de olika flikarna, men det är upp till administratörer hur noggranna ni vill vara med den här typen av information.
Infoga video på en sida
När du har skapat en sida i Typo3 har du olika regioner som du kan lägga till innehåll i.
Välj en av regionerna och klicka på Skapa nytt innehåll [Create new content].
Välj att söka efter Mediaflow Video eller klicka på Special elements i listan.
Klicka på fliken Mediaflow för att få möjlighet att leta upp videon du vill infoga på sidan.
Klicka på Välj Mediaflow Video [Select Mediaflow video]. Detta öppnar Mediaflows filväljare.
Hitta videon du vill infoga genom att antingen hitta den bland mapparna ni gjort tillgängliga för Typo3-integrationen, eller använd sökfältet.
När filen har hittats, klicka på knappen märkt Använd denna fil [Use this file] för att komma till nästa steg.
I det här steget går det att välja om videon ska bäddas in med JavaScript eller via en iframe. Vi rekommenderar JavaScript. Det går också att välja tema (om det ingår i ert abonnemang), samt om videon ska starta vid en specifik tidpunkt och om videon ska autostarta så fort sidan har laddats.
Infoga videon genom att klicka på knappen Använd denna fil [Use this file].
I Typo3 kan man nu se koden som videon använder för att bli inbäddad samt viss metadata. Beroende på hur administratörer har konfigurerat er Typo3-installation kan det finnas fler eller färre fält som är synliga för din användare i systemet.
Avsluta med att klicka på Spara [Save] högre upp på sidan. Nu är videon infogad på sidan i Typo3.