Lär dig anpassa Joomlas admin-sida!

Det är viktigt att trivas med sin hemsida och att designen känns rätt. Det gäller inte bara för din vanliga hemsida utan så klart även hemsidans administration. Lär dig att anpassa admin-sidan för din Joomla-hemsida så att den speglar dig och ditt företag! Du kan på ett enkelt sätt – och utan förkunskaper – ändra både text och färg samt byta ut Joomlas logotyp till din egen.

Lite bakgrund: Frontend och Backend

På en Joomla-hemsida finns två sätt att logga in och uppdatera sitt innehåll. Det finns möjlighet att göra enklare ändringar direkt från den vanliga hemsidan, "Frontend", men det finns också en speciell administrationssida, "Backend". Backend är stället där du både kan ändra innehållet, precis som i Frontend, men också göra mer avancerade saker som att skapa nya menyer och moduler och installera plugins. 

Hur når du Backend?

För att komma till din administrationssida så behöver du lägga till "/administrator" direkt efter din vanliga url. Om din hemsidas adress är exempelvis minhemsida.se så blir adressen till Backend minhemsida.se/administrator.

Anpassa utseendet efter din smak och dina behov

Så här ser en helt vanlig standard Joomla 5:s admin-sida ut:

 Så här ser Elefant Webbs admin-sida ut:

Med några enkla knapptryck har vi ändrat följande:

• Bakgrundsfärg 
• Logotyper
• Texter i vänsterkolumnen

Så här ändrar du bakgrundsfärg, logotyp och text:

1. Ändra bakgrundsfärg

1. Gå till System > Sidmallar > Administratör Mallstilar.
   
2. Öppna Atum - Default genom att klicka på rubriken.
3. Välj den bakgrundsfärg du vill ha under fliken Färginställningar. (Du kan även välja ny färg på text och länkar, om du vill.)
   Testa gärna några olika färger och se vilken som känns bäst.
4. Spara när du är nöjd!

2. Ändra logotyp

1. Följ anvisningarna 1-2 under punkt 1. 
2. Gå till fliken Inställningar för bild.
   Det finns tre olika logotyper: Inloggningslogo, Varumärke stort och Varumärke litet.
   "Inloggningslogo" ligger överst i rutan där du loggar in.
   "Varumärke stort" ligger överst till vänster på sidan. Bör vara ca 150px bred.
   "Varumärke litet" är en liten ikon som visas överst till vänster på mobiler. Bör vara runt 20px * 20px;
   
3. Välj dina egna logotyper och spara när du är klar!

3. Ändra texten "Joomlas administratörsinloggning"

1. I den vänstra sidokolumnen finns en standardtext, "Joomlas administratörsinloggning". Du kan ändra den till något annat som passar dig bättre. Gå till System > Hantera > Språkersättningar.
2. I dropdownlistan Välj språk & klient, så välj det språk du valt för Backend, exempelvis Swedish (Sweden) - Backend.
3.  Klicka på Ny, uppe till vänster på sidan.
4.  Sök efter värdet "Joomlas administratörsinloggning".
5. Klicka på TPL_ATUM_BACKEND_LOGIN i sökresultatet nedanför.
   
6.  Skriv in den text du vill ha i fältet som heter Text.
   
7. Spara!

4. Ändra texten längst ned i vänsterkolumnen 

Den här texten ligger i en modul. Du kan ersätta texten med ny text, till exempel information eller egna länkar.

1. Gå till System > Hantera > Administrationsmoduler.
   
2. Leta upp modulen som heter Login Support.
3. Avpublicera den.
4. Klicka på Ny uppe till vänster på sidan.
5. Som modultyp, välj Egen.
6. Skriv in det innehåll du vill visa och välj modulpositionen Sidebar.
7. Spara!

5. CSS för mer avancerade användare

Om du kan CSS kan du komma ännu längre i anpassningen av sidmallen.

1. Gå till System >   Sidmallar > Administratörsmallar.
   
2. Klicka på Atum Detaljer och filer. 
3. Klicka på Ny uppe till höger på sidan.
   1. Klicka på mappen CSS till vänster.
   2. Skriv in user i fältet under Filnamn.
   3. Välj CSS i fältet under Filtyp.
   4. Klicka på knappen Skapa.
   5. Nu kan du enkelt påverka administrationsmallen via CSS genom att editera filen user.css.
      

Lek gärna med olika utseenden tills du blir nöjd!

Vi provade några olika färger för att se vad vi trivdes bäst med. Ombyte förnöjer, heter det ju, och troligen kommer färgställningen att ändras då och då efter humör och årstid. Det är ju så lätt – och skoj – att ändra!

Vill du ha hjälp med en personlig admin-sida?

Föredrar du kanske att vi hjälper till med att utforma en snygg och personlig admin-sida åt dig? Ring 0708-560 333 eller mejla !