Om du vill ha ett pro­fes­sio­nellt webb­pro­jekt som erbjuder maximal flex­i­bi­li­tet och kan skalas upp när som helst, bör du välja ett in­ne­hålls­han­te­rings­sy­stem som Joomla. I den här artikeln förklarar vi kraven för att använda denna öppen käll­kodsap­pli­ka­tion och hur man skapar en Joomla-webbplats.

Vad är Joomla?

Joomla är ett in­ne­hålls­han­te­rings­sy­stem som släpptes 2005 och är känt för sin an­vän­dar­vän­lig­het. Med en kort in­lär­nings­pe­ri­od och grund­läg­gan­de kunskaper kan du använda pro­gram­va­ran. När du väl är bekant med den kan du börja skapa en Joomla-webbplats. CMS är li­cen­si­e­rat under GNU-GPL och är skrivet i skript­språ­ket PHP.

För da­ta­lag­ring använder Joomla som standard det re­la­tions­da­ta­bashan­te­rings­sy­ste­met MySQL. Eftersom den här öppen käll­kodsap­pli­ka­tio­nen i flera år har varit en av de mest populära öppen käll­kods­lös­ning­ar­na för webb­plats­han­te­ring finns det redan tusentals tillägg för både frontend och backend, som till största delen har ut­veck­lats av den mycket aktiva an­vän­dar­grup­pen.

Hur man kon­fi­gu­re­rar och in­stal­le­rar Joomla

Innan du skapar en webbplats med Joomla måste du se till att du har rätt för­ut­sätt­ning­ar. Börja med att välja en lämplig webb­ho­tell­mil­jö för att lagra både Joomla och, senare, din webbplats data. Bestäm om du vill hosta CMS och din webbplats på din egen server eller hos en webb­ho­tell­le­ve­ran­tör. Välj sedan din webbplats adress och re­gi­stre­ra din önskade domän.

Med verktyg som Domain Check från IONOS kan du kon­trol­le­ra om den önskade adressen fort­fa­ran­de är till­gäng­lig.

Steg 1: In­stal­le­ra och kon­fi­gu­re­ra webb­ser­ver och databas

När du har ordnat webb­ho­tel­let och slutfört do­män­re­gi­stre­ring­en kan du fokusera på att in­stal­le­ra de pro­gram­va­ru­kom­po­nen­ter som krävs för att driva in­ne­hålls­han­te­rings­sy­ste­met:

Å ena sidan behöver du en webb­ser­ver som stöder PHP (som också måste in­stal­le­ras på servern) och som kan nås via FTP. Det re­kom­men­de­ras att in­stal­le­ra en Apache-webb­ser­ver.

Å andra sidan behöver du ett da­ta­bashan­te­rings­sy­stem där Joomla lagrar data från din skapade webbplats. MySQL är en utmärkt lösning för detta, så det är bäst att ladda ner in­stal­la­tions­fi­ler­na för Oracle-ap­pli­ka­tio­nen från MySQL:s webbplats. Det finns en skillnad mellan den betalda kom­mer­si­el­la versionen “MySQL En­ter­pri­se Edition” och den kost­nads­fria open source-versionen “MySQL Community Edition”.

Tips

Om du använder en Linux-dis­tri­bu­tion som ope­ra­tiv­sy­stem på din server kan du van­ligt­vis in­stal­le­ra Apache Web Server och MySQL direkt via pa­ket­han­te­ra­ren.

Steg 2: Ladda ner och in­stal­le­ra den senaste versionen av Joomla

Om webb­ser­vern och databasen är igång, besök Joomlas webbplats och ladda ner in­stal­la­tions­fi­ler­na för den senaste versionen av in­ne­hålls­han­te­rings­sy­ste­met.

Bild: Joomla download page
Scroll down a bit on the download page, you will also find a download section for Joomla language packages among other things; Source: https://downloads.joomla.org/sv/

Den ned­lad­da­de filen är en arkivfil som du antingen kan extrahera lokalt innan du överför den till webb­ser­vern med hjälp av en FTP-klient som FileZilla, eller al­ter­na­tivt efter FTP-upp­ladd­ning­en. Det är viktigt att de med­föl­jan­de Joomla-pro­gram­fi­ler­na, efter uppack­ning, placeras i den of­fent­li­ga rot­ka­ta­lo­gen, som van­ligt­vis kallas public_html eller htdocs.

För att starta in­stal­la­tio­nen av Joomla, öppna web­bin­stal­la­tions­pro­gram­met via din webb­lä­sa­re genom att ange din domän eller den lokala lag­rings­plat­sen (http://localhost/path-to-joomla-folder) för Joomla. In­led­nings­vis kommer Joomla att be dig att göra några grund­läg­gan­de in­ställ­ning­ar – med början med val av språk. CMS-systemet bör dock redan au­to­ma­tiskt välja rätt språkver­sion – baserat på det språk som valts för webb­lä­sa­ren. Dessutom måste följande fält fyllas i:

  • Webb­plat­sens namn: Här anger du vad du vill att din Joomla-webbplats ska heta, men du kan ändra namnet när som helst senare i den globala kon­fi­gu­ra­tio­nen.
  • An­vän­dar­namn: Som standard använder CMS namnet “admin” för su­pe­ran­vän­da­ren, vilket du bör ändra nu.
  • Lösenord: Ange ett säkert lösenord för ad­mi­nist­ra­tör­såt­komst och tänk på att detta an­vän­dar­kon­to har maximal åtkomst till både frontend och backend.
  • E-post: Joomla kräver en giltig e-post­a­dress kopplad till ad­mi­nist­ra­tör­s­kon­tot. Detta behövs till exempel om du vill ändra lö­senor­det.

När du har fyllt i kon­fi­gu­ra­tions­si­dan är nästa steg da­ta­bas­kon­fi­gu­ra­tions­me­nyn. Ange den begärda in­for­ma­tio­nen för da­ta­bas­typ, ser­ver­namn och in­logg­ning där och klicka på in­stal­la­tions­knap­pen en gång till för att avsluta.

Hur man skapar en Joomla-webbplats för nybörjare

Som ett klassiskt CMS erbjuder Joomla två nivåer för re­di­ge­ring av webb­plat­s­in­ne­håll: frontend, där du kan göra ändringar direkt på de synliga sidorna, och backend, där du kon­fi­gu­re­rar kärn­funk­tio­ner­na, designen och den över­gri­pan­de han­te­ring­en av din webbplats. När du börjar skapa en Joomla-webbplats börjar du na­tur­ligt­vis i backend. Denna ny­bör­jar­vän­li­ga hand­led­ning guidar dig genom de första ad­mi­nist­ra­ti­va stegen och visar hur du kon­fi­gu­re­rar en enkel Joomla-webbplats och lägger till ditt första innehåll.

Steg 1: Logga in på Joomlas backend

Du kan arbeta i backend (och även i frontend) direkt via din fa­vo­ri­twebb­lä­sa­re. Efter att du har länkat din valda domän till Joomla anger du bara adressen http://www.name-of-your-website.com/administrator i webb­lä­sa­rens adress­fält för att öppna in­logg­nings­si­dan för backend. Ersätt plats­hål­la­ren name-of-your-website.com med ditt faktiska domännamn. På in­logg­nings­skär­men anger du de ad­mi­nist­ra­törs­upp­gif­ter du skapade under in­stal­la­tio­nen och klickar sedan på in­logg­nings­knap­pen för att komma åt backend.

Bild: Joomla: Backend Login Window
If you forgot the admin password, you can reset it anytime via the login page.

Steg 2: Ändra globala Joomla-in­ställ­ning­ar i kon­fi­gu­ra­tions­me­nyn

Efter in­logg­ning­en kommer du till Joomlas kon­troll­pa­nel, som ger en översikt över viktiga data för din webbplats och ak­ti­vi­te­ter inom in­ne­hålls­han­te­rings­sy­ste­met. Här kan du se vilka versioner av ope­ra­tiv­sy­ste­met, PHP och databasen du använder eller hur många besökare som för när­va­ran­de finns på din webbplats. Dessutom kan du se vilka an­vän­dar­kon­ton som är inloggade i backend eller frontend och vilka ändringar som nyligen gjorts i webb­pro­jek­tet. Från kon­troll­pa­ne­len kan du också komma åt CMS-al­ter­na­tiv­me­nyn, där du kan justera de grund­läg­gan­de in­ställ­ning­ar­na för din Joomla-webbplats. Du kan öppna den via knappen “Global kon­fi­gu­ra­tion”:

Bild: ‘Global Configuration’ button in the Joomla backend
Since you make the key settings during in­stal­la­tion, you don’t ne­ces­sa­rily need to change the con­fi­gu­ra­tion to create a website with Joomla.

Under fliken “Webbplats” hittar du in­ställ­ning­ar som du redan känner till från in­stal­la­tio­nen, såsom webb­plat­sens namn, globala metadata eller om­kopp­la­ren för offline-läget för ditt webb­pro­jekt. Du kan också ange vilken re­di­ge­ra­re du vill använda för att arbeta i Joomla: Som standard är WYSIWYG-re­di­ge­ra­ren TinyMCE vald – al­ter­na­tivt finns den enkla kodre­di­ge­ra­ren Co­de­Mir­ror till­gäng­lig. Med rätt tillägg kan dock även populära re­di­ge­ra­re som ARK Editor eller JCE in­te­gre­ras.

Bild: ‘Site’ tab in the Joomla configuration menu
In the ‘Site’ menu, you can not only switch the Joomla editor but also activate a Captcha for your pages, among other things (requires a cor­re­spon­ding plugin).

In­ställ­ning­ar för in­dex­e­ring och sök­mo­to­rop­ti­me­ring är också möjliga: I fältet “Robots” kan du ange om sök­mo­to­rer­nas crawlers ska indexera HTML-sidor (index) eller inte indexera dem (noindex), och om de ska följa (follow) eller inte följa (nofollow) länkarna. De andra flikarna i kon­fi­gu­ra­tions­me­nyn möjliggör följande in­ställ­ning­ar:

  • System: Under “System” kan du göra in­ställ­ning­ar för caching, fel­sök­ning och ses­sions­han­te­ring.
  • Server: I denna meny hittar du alla viktiga al­ter­na­tiv för hantering av webb­ser­vern, och du kan aktivera eller in­ak­ti­ve­ra till exempel FTP, HTTPS eller en prox­y­ser­ver.
  • Loggning: I menyn “Loggning” kan du justera logg­ka­ta­lo­gen och göra några yt­ter­li­ga­re in­ställ­ning­ar för Joomla-loggarna.
  • Text­fil­ter: Genom in­ställ­ning­ar­na för text­fil­ter kan du bestämma vilka typer av HTML-element varje an­vän­dar­grupp får använda när de använder re­di­ge­ra­ren.
  • Be­hö­rig­he­ter: I menyn “Be­hö­rig­he­ter” kan du in­di­vi­du­ellt definiera rät­tig­he­ter­na för olika an­vän­dar­kon­ton. Åtgärder som kan de­fi­nie­ras in­klu­de­rar ad­mi­nist­ra­tör­såt­komst, in­logg­ning på webb­plat­sen, skapande, radering och re­di­ge­ring.

Steg 3: Hantera an­vän­dar­grup­per och lägg till an­vän­dar­kon­ton

Efter in­stal­la­tio­nen är ad­mi­nist­ra­tör­s­kon­tot fort­fa­ran­de det enda an­vän­dar­kon­tot. Beroende på webb­pro­jek­tets typ och om­fatt­ning finns det dock även andra användare som är in­vol­ve­ra­de i han­te­ring­en av webb­plat­sen eller i skapandet av innehåll. Joomla till­han­da­hål­ler därför ett för­de­fi­ni­e­rat, hi­e­rar­kiskt an­vän­darsche­ma som du kan anpassa efter behov. För att göra detta klickar du först på “Användare” i menyn till vänster och sedan på “Grupper”:

Bild: Predefined user groups in Joomla
By assigning a user group to another group in Joomla, per­mis­sions can easily be inherited.

Om du vill göra ändringar i an­vän­dar­grupp­sche­mat klickar du bara på önskad grupp. Al­ter­na­tivt kan du ta bort grupper helt genom att klicka på “Ta bort”. För att definiera åt­komst­be­hö­rig­he­ter­na för olika an­vän­dar­pro­fi­ler växlar du till fliken “Be­hö­rig­he­ter” som nämndes i fö­re­gå­en­de avsnitt under menyn “Global kon­fi­gu­ra­tion”. Där klickar du på den grupp eller un­der­grupp du vill redigera och väljer en av följande tre in­ställ­ning­ar för varje åt­komståt­gärd:

  • Ärvd: Be­hö­rig­he­ten hämtas från kon­fi­gu­ra­tio­nen för den över­ord­na­de gruppen
  • Tillåtet: An­vän­dar­grup­pen kan utföra åtgärden oberoende av den över­ord­na­de gruppens in­ställ­ning­ar
  • Nekad: An­vän­dar­grup­pen kan inte utföra åtgärden oavsett den över­ord­na­de gruppens in­ställ­ning­ar
Bild: Joomla: Permission settings for user groups
User groups are espe­ci­al­ly important when creating a Joomla website managed and edited by multiple people.

Om grupperna och till­de­la­de åt­komsträt­tig­he­ter uppfyller dina för­vänt­ning­ar kan du skapa nya an­vän­dar­kon­ton och tilldela dem till önskade grupper. För att göra detta, expandera menyn “Användare” och klicka på knappen “Ny användare” (plus­tec­ken). Där måste du ange den nya an­vän­da­rens namn, an­vän­dar­namn och en giltig e-post­a­dress, och i fliken “Till­de­la­de grupper” ange vilken eller vilka grupper det nya an­vän­dar­kon­tot ska tillhöra. Tryck slutligen på “Spara och stäng” för att skapa kontot. Det ska nu visas till­sam­mans med ad­mi­nist­ra­tör­s­kon­tot (su­pe­ran­vän­da­re) i an­vän­dar­lis­tan.

Bild: User management in Joomla
Joomla au­to­ma­ti­cal­ly generates a user ID for each new user, which you can view in the user ma­na­ge­ment, along with the re­gi­stra­tion date or the time of the last login.
Notis

Så snart du har skapat en ny användare kommer denne au­to­ma­tiskt att få ett be­kräf­tel­se­mejl till den re­gi­stre­ra­de adressen. I detta mejl till­han­da­hål­ler Joomla både åt­komst­län­ken och an­vän­dar­nam­net, till­sam­mans med ett au­to­ma­tiskt genererat lösenord eller det lösenord du angav när du skapade kontot. Detta kan och bör na­tur­ligt­vis ändras efter in­logg­ning­en.

Steg 4: Integrera önskad mall för din Joomla-webbplats

När du skapar webb­plat­ser med ett CMS som Joomla har du den stora fördelen att du har tillgång till olika de­sign­mal­lar (ofta kallade teman eller mallar). I grund­ver­sio­nen till­han­da­hål­ler Joomla de re­spon­si­va mallarna Cas­si­o­peia för frontend och Atum för backend. Om du dock har en annan Joomla-mall i åtanke som grund för ditt webb­pro­jekt kan du när som helst integrera den via backend. För att göra detta måste du först ladda ner mallen och sedan im­ple­men­te­ra den genom att klicka på “System” och sedan “Ex­ten­sions” i menyn till vänster. Dra och släpp den ned­lad­da­de mallfilen till det avsedda området, så startar Joomla au­to­ma­tiskt in­stal­la­tio­nen.

Bild: Installation of extensions in Joomla
Make sure during the in­stal­la­tion of templates or other ex­ten­sions that they are com­pa­tib­le with the Joomla version in use

Efter in­stal­la­tio­nen hittar du in­te­gre­ra­de mallar under “System” -> “Mallar”.

Steg 5: Skapa en Joomla-sida och ställ in den som startsida

Sidor i ett webb­pro­jekt kallas för inlägg i Joomla. Om du valde rätt al­ter­na­tiv under in­stal­la­tio­nen finns redan ett plats­hål­la­rin­lägg med namnet ”Kom igång”, och du kan se dess innehåll när du öppnar din webbplats. För att slutligen skapa den första sidan på din Joomla-webbplats klickar du på ”Ny artikel” (under ”Artiklar”) i in­stru­ment­pa­ne­len. Välj en titel för sidan och använd sedan re­di­ge­ra­ren för att lägga till önskat innehåll. Med knappen “Format” kan du utföra vanliga for­ma­te­ring­ar som rubriker, fetstil, kursiv stil eller stycken. Klicka slutligen på “Spara och stäng” för att generera sidan.

Bild: Editing post content in Joomla
As soon as you create or access a post for editing in Joomla, the editor specified in the con­fi­gu­ra­tions au­to­ma­ti­cal­ly opens.

Den skapade Joomla-sidan kan nu redigeras eller raderas när som helst under “Artiklar”. För att göra den till start­si­dan för ditt webb­pro­jekt måste du dock växla till menyn “Menyer”. Klicka först på “Huvudmeny” och sedan på “Hem”. Om du väljer “Enkel artikel” som me­ny­punkts­typ kan du sedan göra den tidigare skapade sidan till start­si­dan under “Välj artikel”:

Bild: Joomla menu item ‘Home Menu’
If a post is already selected, the button ‘Clear’ appears instead of ‘Select’

Steg 6: Infoga länkar i Joomla-inlägg

Länkar är en viktig del av fram­gångs­ri­ka webb­plat­ser eftersom interna och externa länkar ökar värdet på ditt er­bju­dan­de och för­bätt­rar sök­mo­tor­rank­ning­en. När du har rätt länk­ma­te­ri­al kan du infoga det i dina texter med bara några få klick: För externa länkar markerar du bara den textdel som ska länkas och klickar på ”Infoga/redigera länk”.

Bild: Joomla: Option ‘Insert/edit link’
Enter the URL of the page to be linked and provide a descrip­ti­ve link title.

För intern länkning, tryck på knappen “Artikel” och välj sedan önskat inlägg från ditt Joomla-projekt.

Steg 7: Lägg till bilder på din nyskapade Joomla-hemsida

Na­tur­ligt­vis bör du också integrera bilder i ditt webb­pro­jekt, eftersom även det mest in­tres­san­ta in­ne­hål­let lockar få läsare utan visuell at­trak­tions­kraft. För att förbättra ett inlägg med foton och grafik öppnar du det helt enkelt via menyn Artiklar och väljer “CMS-innehåll” och “Media” i re­di­ge­ra­ren:

Bild: Joomla: Insert image in the TinyMCE editor
If you do not use the Joomla standard editor TinyMCE, the procedure for embedding images may differ from the one described here.
Notis

Joomla ger dig tillgång till några banners, rubriker och ex­em­pel­bil­der som du fritt kan använda i ditt webb­pro­jekt. Om du föredrar att använda dina egna bilder, tryck på knappen “Ladda upp” och ange platsen för bild­fi­ler­na.

Klicka på den bild du vill infoga i artikeln och fyll i in­for­ma­tio­nen för bildens titel eller be­skriv­ning. Tryck slutligen på “Infoga media” så visas bilden på önskad plats i det aktuella inlägget:

Bild: Joomla article with sample image
Always use ap­pro­pri­a­te titles and descrip­tions for images in your Joomla projects to improve your chances of a good ranking in Google Image Search!
Gå till huvudmeny