Innehåll [Göm]
1. Komponenten Kontakter ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h1-1-komponentenkontakter )
1.1 . En ny kategori ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h1-1-1-1-en-ny- kategori )
1.2. Allmänna inställningar för kontakter ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h1-
2-1-2-allmaenna-instaellningar -foer-kontakter)
2. Huvudmenyn ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h2-2-huvudmenyn )
3 Inställningar för förstasidan ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h3-3-
instaellningar-foer-foerstasidan)
4 . . Toppmenyn och huvudmenyn som modul ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?
tmpl=component&print=1&layout=default#h4-4-toppmenyn-och-huvudmenyn. -som-modul)
4.1. Ny meny ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h5-4-1-ny-meny )
4.2. Kopiera menyobjekt ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h5-1-4-2-kopieramenyobjekt )
5. Vad är Förstasidan? ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h6-5-vad-aerfoerstasidan )
6. Flyttning av Brödsmulor ( http ://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h7-6-flyttning-avbroedsmulor )
7. Ändring av logo-bild ( http ://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h8-7-aendring-av-logobild )
7.1. Ladda upp en bildfil ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h8-1-7-1-ladda-uppen -
bildfil)
7.2. Ladda upp bilder ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h8-2-7-2-ladda-uppbilder )
8. Modulen Slumpmässig bild ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h9-8-modulenslumpmaessig-
bild)
9. Ändra modulordningen i en modulposition ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?
tmpl=component&print=1&layout=default#h10-9-aendra-modulordningen-i- en-modulposition)
10. Visa en modul enbart för vissa menyobjekt ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?
tmpl=component&print=1&layout=default#h11-10-visa-en-modul-enbart-foer-vissa-menyobjekt)
11. Före-installation meddelanden ( http://joomla3.maltell.se/kurs-i-3-5 /26-j3-ovning-3?tmpl=component&print=1&layout=default#h12-11-
foere-installation-meddelanden)
11.1 Two Factor Authentication System ( http://joomla3.maltell.se/kurs-i-3-5 /26-j3-ovning-3?tmpl=component&print=1&layout=default#h12-
1-11-1-two-factor-authentication-system)
När man använder ”Two Factor Authentication” så visas i inloggningsrutan för administrationsplatsen en ny ruta för Säkerhetsnyckel under
rutan för lösenordet. ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl=component&print=1&layout=default#h12-2-naer-mananvaender-
two-factor-authentication-sa -visas-i-inloggningsrutan-foer-administrationsplatsen-en-ny-ruta-foer-saekerhetsnyckel-underrutan-
foer-loesenordet)
( http://joomla3.maltell.se/kurs-i-3-5/26-j3- ovning-3?tmpl=component&print=1&layout=default#h12-3-nbsp )
11.2 Övriga meddelanden ( http://joomla3.maltell.se/kurs-i-3-5/26-j3-ovning-3?tmpl= component&print=1&layout=default#h12-4-11-2-
oevriga-meddelanden)
J3 Övning 3
Lär dig att göra följande på platsen: Lägg till kontakter, skapa menyer, visa menyer, skapa
menyobjekt, kopiera menyobjekt, kontrollera att databasen är upp -till dags dato.
Artikeln innehåller 62 skärmurklipp.
1. Komponenten Kontakter
Du ska nu använda dig av komponenten Kontakter och det kontaktformulär som finns i denna
komponent.
Om man vill ha ett mer avancerat kontaktformulär än det som finns i komponenten Kontakt så
kan man skapa ett eget kontaktformulär med hjälp av formulärtillägget Breezing Forms
( http://extensions.joomla.org/extensions/contacts-and-feedback/forms/8001 ).
1.1. En ny kategori
Klicka på administrationsplatsens toppmeny på Komponenter och
välj sedan att klicka på pilen till höger om Kontakter. Klicka sedan på
kategorier.
Efter installationen finns enbart kategorin
Uncategorized. Överst visa flera ikoner som
man kan klicka på t ex ikonerna Ny, Ändra,
Publicera, Avpublicera osv
Klicka bland de färgade ikonerna på Ny för att
skapa en ny kategori.
G
e
d e n
nya kategorin rubriken Personalen. Klicka sedan på ”Spara och Stäng”. Markera på administrationsplatsens toppmeny Komponenter och välj sedan Kontakter, Kontakter. 1.2. Allmänna inställningar för kontakter Klicka först längst upp till höger på Inställningar.
Nu visa en väldig massa inställningsmöjligheter under 8 olika flikar som visa i bilden nedan.
Du skall inte ändra på någonting här. Du skall bara notera några olika saker.
Det som visa här är grundinställningarna. När det i en av inställningarna för en enskild kontakt
allmänt står "Använd global" så betyder det att man för den enskilde användaren vill använda
dessa grundinställningar.
Notera under fliken Kontakt (som allmänna visa först) att inställning till höger om E-post är
Dölj. Det innebär att e-postadressen inte har visat men en besökare som fyller i ett kontaktformulär
kan ändå skicka ett meddelande till kontakten.
När det gäller övriga uppgifter för en kontakt så är grundinställningen att uppgiften visa (om
det finns någonting ifyllt som man vill visa).
När det gäller vanliga artiklar så finns det ett inbyggt spamskydd i Joomla som omvandlar
koderna för en e-postadress som visa. Därmed ges ett spamskydd. Detta spamskydd används
om man väljer att visa e-postadresser i komponentkontakt. Läs mer om hur
spamskyddet fungerar längre fram i kursen.
Klicka på den 6:e
fliken från vänster
dvs på Formulär.
Under rubriken
”Alternativ för
kontakter” visas nu
flertalet
inställningar.
Till höger om "Använd Captcha på kontakter" så är den förvalda inställningen "Använd
standard". När du senare i kursen har gjort det möjligt att använda "Captcha - ReCaptcha" som
standardcaptcha så visa när en användare ska fylla i kontaktformuläret och bild som föreställer
olika tecken t ex bokstäver och siffror. Dessa tecken är presenterade på ett sådant sätt att bara
en levande människa skall kunna tolka tecknen och sedan fylla i dem i en särskild ruta.
Det förekommer på olika sätt att olika formulär fylls i av robotor och inte av människor och det
vill man undvika med en Captcha. På kursplatsen blev jag t ex tvungen att lägga in en Captcha
för att slippa flertalet ifyllda formulär med konstiga länkar mm.
Om du när du senare har skaffat dig en standardcaptcha inte vill använda dig av det för
kontaktformuläret så ändrar du här från "Använd standard" till "Ingen vald".
Till höger om "Skicka kopia till avsändare" kan man ändra till Dölj. Om man inte ändrar så får
mottagaren en möjlighet att skicka en kopia till sig själv av det meddelande som skickas via
kontaktformuläret till en kontaktperson. I det meddelandet avslöjas din e-postadress. Om man
inte i allmänhet vill avslöja e-postadressen så kan man alltså ändra till Dölj men då kan inte
besökare skicka en kopia till sig själv.
Det kan vara så att man för någon enskild inte vill kontakta besökaren/avsändaren kan
skicka en kopia till sig själv. Då är det bättre att man för den enskilde användaren avviker från
"Använd global" och ändrar till Dölj men den inställningen gör man alltså för just den
användaren när man registrerar användaren som kontakt.
Klicka nu i fönstret "Alternativ för kontakter" på "Spara & Stäng"-
1.3. En ny kontaktperson
Klicka sedan på Ny för att skapa en ny kontakt. 5 flikar finns och flliken ”Ny kontakt” visa.
Skriv som namn ditt förnamn och ditt efternamn (t ex Tommy
Maltell). Till höger anger du Personalen som kategori.
Till vänster klickar du under "Länkad användare" på bilden av
en person för att sedan välja dig själv.
Till vänster anger du också en egen fungerande e-postadress.
Som befattning anger du Webbansvarig.
Klicka på "Visningsalternativ". Du ser att för alla
alternativen är inställningen "Använd global".
Eftersom du vet att globalinställningen är att e-postadressen är gammal så behöver du inte ändra
här utan att du kan låta "Använd global" vara kvar som inställning här.
Till höger om Visningsformat ändrar du till Enkel.
Vid den globala inställningen visas inte
kontaktformuläret utan bara en länk till detta. Om
man väljer att visa kontaktformuläret direkt
och en besökare slipper klicka en extra gång
för att se detta. Det kan också vara så att om en besökare inte direkt ser själva formuläret så
kanske inte besökaren förstår att man måste klicka på länken för att kontakta dig genom
att fylla i formuläret. Det går också att lägga upp ett foto för varje kontakt men det väntar vi
med.
Klicka till slampa på "Spara & Stäng".
För att kunna se och använda komponenten Kontakter så måste den läggas till på menyn. Det
kommer du att göra i nästa kapitel.
2. Huvudmenyn
När man vill skapa en ny meny (och en modul för att visa menyn) eller ändra namnet på en
existerande meny så klickar man på Meny på
administrationsplatsens toppmeny och sedan klickar man på Menyer
(eller på pilen till höger om Menyer och sedan på Ny Meny).
När man vill lägga till ett menyobjekt eller ändra på ett sådant så
markerar man Meny och sedan klickar man på den meny som man
vill gå till. Vid installationen skapas och meny: Huvudmeny.
När man vill ställa in var en meny skall visa så markerar man Tillägg på
administrationsplatsens toppmeny och klicka på Moduler. Sedan klickar man på den modul
som visar menyn och ändrar sedan man på inställningarna.
"Huvudmeny" innehåller enbart en komponent dvs Home. In English bör detta namn enligt
Svenska Datatermgruppen översättas till Förstasidan eller Ingångssidan. Ett möjligt ord om
man vill ha en kort rubrik på menyobjektet är Hem. På administrationsplatsen (I backend) kan
man se en lista över de artiklar som visa när man första gången kommer till webbplatsen eller
när man på webbplatsen (frontend) i modulen "Main menu" klickar på Home. Listan med
utvalda artiklar för Home (Förstasidan) visa om man markerar Innehåll och sedan klickar på
"Utvalda artiklar". Man kan också markera Innehåll och sedan klicka på Artiklar och därefter till
vänster långt upp ändra från Artiklar till "Utvalda artiklar".
Markera Meny på toppmenyn och klicka på huvudmenyn.
Du skall nedan göra flera ändringar när det gäller
inställningarna för förstasidan men inte nu.
Klicka på Hem.
Ändra sedan menyrubrik från Home till Förstasidan.
Klicka därefter på Spara och Stäng.
Nu ser man i listan över
menyobjekt på Main Menu att
det enda menyobjektet har
ändrat namn till Förstasidan.
Gå till webbplatsen där det nu står Förstasidan och inte Home.
Lägg till komponenter Kontakta som ett annat menyobjekt under
Förstasidan. När du skall lägga till det nya menyobjektet Kontakta
så klickar du när du är i Meny: Menyobjekt (för Main Menu) på Ny.
Flera flikar visa. Fliken Detaljer visa.
Sedan klickar du
till höger om "Typ
av menyobjekt" på
"Välj".
Därefter klickar du först på Kontakter
och sedan på "En kontakt".
Nu visa valet ”En
kontakt”. Klicka nu
därunder till höger
om ”Välj en
kontakt” på ”Välj”.
Klicka sedan på ditt eget namn.
Menyrubriken skall vara Kontakt.
Ändra inte på de andra inställningarna som föreslås.
Menyplacering skall t ex givetvis vara Main Menu och
”Överliggande objekt” skall vara det förvalda Menyrot. Status
skall vara Publicerad.
Klicka nu på fliken "Sidvisning -
Inställningar". Till höger om
"Webbläsarens sidrubrik skriver du
"Kontakt". Till höger om "Visa
sidrubrik" ändrar du från Nej till Ja.
Klicka sedan på Spara och Stäng.
Om man inte gör några ändringar så läggs alltid ett nytt menyobjekt i menyroten och längst ned
bland de menyobjekt som visa i menyroten Att ett menyobjekt visa i menyroten betyder att
det inte är ett undermenyobjekt till något annat menyobjektet
menyroten och det skall visa efter Förstasidan vilket överensstämmer med vad som blir fallet
om man inte gör några fler ändringar.
När man på administrationsplatsen på toppmenyn markerar Meny så
visa överst Menyer och sedan där under de menyer som finns. Den
enda meny som finns nu är ju Huvudmeny. Efter rubriken "Main menu"
visa en bild av ett hus. Huset anger att det menyobjekt som visas först
när någon besöker webbplatsen (och använder originalwebbadressen)
finns i menyn "Main menu".
När man
har
markerat
Meny och
sedan har klickat på "Main menu" så ser man en liten gul stjärna i kolumnen Hem på raden för
Förstasidan. Den här stjärnan talar om att det menyobjekt som visas först när någon besöker
webbplatsen (och använder originalwebbadressen) är bara Förstasidan.
Om man skapar fler menyer så kan man välja att det menyobjekt som visas allra först skall
finnas på en annan meny. Man kan också ändra i ”Main menu” så att något annat menyobjekt
visa först. Testa med att klicka i kolumnen Hem för menyobjektet Kontakt så att den gula
stjärnan flyttas till raden för Kontakt.
Kontrollera att du nu när du går till webbplatsens
huvudadress först kommer till visningen av Kontakt.
Gå tillbaka till administrationsplatsen och ändra sedan
tillbaka så att den gula stjärnan visa i raden för Förstasidan.
Den här möjligheten till ändring av vad som visas först när en besökare kommer till en
webbplats skulle kunna användas t ex vid speciella tillfällen då man för en kort period vill
poängtera något viktigt för besökare och då man inte vill lägga ned tid på att tillfälligt göra om
den ordinarie förstasidan för att sedan göra om den igen.
Man bör dock tänka på att en del besökare eller andra webbplatser kanske har gjort länkar,
favoriter eller bokmärken till en särskild del av din webbplats och som använder dessa
länkar eller favoriter när de ändå inte har meddelandet på förstasidan.
Om man vill nå alla besökare på en webbplats (oavsett var de är på platsen) med ett särskilt
meddelande så kan man istället skapa en modul som visa överallt på webbplatsen.
Kontrollera att förstasidan nu visa först igen.
Klicka sedan på menyobjektet
Kontakt.
Ditt namn visa liksom
kontaktformuläret. Klicka sedan på
kontaktformulär. Fyll i alla fält och
testa att skicka formulärets innehåll.
Välj också att skicka en kopia till dig
själv.
Du kommer nu att få 2 brev. Undersök
hur dessa ser ut.
När du har klickat på Skicka så visum
strax meddelandet i bilden nedan.
Observera att när du får brevet och
klicka på svara så skickas till
dig själv. Du måste läsa e-postadressen
i svaret och ändra till
den innan du svarar på brevet.
3. Inställningar för förstasidan
Klicka på Meny och sedan på Main Menu. Klicka därefter på Förstasidan (tidigare Hem).
Förstasidan använder en blogglayout vilket bl a innebär en visning där några utvalda artiklar
visa med en ingress. För att läsa resten av en artikel (huvudtexten bröd eller texten) klickar
besökaren på en automatiskt skapad text ”Läs mer:......” (eller på artikelrubriken om skaparen
av artikeln har valt att denna eller alla artiklar rubriker ska vara en länk /länkar).
Klicka på fliken ”Layout – inställningar” och ändra enligt följande:
Antal inledande artiklar: 1 vilket överensstämmer med den förvalda inställningen. Inledande
artiklar (Ledare) visa över hela utrymmets bredd och delas inte in i kolumner.
Antal ingresser: 2. Den förvalda inställningen är 3 ingresser dvs antalet artiklar som består av
en ingress och en efterföljande huvudtext som "allmänna visa när man klickar på Läs mer"
under artikeln. Man kan också så som nämns ovan välja att göra artikelrubrikerna till länkar så
att man också kan klicka på en rubrik för att läsa hela artikeln. Denna inställning att det också
går att klicka på artikelns rubrik är förvald och man behöver inte välja den. Eventuellt
kan man istället välja bort den.
Antal kolumner: 2. Man kan visa artiklarna i en kolumn dvs i utrymmets hela bredd eller dela in
artiklarna i 2 eller fler kolumner. Den förvalda inställningen är 3 kolumner.
Antal länkar: 1. Den förvalda inställningen är 0 länkar. De utvalda artiklarna för förstasidan som
inte visa som ingresser visa istället med sin rubrik som en länk till artikeln.
Ordna i kolumner: Vågrätt (Samma inställning som visa från början)
Kategoriordning: Ingen sortering (Om man inte ändrar här så sorteras de utvalda artiklarna i
första hand efter olika kategorier och först i andra hand efter den sorteringsordning som väljs
på nästa rad.)
Artikelsortering : Sortering utvalda artiklar Efter detta sorteringsval så visa förstasidan (de
utvalda artiklarna) i den ordning som visas om man på toppmenyn klickar på Innehåll och
sedan klickar på "Utvalda artiklar". Man kan ändra ordningen själv genom att klicka på
rubriken Sortering för att sedan fylla i ordningstal för de olika artiklarna. När man är färdig med
ordningstalen klickar man på en ikon för "Spara sortering". Längre ned i den här artikeln skall
du sortera om de utvalda artiklarna.
Sidbrytning: Auto. Du skall inte ändra på denna förvalda inställning nu. Läs längre ned vad
inställningen betyder.
Resultat sidbrytning: Visa. Du skall inte ändra på denna förvalda inställning nu. Läs längre ned
vad inställningen betyder.
Med inställningarna ovan visa alltså överst en artikel över hela utrymmets bredd och därunder
i 2 kolumner 2 artiklar med en ingress. Bland resten av artiklarna som har valts att visa på
förstasidan så presenteras artikel nr 4 enbart med hjälp av en länk. Om man har bestämt att fler
artiklar skall visa på förstasidan så visa nr 5 och uppåt inte alls på förstasidan trots att de är
utvalda om man under inställningarna Sidbrytning och "Resultat sidbrytning" ovan har valt Dölj.
Om man vid Sidbrytning har valt Auto (den förvalda inställningen) eller Visa så delas
förstasidan upp i flera sidor till alla utvalda artiklar har visat. Om man väljer Visa när det gäller
"Resultat sidbrytning" så visar också antalet sidor som förstasidan är uppdelade i. Med
inställningarna ovan så visa på en annan förstasida både artikeln som på den första
förstasidan visa med en länk och en eventuell 5:e utvald artikel. På andra förstasidan visa
dessa båda artiklar med ingresser.
Vanligtvis visa fler artiklar än 4 på förstasidan. Här är det en övning och antalet har valts för
att alla typerna av visningar skall förekomma.
Klicka på Spara (dvs inte på Spara & Stäng).
Om man
vill se 2
olika flikar
samtidigt
så kan
man
öppna 2
fönster
med
webbläsa
ren och
logga in på administrations-platsen i båda fönstren I bilden visa ett fönster med fliken Detaljer
och ett fönster med fliken ”Layoutinställningar”.
Klicka nu på fliken "Sidvisning - inställningar". Du skall göra några ändringar. De förvalda
inställningarna gör att när en besökare först kommer till webbplatsen (och alltså till förstasidan)
så visa långt upp i huvudinnehållet på platsen rubriken Förstasidan. Man kan välja att ändra
texten Förstasidan till höger om "Webbläsarens sidrubrik". Detta ändrar också titeln dvs det
som visas längst upp i webbläsaren. Man kan också välja att till höger om "Visa sidrubrik"
markera Nej för att inte visa rubriken överst i mitten på webbplatsen. Om man ändrar
webbläsarens och sedan väljer Nej så visa ändå den ändrade rubriktexten i title i
fliken/bladet längst upp på webbplatsen (Rubriktexten visa dock efter namnet på själva
platsen.Du valde ju tidigare att webbplatsens namn alltid skall visa först i titeln.)
Testa med att till höger om "Webbläsarens sidrubrik" skriva texten Välkommen! . Låt Ja vara
kvar till höger om "Visa sidrubrik".
Klicka
på
Spara. Visa webbplatsen och undersök att ändra visa i titeln längst upp på webbplatsen
och i rubriken vid visning av förstasidan. När man använder en webbläsare med flikar så visa
kanske bara början av titeln i fliken eftersom hela texten inte får plats. Om man för markören
över den del av titeln som visat så poppar hela titeln upp.
Ändra till Nej till höger om "Visa sidrubrik". Klicka på
Spara. Undersök hur webbplatsen ser ut och konstaterar
att rubriken inte visas när förstasidan visa men texten
"Välkommen!" finns kvar i titeln.
När man visar Förstasidan så vill man inte visa något i onödan som gör att texten
förskjuts nedåt. Du behåller därför Nej till höger om "Visa sidrubrik". Du tar också bort texten
Välkommen!
Spara och stäng! Kontrollera att i titeln nu återigen ordet Förstasidan visa efter platsens namn
men att Förstasidan inte visa i huvudområdet.
Även om rubriken Förstasidan inte visa så kan man se att man är på förstasidan på flera sätt.
Det syns i titeln när man för markören över fliken med titeln och i modulen i position-2 vid namn
brödsmulor. Där står det "Du är här: Förstasidan".
4. Toppmenyn och huvudmenyn som modul
Tidigare har vi satt att vid installationen skapade 3 moduler. En av dem som ursprungligen
hade namnet Main Menu har du tidigare bytt namn på till Huvudmenyn. (Main Menu är alltså
dels en meny som innehåller menyobjekt men för att dessa meny skall visa så måste de
visa i en modul som fn har namnet Huvudmenyn.)
Markera Tillägg och klicka på Moduler och sedan på Huvudmenyn. Kontrollera under fliken
Modul att rubriken skall visa och att modulpositionen är position-7 och att status är publicerad
såsom är förvalt vid installationen.
Ändra till vänster (i fliken Modul) så att
det till höger om "Visa alla
undermenyer" står Ja.
Klicka på "Avancerad" och notera att det till
höger om Modulens class-suffix står _menu.
Klicka på fliken Menykoppling och notera att Modultilldelning är "På alla sidor".
Klicka sedan på Spara & Stäng.
4.1. Ny meny
Skapa en meny till. Klicka på Meny och sedan Menyer och sedan på "Ny". Registrera följande:
Rubrik: Top Menu (Modulen ska få namnet Toppmenyn
och det är bra att rubriken för själva menyn har ett annat
namn än modulen.) Då är det lättare att skilja dessa åt.)
Menytyp:topmenu
Beskrivning: Platsens toppmeny
Klicka på Spara & Stäng
Efter det att man har skapat en ny meny genom att klicka på Spara och Stäng så visas en
tabell med de menyer som finns. Man kan också visa tabellen genom att klicka på Meny och
sedan på Menyer.
En nyhet i Joomla 2.5 som också finns kvar i Joomla 3 är
att man i kolumnen längst till höger på raden för den meny
som man nyss har skapat en länk "Lägger till en
modul för den här menytypen." Om man klickar på denna
länk så skapas alltså en modul med inställningen att visa den meny som man nyss har skapat.
Man slipper alltså att först gå till moduler och sedan välja modultyp. Klicka på länken!
(Om du inte i tabellen av någon anledning ser länken med erbjudandet "Lägger till en modul för
den här menytypen" så kan du skapa en modul själv. Du kan istället för att klicka på länken i
toppmenyn på administrationsplatsen klicka på Tillägg och klicka på Moduler När du ser listan
över moduler så klickar du på ikonen Ny. Sedan väljer du att
ändra inställningarna för "Välj meny" från huvudmenyn till Top Menu
där det står "I fliken Detaljer gör du följande ändringar:".)
Den nya modulen visa och i fliken Modul gör du följande ändringar:
Status: Publicerad (ingen ändring)
Rubrik: Toppmenyn
Visa rubrik: Dölj (Toppmenyns rubrik får ändå inte plats. )
Position: Klicka på "Skriv i eller välj position" och välj sedan under
rubriken Protostar Navigering (position-1)
Notera att det till vänster redan står:
Välj meny: Top Menu.
Du skall för toppmenyn tills vidare inte (såsom när det gäller huvudmenyn) visa alla
undermenyer så ändras du så att det till höger om "Visa alla undermenyer" står Nej.
Klicka på Spara.
Klicka på "Avancerad". Ändra där på följande:
Meny klass-suffix: nav-pills (OBS! Fr om Joomla 3.03 så måste
det finnas ett mellanslag till vänster om nav-pills.)
Modulens class-suffix: _menu
Bootstrap storlek: 1
Klicka på Spara.
Klicka på Menykoppling. Check att det till höger om
Modultilldelning står "På alla sidor".
Klicka på Spara och stäng.
Man skiljer alltså på menyn och på menymodulen. Det är fullt
möjligt att modulen Huvudmenyn visar Top Menu eller att modulen Toppmenyn visar huvudmenyn
.
Båda menyerna skall vara publicerade. När du nu ser listan med
modulerna så är de publicerade som i kolumnen Status är
markerade med en grön bok.Om man vill avpublicera en
modul så kan man bara klicka på den gröna bocken. Om en
modul är avpublicerad (såsom ”Logga in”) så visar detta med
hjälp av en röd ring med ett vitt kors i.
4.2. Kopiera menyobjekt
Markera Meny och klicka på huvudmenyn.
Klicka först på Förstasidan. Klicka sedan överst på Spara som
kopia.
Under fliken Detaljer ändrar du Menyrubriken från Förstasidan (2) till Ingångssidan. Ta på
samma rad till högre bort innehållet till höger om Alias. Då kommer ett lämpligare Alias att
skapas när du senare sparar.
Sedan ändrar du Menyplacering till Top Menu och Status till Publicerad.
Klicka sedan på Spara & Stäng.
Klicka på Meny och sedan på Main Menu. Klicka sedan på Kontakt.
Klicka sedan överst på Spara som kopia.
Under fliken Detaljer ändrar du Menyrubriken från Kontakt (2) till Kontakt. Man kan ha samma
namn på två olika menyobjekt bara Alias är annorlunda och du skall därför behålla kontakt-2
som alias.
Sedan ändrar du Menyplacering till Top Menu och Status till Publicerad. Klicka sedan på Spara
& Stäng.
Klicka på administrationsplatsen längst upp till höger på
webbplatsens namn dvs ”Övn plats Joom… eller på
förhandsgranska-ikonen till höger därom för att visa
webbplatsens förstasida. (När du ofta använder dig av metoden att visa webbplatsen genom att
klicka på detta ikon så får du till slut mängder av flikar eller fönster med webbplatsen. En
annan metod för att se webbplatsen efter en uppdatering är information att gå tillbaka till en tidigare
visning av webbplatsen och sedan klicka på ikonen för att uppdatera sidan (hämta sidan
igen) eller att trycka på tangenten F5 för att uppdatera.)
Kontrollera hur webbplatsen ser ut. Toppmenyn visa och
fungerar. När du klickar på ett av menyobjekten på
toppmenyn så blir detta menyobjekt blåmarkerat.
De inställningar som fanns före kopieringen t ex när det gäller
antalet kolumner på Förstasidan följer med vid kopiering
men om du senare ändrar i inställningarna för Förstasidan på
Main Menu så uppdateras inte automatiskt motsvarande
inställningar på Top Menu.
Klicka nu på huvudmenyobjektet Kontakt och lägg märke till
webbadressen. Den slutar med index.php/kontakt. Klicka sedan på toppmenyobjektet Kontakt
och lägg märke till webbadressen (och att menyobjektet blir blåmarkerat). Adressen slutar med
index.php/kontakt-2. För att skilja på dessa menyobjekt så måste adresserna vara olika. Joomla
accepterar inte att två olika menyobjekt har samma adress.
Klicka på toppmenyn på menyobjektet "Ingångssidan". Notera att menyobjektet blir
blåmarkerat. Titta nu på webbadressen. Den slutar med index.php/ingangssidan. Du har
tidigare fixat så att adressen ska stämma med namnet ingångssidan.
När Alias skapades för Ingångssidan (som ju är en kopia av Förstasidan) så blev alias först
home-2 (eftersom förstasidan har Alias: home). Du tog då bort home-2 utan att skriva något
annat där. Då skapades automatiskt ett nytt alias som liknade menyrubriken. Alias blev då
ingangssidan dvs Joomla tog bort versaler och ringen i å. Om en rubrik består av flera ord så
skapas bindestreck mellan orden. På så sätt skapas slutdelen av adressen för menyobjektet.
På samma sätt fungerar det med adresserna på andra ställen i Joomla t ex när det gäller
artiklar. Man kan också ofta ändra på adressen om man ändrar på rubriken/namnet till något
och om man vill att adressen skall ändras. Om man ändrar på adressen så måste man
dock tänka på att manuellt gjorda länkar och favoriter/bokmärken till den gamla adressen inte
längre fungerar.
Notera också för menyobjektet Ingångssidan överst till höger om "Typ av menyobjekt" att det
står "Utvalda artiklar". Man behöver inte kopiera menyobjektet första sidan om man vill skapa ett
nytt menyobjekt av typen "Utvalda artiklar". Man skapar bara ett nytt menyobjekt och sedan
klickar man på till höger om "Typ av menyobjekt" på Välj och sedan väljer man typen "Utvalda
artiklar". Då följer förstås dock inte de avancerade inställningarna med vad gäller layout -
inställningar och antal artiklar mm. Om man av misstag tar bort båda menyobjekten
Förstasidan och Ingångssidan så kan man alltså lätt skapa ett nytt liknande menyobjekt.
Klicka nu på Stäng.
5. Vad är Förstasidan?
Du har tidigare i kursen fått lära dig att när du är längst upp i toppmenyn på administrationsplatsen
klickar på Meny så visas ett litet hus till höger om Main Menu. Det betyder att det menyobjekt
som visas först för en besökare på din webbplats finns på huvudmenyn. Klicka på huvudmenyn för
att se att en gul stjärna visa på raden för Förstasidan under rubriken Hem.
Du skall nu tillfälligt ändra så att den sida som visas först för en besökare är Ingångssidan på
Top Menu och inte Förstasidan på Main menu. Inställningarna kan vara lite olika för hur
mycket som två sidor även om det exakta allmänna är lämpligt att det visar sig
att man nu överensstämmer med båda dessa på sin plats.
Klicka på Meny och sedan på Top Menu. Klicka på raden för Ingångssidan i kolumnen Hem på
den icke färgade stjärnan. Strax blir den gul.
Kontrollera nu att när du klickar på Meny så visa det lilla
huset till höger om Top Menu.
Kontrollera genom att på administrationsplatsen klicka
på symbolen för att förhandsgranska webbplatsen att
det är Ingångssidan som visa och att runt ordet
Ingångssidan i toppmenyn finns en blå ruta med
rundade hörn.
Det står också för sökvägen ”Du är här: Förstasidan”
och inget mer.
Ändra nu tillbaka så att den gula stjärnan visa i
Main Menu för Förstasidan. Om man nu klickar
på Ingångssidan i toppmenyn så visa sökvägen såsom i bilden ovan.
OBS! Ovannämnda flyttning är lämplig om man inte vill använda sig av huvudmenyn. Kanske
vill man inte ha någon huvudmeny som visa i högerkolumnen eller så vill man inte ha någon
kolumn alls med moduler till höger utan bara en toppmeny för att få plats med mer på bredden.
6. Flyttning av Brödsmulor
Klicka nu på webbplatsen på huvudmenyobjektet Kontakt och lägg märke till att sökvägen visa
längst ned.
Det känns inte så bra att modulen Brödsmulor visar sökvägen längst ned under artiklarna eller
under Kontaktformuläret. Därför ska du flytta modulen.
Klicka på administrationsplatsen på Tillägg
och sedan på Moduler och därefter på
Brödsmulor. Ändra sedan Position från
Position 2 till Protostar Topp mitten [position-
3]. Ändra också så att rubriken döljs. Klicka
sedan på Spara & Stäng. När man har sparat
så syns i rutan för Position bara position-3.
7. Ändring av logo-bild
Du ska nu precis som på de 5
exempelplatser som man kan välja att
lägga till vid en standardinstallation av
Joomla inte använda en logo-bild överst
utan av en bild som istället ligger (överst) i modulpositionen position-3 .
Du skall börja med
att ta bort
visningen av logobilden
och ersätta
den med
rubriktexten. Klicka på Tillägg och sedan på Mallar. Klicka sedan på protostar och sedan på
fliken Avancerad. Längst till höger på raden Logo klickar du på krysset. Se till att du här har en
lämplig och inte för lång text på raden Rubrik. Lämpligt är att använda rubriktexten: En
övningsplats. Klicka sedan på Spara & Stäng.
Låt logobilden vara kvar i varianten Protostar1.
7.1. Ladda upp en bildfil
Först skall du nu hämta bilderna jonkoping_1_b700_h180.jpg och jonkoping_2_b700_h180.jpg.
Bilderna finns på adressen http://maltell.se/joomla3filer/bilder/
( http://maltell.se/joomla3filer/bilder/ ). Gå dit och högerklicka på en av bildernas namn. Välj
sedan att spara bilden i din egen dator. Gör sedan samma sak med den andra bilden och spara
den i samma mapp. Om du använder Google Chrome så klickar du på "Spara länk som" och
därefter väljer du en lämplig mapp i din egen dator.
7.2. Ladda upp bilder
Klicka
sedan
överst på
administrationsplatsen på Innehåll
och sedan på Media. När du ser Media så ser du en filstruktur med mapna bilder som rot såsom du såg ovan. Klicka på "Skapa ny karta". Skriv sedan namnet på den nya mappen som ska vara jonkoping och klicka sedan till höger om namnet på "Skapa mapp". Kontrollera att mappen jonkoping kom på samma nivå som banners och headers dvs direkt under mappen images. Klicka på jonkoping. Du skall nu ladda upp bilderna. Klicka därför nu överst till vänster på den gröna knappen "Ladda upp". Klicka sedan på Välj filer och bläddra sedan fram till bildfilerna som du skall ladda upp. Markera först den ena bildfilen. Håll Shift-tangenten nere och klicka sedan på den andra bildfilen. Båda är nu markerade. Klicka sedan på öppna. Nu visa texten Ladda upp fil [Välj filer] 2 filer. Klicka nu på den blå knappen "Starta uppladdning" och strax har du laddat upp filen (filerna). 8. Modulen Slumpmässig bild Klicka på Tillägg och sedan på Moduler. Observera att du redan har en modul i position-3. Klicka nu överst till vänster på den gröna knappen Ny. Du skulle kunna välja modultypen Egen HTML och sedan lägga till bilden i den och placera den i position-3. Eftersom du har två bilder av samma storlek väljer du istället modultypen "Slumpvald bild". I fliken Modul väljer du: Rubrik: Slumpvald bild Visa rubrik: Dölj Position: (Protostar) Topp mitten [position-3] Till vänster väljer du: att kontrollera att rätt bildtyp är angiven dvs jpg Bildmapp: images/jonkoping Länk: (skriv ingenting ) Bredd (px) : 700 Höjd (px): 180 I fliken Menykoppling väljer du: Modultilldelning: "På alla sidor" (Om man inte vill visa modulen överallt så skulle man t ex kunna välja: Modultilldelning: "Endast på markerade sidor" och att sedan markera Förstasidan och Ingångssidan.) Klicka sedan på Spara & Stäng. Undersök hur det ser ut på webbplatsen. Klicka på uppdatera symbolen eller på F5 några gånger för att se att slumpmässigt visa och av bilderna varje gång som du uppdaterar förstasidan eller ingångssidan. 9. Ändra modulordningen i en modulposition
Slumpvald bild hamnade i mitt fall ovanför Brödsmulor och så skall ordningen vara och om du
också får den ordningen så skall du inget ändra. Om du i stället har fått ordningen att modulen
Brödsmulor har hamnat ovanför modulen Slumpvald bild så måste du flytta ner Brödsmulor
under Slumpvald bild.
(Du gör då så här. Du skall flytta upp Slumpvald bild ovanför Brödsmulor. I Joomla 3 används
ett nytt sätt jämfört med Joomla 2.5. I Joomla 2.5 anger man ett tal för varje rad och sedan
sorterar man efter dessa tal.
Klicka i tabellen i kolumnen längst till vänster upp bland rubrikerna på den blå
dubbelpil-symbolen (Sortering - Klicka för att sortera denna kolumn
för sedan musmarkören i kolumnen längst till vänster till symbolen med de tre punkterna på
raden för två dubbelpilar visa). När du ser dubbelpilarna håller du nere vänster
musknapp Sedan drar du upp innehållet på raden Slumpvald bild och släpper det ovanför
raden Brödsmulor
. . Färghinnan försvinner när man är färdig och
har släppt vänster musknapp.)
10. Visa en modul för vissa menyobjekt
Klicka på Tillägg och sedan på Moduler och
därefter på "Slumpvald bild".
Klicka sedan på Menykoppling och därefter på
pilen till höger om "På alla sidor".
Sedan ändrar du till "Endast på markerade sidor".
Då markerar du framför Förstasidan och
Ingångssidan och du tar alltså bort markeringarna
framför Kontakt både när det gäller Main Menu och
Top Meny.
Klicka sedan på Spara & Stäng.
Kontrollera i listan över moduler. Om ordningen att Slumpvald bild har ändrats så lägg
Slumpvald bild igen ovanför Brödsmulor. Kontrollera också på webbplatsen att den
slumpmässiga bilden visar ovanför modulen brödsmulor.
Kontrollera också att den slumpmässiga bilden inte visas när du klickar på Kontakt.
11. Före-installation meddelanden
Precis när du har loggat in på administrationsplatsen så visa Kontrollpanelen. Kontrollpanelen
när du också genom att du i toppmenyn på administrationsplatsen klickar på systemet och sedan
på Kontrollpanelen.
Från version 3.2.0
finns komponenten
”Post-installation
Messages” installerad för
administrationsplatsen
(Backend).
In English har översättningen av komponentens namn blivit ”Före-installationsmeddelanden”.
Du kan se innehållet i komponenten genom att klicka på den blå knappen ”Visa Meddelanden”
överst i Kontrollpanelen eller genom att i toppmenyn på administrationsplatsen klicka på
Komponenter och sedan på ”Post-installation Messages”. (Någon översättning till svenska har
här ännu inte gjorts. När detta skrivs använder jag Joomla 3.2.3 men den enda tillgängliga
svenska språkfilen är till Joomla 3.2.1. Kanske kommer namnet på komponenten att översättas
i framtida språkfiler.)
Klicka nu på den blå knappen ”Visa Meddelanden”.
11.1 Two Factor Authentication System
Det första meddelandet till vänster beskriver en möjlighet som du från Joomla 3.2.0 har att
skapa ett säkrare inloggningssystem.
Du ska inte använda dig av detta i kursen men när du skaffar dig en riktig webbplats så är det
bra att känna till att den här
möjligheten finns.
Mer information om systemet
kan du såsom det står i rutan
till vänster få hos Wikipedia
( http://en.wikipedia.org/wiki/G
oogle_Authenticator).
Om man klickar längst ner
på knappen ”Aktivera tvåfaktorsautentisering
” så
aktiverar man 2 plugins för
detta. Se dessa i bilden
nedan.
Om man klickar på plugin nr 1
i bilden ovan så
kan man göra en
del inställningar
för denna plugin.
Liknande
inställningar kan
man göra om
man klickar på
plugin nr 2.
Man kan göra olika inställningar för användare. En del av dessa inställningar tas upp senare
i kursen. En av dessa inställningar gäller just ”Två-faktor Autentisering”. När man väl har
aktiverat plugin-programmet så kan man sedan välja att aktivera eller ej för var och en
användare som finns. Nedan visar ett användarkonto som ännu inte är aktiverat när det gäller
”Två-faktor Autentisering”.
När man använder ”Two Factor Authentication” så visas i
inloggningsrutan för administrationsplatsen och ny ruta för
Säkerhetsnyckel under rutan för
lösenordet.
11.2 Övriga meddelanden
Det finns i Joomla 3.2 ytterligare en del
meddelanden. Dels finns det ett
välkomstmeddelande med länkar till
en nybörjarguide och till ett forum.
Det finns också ett meddelande med
information gällande den senaste versionen
av Joomla.