PHOCA GALLERY (v 3.2.3)

Transkript

1 Joomla Guide PHOCA GALLERY Sida 1 av 37 PHOCA GALLERY (v 3.2.3) I denna guide får du veta mer om: Inledningen till PHOCA GALLERY: Vad är ett Phoca Gallery Phoca Gallery Kontrollpanelen Stegen i Phoca Gallery Miniatyrer Skapa en phocagallery kategori (pg kategori) Avpublicera en pg kategori Publicera en pg kategori Sorteringsordningen för pg kategori Ta bort en pg kategori Phoca Gallery Bilder Phoca Gallery: Koppla en befintlig bild på servern till en ny pg Bild Phoca Gallery: Ladda upp en ny bild och koppla till en pg kategori Guiden tar enbart upp de allra vanligaste arbetsmomenten i Joomla Och vissa arbetskommandon eller symboler kan vara utelämnade och ingår inte i guiden. Logga in på din hemsideadministration genom dina inloggningsuppgifter du fått.

2 Joomla Guide PHOCA GALLERY Sida 2 av 37 VAD ÄR ETT PHOCA GALLERY? På din hemsida har du galleri möjligheter. Detta innebär att du kan t.ex ha en sida/artikel med ganska många foton som du vill visa. Detta är ett galleri. En grupp bilder. Ett Phoca Gallery är en komponent inom din uppdateringsmodul som är anpassat för att hantera och visa gallerier. Den har en egen funktionalitet i sig med inställningar som gör att du kan visa gallerierna på olika sätt. Phoca Gallery använder standard funktionalitet, medan en webbdesigner kan ha skräddarsytt vissa delar av gallerivisningen vid uppsättning av hemsida. På hemsidan kan ett galleri se ut såhär: När du klickar på en bild så finns det oftast en inbyggd animering som öppnar upp bilden i en popup ruta med bildbeskrivning och möjlighet att klicka vidare till nästa bild genom en navigeringspanel. I uppdateringsmodulen ligger då Phoca Gallery som en komponent och du granskar dess galleri bilder genom att välja Komponenter Phocagallery Bilder:

3 Joomla Guide PHOCA GALLERY Sida 3 av 37 PHOCAGALLERY KONTROLLPANELEN 1. För att starta Phoca Gallery I menyn så för du muspekaren till Komponenter och i undermenyn klickar på Phoca Gallery (Alternativ klickar på Kontrollpanelen i menyn till höger) 2. Nu kommer du till Phoca Gallery:s Kontrollpanelen. Här utgår du oftast ifrån när du ska ändra, lägga till eller sortera dina gallerier på din hemsida.

4 Joomla Guide PHOCA GALLERY Sida 4 av Det går att nå ett menyalternativ på 3 olika sätt. Alt 1: genom klicka på Kontrollpanelens startsida på: Alt 2: genom klicka på rätt menyalternativ på Kontrollpanelens list. Alt 3: Genom att direkt välja rätt menyalternativ i administrationens huvudmeny. Komponenter Phoca Gallery Bilder

5 Joomla Guide PHOCA GALLERY Sida 5 av I denna guiden kommer de vanligaste kommandona i Phoca Gallery att guidas igenom. Övriga funktioner lämnas till användaren att undersöka om önskat. Obs! Denna guiden förutsätter att ett befintligt galleri är skapat, så du kan lägga till bilder. De vanligaste alternativen som arbetas med i Phoca Gallery är: Bilder Kategorier Flera Lägg till här läggs alla bilder upp samt beskrivningar till varje bild i ett galleri varje bild har en kategori. Kategorier skapas manuellt. Och bilder länkas till dessa kategorier. massuppladdning av flera bilder till en viss kategori

6 Joomla Guide PHOCA GALLERY Sida 6 av 37 STEGEN NÄR EN BILD SKA LÄGGAS UPP: A. Finns bilden sedan tidigare på servern klicka dig till den mappen där bilden ligger i B. Finns ingen bild sedan tidigare så skapa en ny mapp på servern eller klicka dig fram till mappen (välj mapp) där du vill ladda upp en bild C. Kontrollera så att det finns en kategori (finns ingen skapa en) och spara kategorin D. Ladda upp bilden till rätt mapp och länka till rätt kategorin detta görs i samma stg E. Se till så att bilden ligger under rätt kategorin och miniatyrer skapats F. spara

7 Joomla Guide PHOCA GALLERY Sida 7 av 37 MINIATYRER Phocagallery behöver arbeta med miniatyrer eller sk. Thumbnails. Dessa används dels inom det administrativa systemet och dess komponent Phoca Gallery, men även utåt i själva galleri visningen. Olika storlekar på samma bild behövs då man visar bilden i olika visningsalternativ, eller kanske i fullskärm eller via en telefon. När en bild kopplas till en kategori och sparas (eller flera bilder laddas upp och sparas) kan det komma en ruta där Phoca Gallery genererar miniatyrer. Systemet behöver göra detta så stäng ej ner detta.

8 Joomla Guide PHOCA GALLERY Sida 8 av 37 PHOCAGALLERY KATEGORIER Kategorier behövs för att lägga bilder i ordning. Många bilder på en hemsida kan lätt bli stökig ordning på om de inte separeras i kategorier. Detta underlättar också när man ska söka upp bilder i administrationen. Kategori kan vara t.ex Djurbilder, Produktbilder inom en viss typ osv. Det är du som användare som bäst bestämmer hur du kan sortera din mängd bilder genom att döpa kategorierna enligt tycke. Ett kategori namn kan ändras i efterhand, utan att bilder måste laddas upp igen. Ett antal bilder som associerats med en viss kategori kan flyttas helt till en annan kategori. Kategorinamnet kan döljas eller visas på hemsidan när galleriet visas. Förklaring till Phocagallery Kategorier list vyn. 1. Ny: - Lägg till en ny kategori 2. Ändra: Ändra en kategori t.ex namn och andra inställningar 3. Publicera: Aktivera kategorin så att bilder som tillhör kategorin syns 4. Avpublicera: Avpublicera en kategori ifall du vill dölja den för besökare men ej ta bort den 5,6 Auktorisering används då man begär från front end att besökaren ska ladda upp bilder. Då måste administratorn först auktorisera bilden/bilderna innan de visas på hemsidan. Detta alternativ tags ej upp i guiden. 7. Ta bort: ta bort en kategori. 8. List vyn. Här listas alla kategorier. Det går också att se mer information här som sorteringsordning, ID etc. Kryssrutan bredvid varje kategoriobjekt används då man vill använda kommandona 1-7. Då kryssar man i kategoriobjektet det gäller och klickar på någon av 1-7.

9 Joomla Guide PHOCA GALLERY Sida 9 av 37 SKAPA EN PHOCAGALLERY KATEGORI 1. Klicka i Ny 2. Nu får du upp Lägg till ny kategori

10 Joomla Guide PHOCA GALLERY Sida 10 av Fyll i Kategorinamn. 4. Fyll i om kategorin ligger som en enskild kategori eller som en underkategori till en annan kategori. Låt det stå på välj kategori om du vill lämna alternativet som det är. 5. Fyll eventuellt en kategoribeskrivning. 6. Spara & Stäng Spara: Du sparar kategorin, men står kvar i det öppnade fönstret Spara & Stäng: Du sparar kategorin och går tillbaka till kategori listvyn Stäng: Du stänger fönstret och återgår till kategori listvyn utan att spara ändringarna. Övriga kommando tags ej upp i denna guide.

11 Joomla Guide PHOCA GALLERY Sida 11 av Nu finns en ny enskild Phocagallery kategori.

12 Joomla Guide PHOCA GALLERY Sida 12 av 37 AVPUBLICERA EN PHOCAGALLERY KATEGORI Avpublicering döljer en kategori/objekt från hemsidan tills du publicerat detta igen. 1. Gå till dina Phoca Gallery Kategorier 2. Nu öppnar sig phoca gallery listvyn med alla tillgängligt skapade kategorier.

13 Joomla Guide PHOCA GALLERY Sida 13 av För att avpublicera en kategori. Klicka på Avpublicera objekt. 4. Kategorin avaktiveras och visas enligt nedan:

14 Joomla Guide PHOCA GALLERY Sida 14 av 37 PUBLICERA EN PHOCAGALLERY KATEGORI Publicering av en kategori betyder att kategorin aktiveras på hemsidan och syns för besökaren. 1. Gå till dina Phocagallery Kategorier: 2. Nu öppnar sig phoca gallery listvyn med alla tillgängligt skapade kategorier.

15 Joomla Guide PHOCA GALLERY Sida 15 av För att publicera en kategori. Klicka på Publicera objekt. 4. Kategorin aktiveras och visas enligt nedan:

16 Joomla Guide PHOCA GALLERY Sida 16 av 37 SORTERINGSORDNING FÖR PHOCAGALLERY KATEGORI Att sortera en kategori kan ha sin fördel ifall man visar kategorinamnen på sin hemsida. Så här sorteras kategorier. 1. Gå till dina Phocagallery Kategorier: 1. Nu kommer du till Phocagallery kategorin listvyn:

17 Joomla Guide PHOCA GALLERY Sida 17 av Aktivera sorteringskolumnen genom att klicka på Sortering 3. Nu aktiveras små blå pilar i sorteringskolumnen. Siffrorna bredvid är ordningen. Du kan sortera manuellt genom att byta siffror eller så klickar du på de blå pilarna upp / ned.

18 Joomla Guide PHOCA GALLERY Sida 18 av Om du vill flytta en kategori i sorteringsordningen Om kategoriobjektet inte flyttar sig klicka två eller tre ggr på de blå pilarna tills du ser att det sker en händelse att objektet byter plats. 5. Spara sorteringen när du är klar.

19 Joomla Guide PHOCA GALLERY Sida 19 av 37 OBS! När du klickar på de blå pilarna sparas sorteringen automatiskt steg för steg varje gång. Det är när du anger sorteringsordningens siffror manuellt som du behöver spara Sorteringen.

20 Joomla Guide PHOCA GALLERY Sida 20 av 37 TA BORT EN PHOCAGALLERY KATEGORI Om du behöver ta bort en kategori så kan du ta bort den enkelt. Det går inte att ta bort en kategori som har associerade bilder till sig. Då måste bilderna först väljas till en annan kategori. 1. Gå till dina Phocagallery Kategorier: 2. Nu öppnas Phocagallery Kategori listvyn.

21 Joomla Guide PHOCA GALLERY Sida 21 av Markera i kyrssrutan till vänster om kategoriobjektet, för den kategori du vill ta bort. Du kan välja att markera flera kategorier, men se till att de inte har associerade bilder till sig. 4. Klicka på Ta bort. 5. Nu får du upp en fråga om du vill ta bort de listade objekt? 6. Klicka OK. Om en kategori har bilder associerade till sig, så går det inte att ta bort kategorin. Då får du följande information. Kategori (er): kategorixx kan inte tas bort eftersom den innehåller (de innehåller) föremål. Det kan gör närvarande vara bild(er) inom kategorin som du måste ta bort först. Om kategorin lyckades att tagas bort får du en bekräftelse: Du kan inte återställa en borttagen kategori, utan måste skapa en helt ny då.

22 Joomla Guide PHOCA GALLERY Sida 22 av 37 PHOCAGALLERY BILDER Phocagallery Bilder innehåller alla galleri(ers) bilder. Det är i denna vyn du ser vilka bilder du har samt kan utföra ändringar på dessa. 1. Gå till dina Phocagallery Bilder

23 Joomla Guide PHOCA GALLERY Sida 23 av Nu kommer du till Phocagallery Bilder listvyn: Bilden förklarar de vanligaste aktiviteterna i Phocagallery Bilder listvyn. Överst har du också de vanligaste kommandona: Ny: Ny bild. Här kan du skapa en bild i ditt Phoca Gallery och koppla till en kategori Flera Lägg till: Har du ett antal bilder du vill ladda upp till en kategori väljer du detta. Ändra: Ändra egenskaperna för en Bild i galleriet Återskapa: Återskapar thumbnails /miniatyrbilder. Detta behövs ibland när antingen systemet själv säger till, eller när en bild i ett galleri inte visas, eller när en bild har bytts ut/uppdaterats i en mapp på servern men inte uppdaterats i själva Phoca Gallery. Publicera: Ange om bilden ska synas i galleriet på hemsidan eller vara avaktiverad Avpublicera: Ange om bilden ska vara avaktiverad i galleriet på hemsidan Auktorisera/Auktoriseringen: För godkännande av besökares uppladdning av bilder. Guiden går ej igenom detta avancerade alternativ. Ta bort: Ta bort en bild. En bild behöver ej frisläppas ifrån en kategori innan. Hjälp: Phoca Gallerys egna dokumentation (ibland finns tillgängliga manualer här)

24 Joomla Guide PHOCA GALLERY Sida 24 av 37 VÄLJ EN BILD (EN BEFINTLIG BILD SOM REDAN ÄR UPPLADDAD PÅ SERVERN) Detta förutsätter att en kategori har skapats samt att en bild redan finns på servern. Har du inte skapat en kategori så följ guiden för att skapa en kategori. 1. Klicka på Ny 2. Nu öppnas ett fönstervy Bild[Nytt]:

25 Joomla Guide PHOCA GALLERY Sida 25 av 37 Fyll i fälten under Bild [nytt]: 1. Avdelning Här anger du rubriken på din Bild. 2. Alias Systemet anger automatiskt ett alias om inget fylls i här. Men du kan själv ange ett alias till bilden, men tänk på att detta måste vara inom godkända tecken. Alias används för att referera till bilden inom systemet. 3. Kategori Ange kategorin som bilden ska sorteras under. I detta exempel: kategori_galleri. Om du vill skapa en ny kategori så måste du först göra det genom och följa guiden som visar hur en kategori skapas i Phoca Gallery. 4. Filnamn Här väljer du en bild som du vill koppla till denna Phoca Gallery Bild. 1. Klicka på Välj Filnamn 2. Nu öppnas ett uppladdningsfönster med dels olika mappar som redan finns på din hemsideplats, samt möjlighet att ladda upp fler filer.

26 Joomla Guide PHOCA GALLERY Sida 26 av 37 Om du vill skapa en ny mapp i detta skede så använd enligt bild ovan Mapp utrymmet. Skriv där ett nytt namn på din mapp/folder och tryck på Create Folder. Detta gör du bara om du vill ladda upp en bild. 3. Nu ska vi välja filen som vi vill ska associeras till denna Phoca Gallery Bild. OBS! Bilden har vi laddat upp på servern sedan innan. 4. Klicka med vänster musknapp på den mapp där du har din bild. I detta fallet har foton laddats upp till galleri-mappen (men detta är naturligtvis individuellt hur man väljer att ordna sina foton och dokument på sin server). 5. Välj din bild genom att klicka på den en gång med vänster musknapp. 6. Nu fylls filnamnsfältet i med det filnamn nu valde.

27 Joomla Guide PHOCA GALLERY Sida 27 av 37 Du kan alltid återkomma till denna ruta och välja en annan bildfil om du vill ändra bild. Du väljer du bara samma tillvägagång sätt men väljer en annan bild. 7. Fyll i en beskrivning om du vill ha en bildbeskrivning. 8. Klicka på Spara & Stäng

28 Joomla Guide PHOCA GALLERY Sida 28 av Titta på hemsidan (om du inte ser din tillagda bild kontrollera att du laddat upp din bild i rätt kategori och att bilden står som publicerad samt klicka på ditt galleri på hemsidan igen så dett laddas om) Om du klickar på din bild du nyss lade till så kommer en animerad popup med själva bilden. OBS! Denna visning av bilden ser olika ut beroende hur din hemsida är uppbyggd.

29 Joomla Guide PHOCA GALLERY Sida 29 av 37 LADDA UPP EN BILD I EN NY MAPP OCH KOPPLA TILL EN KATEGORI (BILD FINNS EJ SEDAN TIDIGARE) 1. Gå till Phoca Gallery Bilder 2. Klicka på Ny i Bild listvyn.

30 Joomla Guide PHOCA GALLERY Sida 30 av Fyll i din information om bilden. Avdelning (dvs rubrik obligatorisk), Kategori (obligatorisk) samt eventuellt en beskrivning. 4. Klicka på Välj Filnamn 5. Nu får du upp ett fönster med uppladdningsalternativ samt en mapp översikt över befintliga mappar på servern. Dessa har ingenting att göra med dina lokala mappar på din dator.

31 Joomla Guide PHOCA GALLERY Sida 31 av Nu ska vi skapa en mapp att ladda upp vår bild i. OBS! Om du redan har en mapp du vill ladda upp filen till, klicka på mappen så du står i den när du ska ladda upp en fil. Fyll i ditt namn på mappen under Mapp. 7. Tryck på knappen Create Folder 8. Nu ska det ha skapats en mapp som heter Mina_bilder 9. Vi måste stå i mappen när vi ska ladda upp bilden till denna. Klicka på mappen Mina_bilder.

32 Joomla Guide PHOCA GALLERY Sida 32 av Nu öppnas mappen Mina_bilder och vi har ännu ingen uppladdad bild här. Det finns ingen bild. 11. Klicka på fliken Överför och klicka på Välj fil. 12. Nu öppnas din dators lokala mappträds innehåll så du kan välja en bild ifrån din dator.

33 Joomla Guide PHOCA GALLERY Sida 33 av I detta exempel väljer vi ko.jpg Klicka på bilden och välj Öppna. Nu visas vilken fil vi valt. 14. Klicka på Starta Ladda Upp MINIATYR SKAPAS. NU LADDAS FILEN UPP OCH DU SER EVENTUELLT ETT FÖNSTER DÄR SYSTEMET GENERERAR EN MINIATYRBILD. 15. Klicka en gång på din fil med vänster musknapp som du precis laddade upp.

34 Joomla Guide PHOCA GALLERY Sida 34 av 37 Mu fylls filnamnet med ditt filnamn: 16. Spara & Stäng 17. Nu genereras miniatyr bilder igen dvs thumbnails. Miniatyrbilder används för systemet t.ex när en bild skall visas på olika sätt i ett galleri. Det finns kanske en icon bild, en mellanstor bild och kanske en bild som visas när man visar ett galleri i fullskärm. Så detta är en inbyggd funktion i PhocaGallery för bildhanteringen i ett galleri så att bilderna kan anpassas för olika visning.

35 Joomla Guide PHOCA GALLERY Sida 35 av Nu syns den nya bilden tillagd i Phoca Gallery

36 Joomla Guide PHOCA GALLERY Sida 36 av Förklaring till en bild rad: Till vänster: En miniatyrbild på själva bilden som är uppladdad. Alias har systemet själv genererat. Mappen som bilden ligger i heter Mina_bilder och filnamnet: ko.jpg Kommandon som kan utföras på Phoca Gallery Bilden. Rotera vänster, Rotera höger, återskapa miniatyr.. Om det märks ett fel i miniatyrerna/thumbnails som skapats kan man återskapa dem för varje enskild genom klicka på Återskapa miniatyr. Om bilden är publicerad är denna en grön bock. Om du vill avpublicera bilden (bara dölja den på hemsidan så klicka på denna gröna bock så blir den röd). Bilden är kopplad till kategori kategori_galleri. Bilden har en sorteringordning 6. Klicka på Sortering om du vill sortera denna bild i en annan ordning. Bilden har ett ID nummer 15. Detta nummer autogenererar systemet och detta går ej att ändra.

37 Joomla Guide PHOCA GALLERY Sida 37 av På hemsidan syns den nya bilden i galleriet: