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!

En presentation över ämnet: "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!"— Presentationens avskrift:

1 Joomla © 2009 Stefan Andersson 1

2 Kontaktformulär  På varje seriös webbplats bör det finnas ett kontaktformulär.  Använd ej maillänkar, risk för spam! 2

3 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

4 Kontaktformulär, kategori  Välj menyn Komponter | Kontakter | Kategorier 4

5 Kontaktformulär, kategori 5

6 Kontaktformulär, skapa en kontakt  Välj menyn Komponenter | Kontakter | Kontakter 6

7 Kontaktformulär, skapa en kontakt Välj Ny 7

8 Kontaktformulär, skapa en kontakt 1.Fyll i namn 2.Välj kategorin Contacts 3.Fyll i e-post adress 4.Välj Spara 8

9 Kontaktformulär, kontakt skapad 9

10 Skapa en Kontaktlänk i Huvudmenyn  Välj menyn Meny | Huvudmeny 10

11 Skapa en Kontaktlänk i Huvudmenyn Välj Ny 11

12 Skapa en Kontaktlänk i Huvudmenyn Välj Kontakter 12

13 Skapa en Kontaktlänk i Huvudmenyn Välj En kontakt 13

14 Skapa en Kontaktlänk i Huvudmenyn 1.Fyll i Länkens namn 3.Välj Spara 2.Välj Kontakt 14

15 Skapa en Kontaktlänk i Huvudmenyn 15

16 Länken Kontakt i Huvudmenyn Välj Kontakt 16

17 Länken Kontakt i Huvudmenyn 17

18 Prova Kontaktlänken 18

19 Prova Kontaktlänken 19

20 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)länken  Ett exempel, se länk.länk 20

21 Installation av ”Phoca Gallery”  Hämta ”Phoca Gallery”, se lektion 4. Välj spara 21

22 Installation av ”Phoca Gallery”  Välj menyn Tillägg | Installera/Avinstallera 22

23 Installation av ”Phoca Gallery” 1.Leta upp ”Phoca Gallery” 2.Ladda upp filen 23

24 Installation av ”Phoca Gallery” Välj ”Install” 24

25 ”Phoca Gallery” installerad 25

26 Begrepp i ”Phoca Gallery”  ”Kategori”  Album  ”Kategori Visa”  Visar innehållet i ett album.  ”Kategorier Visa”  Visar alla album.  Teman, olika utseenden på galleriet, se länk.länk 26

27 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

28 Att skapa ett bildgalleri 1. Skapa en mapp mha ”Media Manager”. 2. Skapa en kategori. 3. 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

29 Ä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.klicka här • Finns även på Origolearn under lektion 4. 29

30 Ändra storlek på bild 1.Markera bilder 2.Välj Resize Pictures 3.Markera storlek 4.Tryck på OK 30

31 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

32 ”Media manager”  Välj menyn Webbplats | Media 32

33 ”Media Manager” Välj ”phocagallery” mappen 33

34 ”Media Manager”, skapa mapp 1.Fyll i mappens namn 2.Välj ”Skapa mapp” OBS! å, ä eller ö är inte tillåtna tecken. 34

35 ”Media Manager”, mapp skapad 35

36 Starta Phoca Gallery  Välj menyn Komponenter | Phoca Gallery | Control Panel 36

37 Skapa kategori Välj ”Kategorier” 37

38 Skapa kategori Välj ”Ny” 38

39 Skapa kategori 1.Kategorins namn 2.Peka ut idre mappen, se nästa bild 39

40 Skapa kategori OBS! Klicka här 40

41 Skapa kategori Välj Spara 41

42 Kategorin skapad Välj Bilder Man kan också välja menyn Komponenter | Phoca Gallery | Control Panel och därefter bilder 42

43 Ladda upp en bild till en kategori En eller flera bilder Att ladda upp flera bilder beskrivs längre fram Välj Ny 43

44 Ladda upp en bild till en kategori En eller flera bilder Att ladda upp flera bilder beskrivs längre fram Välj Ny 44

45 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

46 Ladda upp en bild Välj en mapp 46

47 Ladda upp en bild 1.Leta upp bilden 47

48 Ladda upp en bild 1.Leta upp bilden 1.Välj en bild 2.Välj Öppna 48

49 Ladda upp en bild Ladda upp 49

50 Ladda upp en bild OBS! Klicka här 50

51 Ladda upp en bild Välj Spara 51

52 Ladda upp en bild 52

53 Lägg till länk till bildgalleriet  Välj menyn Meny | Huvudmeny 53

54 Lägg till länk till bildgalleriet Välj ”Ny” 54

55 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

56 Lägg till länk till bildgalleriet Länkens namn Välj ”Spara” 56

57 Lägg till länk till bildgalleriet 57

58 Visa bildgalleriet Välj Galleri 58

59 Visa bildgalleriet Välj albumet (kategorin) 2:an indikerar antal bilder i albumet 59

60 Visa bildgalleriet Klicka på en bild 60

61 Visa bildgalleriet Bakåt FramåtStoppa bildspelStarta bildspelStäng fönsterUppdatera Stäng fönster 61

62 Ö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

63 Ladda upp flera bilder Förutsättning  Det är skapat en ny kategori (album) Lofsdalen. (Två bilder kopplas till denna kategori) 63

64 Ladda upp flera bilder  Välj menyn Komponenter | Phoca Gallery | Control Panel Välj Bilder 64

65 Ladda upp flera bilder Välj ”Multiple Add” 65

66 Ladda upp flera bilder Välj kategori (album) 66

67 Ladda upp flera bilder 1.Välj kategori 2.Välj Bläddra 67

68 Ladda upp flera bilder 1.Välj en bild 2.Välj Öppna 68

69 Ladda upp flera bilder Välj Start upload 69

70 Ladda upp flera bilder 1.Välj kategori 2.Välj Bläddra Ladda upp en bild till 70

71 Ladda upp flera bilder 1.Välj en bild 2.Välj Öppna 71

72 Ladda upp flera bilder Välj Start upload 72

73 Ladda upp flera bilder 1.Välj bilder 2.Välj Spara 73

74 Ladda upp flera bilder 74

75 Visa bildgalleriet Välj Galleri 75

76 Visa bildgalleriet Välj ett album (kategori) (här väljs Lofsdalen) 76

77 Visa bildgalleriet Klicka på en bild 77

78 Visa bildgalleriet 78

79 Ö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

80 Navigera bland album  Det finns en modul Phoca Gallery Tree Module som visar ett träd med alla album (kategorier).Phoca Gallery Tree Module  Fördelen är att man lätt kan byta album.  Modulen finns att hämta under lektion 4. (finns även på länken)länken  Ett exempel, se länk.länk 80

81 Hämta ”Phoca Gallery Tree Module” Hämta modulen 81

82 Hämta ”Phoca Gallery Tree Module” Välj spara Spara modulen på t.ex. skrivbordet 82

83 Installation av ”Phoca Gallery Tree Module”  Välj menyn Tillägg | Installera/Avinstallera 83

84 Installation av ”Phoca Gallery Tree Module” 1.Leta upp ”Phoca Gallery Tree Module” 2.Ladda upp filen 84

85 ”Phoca Gallery Tree Module” installerad 85

86 Aktivera ”Phoca Gallery Tree Module”  Välj menyn Tillägg | Moduler 86

87 Aktivera ”Phoca Gallery Tree Module”  Välj menyn Tillägg | Moduler 87

88 Aktivera ”Phoca Gallery Tree Module” 1.Byt modulens namn 2.Aktivera 4.Markera Galleri visas enbart på den sidan. 5.Välj Spara 3.Välj right 88

89 ”Phoca Gallery Tree Module” aktiverad 89

90 Visa ett träd med alla album (kategorier) Välj Galleri 90

91 Visa ett träd med alla album (kategorier) Välj Album 91