Transcript Joomla
Joomla © 2009 Stefan Andersson 1 Kontaktformulär På varje seriös webbplats bör det finnas ett kontaktformulär. Använd ej maillänkar, risk för spam! 2 Kontaktformulär, begrepp En kontakt innehåller uppgifter (bl.a. mailadress) om en specifik person. Mha av en Kategori kan man gruppera kontakter i olika grupper Man börjar med att skapa en kategori, dock finns det en kategori Contacts redan, vi kommer att använda den. 3 Kontaktformulär, kategori Välj menyn Komponter | Kontakter | Kategorier 4 Kontaktformulär, kategori 5 Kontaktformulär, skapa en kontakt Välj menyn Komponenter | Kontakter | Kontakter 6 Kontaktformulär, skapa en kontakt Välj Ny 7 Kontaktformulär, skapa en kontakt 4. Välj Spara 1. Fyll i namn 2. Välj kategorin Contacts 3. Fyll i e-post adress 8 Kontaktformulär, kontakt skapad 9 Skapa en Kontaktlänk i Huvudmenyn Välj menyn Meny | Huvudmeny 10 Skapa en Kontaktlänk i Huvudmenyn Välj Ny 11 Skapa en Kontaktlänk i Huvudmenyn Välj Kontakter 12 Skapa en Kontaktlänk i Huvudmenyn Välj En kontakt 13 Skapa en Kontaktlänk i Huvudmenyn 3. Välj Spara 2. Välj Kontakt 1. Fyll i Länkens namn 14 Skapa en Kontaktlänk i Huvudmenyn 15 Länken Kontakt i Huvudmenyn Välj Kontakt 16 Länken Kontakt i Huvudmenyn 17 Prova Kontaktlänken 18 Prova Kontaktlänken 19 Infoga bildgallery Det finns en mängd färdiga bildgallerier. I kursen kommer ”Phoca Gallery” att användas, som är en komponent. Komponenten finns att hämta under lektion 4. (finns även på länken) Ett exempel, se länk. 20 Installation av ”Phoca Gallery” Hämta ”Phoca Gallery”, se lektion 4. Välj spara 21 Installation av ”Phoca Gallery” Välj menyn Tillägg | Installera/Avinstallera 22 Installation av ”Phoca Gallery” 1. Leta upp ”Phoca Gallery” 2. Ladda upp filen 23 Installation av ”Phoca Gallery” Välj ”Install” 24 ”Phoca Gallery” installerad 25 Begrepp i ”Phoca Gallery” ”Kategori” ”Kategori Visa” Visar innehållet i ett album. ”Kategorier Visa” Album Visar alla album. Teman, olika utseenden på galleriet, se länk. 26 Mappstruktur i ”Phoca Gallery” En kategori motsvarar ett album. Skapa därför en mapp med samma namn som kategorin. Alla bilder som tillhör den aktuella kategorien lägger man i denna mapp. Vid installation av ”Phoca Gallery” skapas en mapp ”phocagallery”. Skapa ny mappar(kategorier) häri. 27 Att skapa ett bildgalleri 1. 2. 3. Skapa en mapp mha ”Media Manager”. Skapa en kategori. Ladda upp bilder till aktuell kategori. OBS!!! Tänk på bildernas storlek. Max upplösning 1000*1000 4. Lägg till länk till bildgalleriet. 28 Ändra storlek på bild Problem • Ändra storlek på många bilder på ett enkelt sätt. Lösning • Image Resizer, kör installationsfilen, klicka här. • Finns även på Origolearn under lektion 4. 29 Ändra storlek på bild 1. Markera bilder 3. Markera storlek 2. Välj Resize Pictures 4. Tryck på OK 30 Vårt exempel Består av två kategorier (album) Idre innehåller två bilder ifrån Idre Lofsdalen innehåller två bilder ifrån Lofsdalen 31 ”Media manager” Välj menyn Webbplats | Media 32 ”Media Manager” Välj ”phocagallery” mappen 33 ”Media Manager”, skapa mapp 1. Fyll i mappens namn 2. Välj ”Skapa mapp” OBS! å, ä eller ö är inte tillåtna tecken. 34 ”Media Manager”, mapp skapad 35 Starta Phoca Gallery Välj menyn Komponenter | Phoca Gallery | Control Panel 36 Skapa kategori Välj ”Kategorier” 37 Skapa kategori Välj ”Ny” 38 Skapa kategori 1. Kategorins namn 2. Peka ut idre mappen, se nästa bild 39 Skapa kategori OBS! Klicka här 40 Skapa kategori Välj Spara 41 Kategorin skapad Välj Bilder Man kan också välja menyn Komponenter | Phoca Gallery | Control Panel och därefter bilder 42 Ladda upp en bild till en kategori En eller flera bilder Välj Ny Att ladda upp flera bilder beskrivs längre fram 43 Ladda upp en bild till en kategori En eller flera bilder Välj Ny Att ladda upp flera bilder beskrivs längre fram 44 Ladda upp en bild 1. Fyll i ett namn,(alias ej nödvändigt) 2. Välj en kategori 3. Välj en bild, se nästa sida 45 Ladda upp en bild Välj en mapp 46 Ladda upp en bild 1. Leta upp bilden 47 Ladda upp en bild 1. Leta upp bilden 1. Välj en bild 2. Välj Öppna 48 Ladda upp en bild Ladda upp 49 Ladda upp en bild OBS! Klicka här 50 Ladda upp en bild Välj Spara 51 Ladda upp en bild 52 Lägg till länk till bildgalleriet Välj menyn Meny | Huvudmeny 53 Lägg till länk till bildgalleriet Välj ”Ny” 54 Lägg till länk till bildgalleriet Välj ”Phoca Gallery Category List Layout” eftersom vi vill visa alla kategorier (album), i vårt fall Idre och Lofsdalen. ”Phoca Gallery Category Layout visar enbart bilder från en specifik Kategori (album) 55 Lägg till länk till bildgalleriet Välj ”Spara” Länkens namn 56 Lägg till länk till bildgalleriet 57 Visa bildgalleriet Välj Galleri 58 Visa bildgalleriet Välj albumet (kategorin) 2:an indikerar antal bilder i albumet 59 Visa bildgalleriet Klicka på en bild 60 Visa bildgalleriet Stäng fönster Bakåt Stoppa bildspel Starta bildspel Uppdatera Stäng fönster Framåt 61 Övning Skapa en kategori (album). Koppla ett par bilder till denna kategori. Skapa en länk i Huvudmenyn till Galleriet. Testa och se att Galleriet presenteras. 62 Ladda upp flera bilder Förutsättning Det är skapat en ny kategori (album) Lofsdalen. (Två bilder kopplas till denna kategori) 63 Ladda upp flera bilder Välj menyn Komponenter | Phoca Gallery | Control Panel Välj Bilder 64 Ladda upp flera bilder Välj ”Multiple Add” 65 Ladda upp flera bilder Välj kategori (album) 66 Ladda upp flera bilder 1. Välj kategori 2. Välj Bläddra 67 Ladda upp flera bilder 1. Välj en bild 2. Välj Öppna 68 Ladda upp flera bilder Välj Start upload 69 Ladda upp flera bilder Ladda upp en bild till 1. Välj kategori 2. Välj Bläddra 70 Ladda upp flera bilder 1. Välj en bild 2. Välj Öppna 71 Ladda upp flera bilder Välj Start upload 72 Ladda upp flera bilder 2. Välj Spara 1. Välj bilder 73 Ladda upp flera bilder 74 Visa bildgalleriet Välj Galleri 75 Visa bildgalleriet Välj ett album (kategori) (här väljs Lofsdalen) 76 Visa bildgalleriet Klicka på en bild 77 Visa bildgalleriet 78 Övning Skapa ytterligare en kategori (album). Koppla ett par bilder till denna kategori genom ”Multi Add” funktionen (alltså ladda upp flera bilder på en och och samma gång). Testa och se att Galleriet presenteras. 79 Navigera bland album Det finns en modul Phoca Gallery Tree Module som visar ett träd med alla album (kategorier). Fördelen är att man lätt kan byta album. Modulen finns att hämta under lektion 4. (finns även på länken) Ett exempel, se länk. 80 Hämta ”Phoca Gallery Tree Module” Hämta modulen 81 Hämta ”Phoca Gallery Tree Module” Välj spara Spara modulen på t.ex. skrivbordet 82 Installation av ”Phoca Gallery Tree Module” Välj menyn Tillägg | Installera/Avinstallera 83 Installation av ”Phoca Gallery Tree Module” 1. Leta upp ”Phoca Gallery Tree Module” 2. Ladda upp filen 84 ”Phoca Gallery Tree Module” installerad 85 Aktivera ”Phoca Gallery Tree Module” Välj menyn Tillägg | Moduler 86 Aktivera ”Phoca Gallery Tree Module” Välj menyn Tillägg | Moduler 87 Aktivera ”Phoca Gallery Tree Module” 1. Byt modulens namn 5. Välj Spara 2. Aktivera 3. Välj right 4. Markera Galleri visas enbart på den sidan. 88 ”Phoca Gallery Tree Module” aktiverad 89 Visa ett träd med alla album (kategorier) Välj Galleri 90 Visa ett träd med alla album (kategorier) Välj Album 91