1 Skapa Joomla-mallar med Artisteer 3.1

ARTISTEER 3.1
ATT SKAPA JOOMLA MALLAR MED
ARTISTEER - SNABBGUIDE
Copyright
Mahmud Al Hakim
http://www.dynamicos.se
http://www.hakimdata.se
http://www.webdevacademy.eu
Copyright Mahmud Al Hakim, [email protected], 2012
ÄNDRA SPRÅKET
File > Preferences
Välj Swedish
under Language
och starta om
programmet
2
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
1
Copyright Mahmud Al Hakim, [email protected], 2012
SKAPA ETT NYTT PROJEKT
Fil > Ny
Välj Joomla som
CMS-tema
3
Copyright Mahmud Al Hakim, [email protected], 2012
SPARA ARTISTER PROJEKTET (ARTX)
4
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
2
Copyright Mahmud Al Hakim, [email protected], 2012
BE ARTISTEER "FÖRESLÅ DESIGN"
Under den första
fliken "Idéer" kan
du låta
programmet
föreslå en mall.
Här kan du även
föreslå färger,
typsnitt, layout
m.m.
5
Copyright Mahmud Al Hakim, [email protected], 2012
EXPORTERA EN JOOMLA MALL
Gå in under
Fil > Exportera > Joomla mall
Eller klicka på knappen "Joomla mall"
• Välj Joomla 1.6-1.7
under version
• Välj "position-1, position2,…" under Positions
• Ange filnamn (obs!
endast bokstäver, siffror
och mellanslag)
• Välj sökväg under Path
• Markera "Create ZIPfile" (OBS! Viktigt)
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
6
3
Copyright Mahmud Al Hakim, [email protected], 2012
LADDA UPP OCH INSTALLERA MALLEN PÅ
DIN JOOMLA-PLATS
• Logga in på backend
• Gå in under
Tillägg > Hantera tillägg
• Bläddra efter ZIP-filen
• Ladda upp och installera
7
Copyright Mahmud Al Hakim, [email protected], 2012
SÄTT DEN NYA MALLEN SOM STANDARD
• Gå in under
Tillägg > Mallar
• Leta efter den nya mallen och
klicka på knappen "Sätt som
standard" (Stjärnan).
8
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
4
Copyright Mahmud Al Hakim, [email protected], 2012
ÄNDRA TITEL (ÖVERSKRIFT) OCH SLOGAN
• Gå in under
Tillägg > Mallar
• Klicka på den nya mallen
• Ändra titel och slogan under
"Grundalternativ".
9
Copyright Mahmud Al Hakim, [email protected], 2012
LADDA NER GRATIS MALLAR FRÅN
HTTP://WWW.ARTISTEER.COM
10
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
5
Copyright Mahmud Al Hakim, [email protected], 2012
VÄLJ EN MALL OCH LADDA NER
EN ARTISTEER-FIL "ARTX-PROJEKT"
11
Copyright Mahmud Al Hakim, [email protected], 2012
ÖPPNA FILEN I ARTISTEER OCH ÄNDRA TEMA
TILL JOOMLA
FIL > ÄNDRA TEMA > JOOMLA
12
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
6
7
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
Copyright Mahmud Al Hakim, [email protected], 2012
ÄNDRA LAYOUT
Copyright Mahmud Al Hakim, [email protected], 2012
ÄNDRA FÄRGER OCH TYPSNITT
13
14
Copyright Mahmud Al Hakim, [email protected], 2012
ÄNDRA BAKGRUND
15
Copyright Mahmud Al Hakim, [email protected], 2012
ÄNDRA SIDANS MARGINAL, VADDERING
(UTFYLLNAD), RADIE, SKUGGA,
FYLLNINGSFÄRG, TRANSPARENS OCH KANT
16
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
8
9
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
Copyright Mahmud Al Hakim, [email protected], 2012
VÄLJ MENYPOSITION OCH STIL
Copyright Mahmud Al Hakim, [email protected], 2012
FORMATERA RUBRIK
17
18
OBS! Viktigt
Du måste även ”Visa alla
undermenyer” i modulen för att
kunna visa underliggande rubriker
på Frontend!
Copyright Mahmud Al Hakim, [email protected], 2012
AKTIVERA MULTINIVÅ
19

Här kan du skapa en specialanpassad meny
OBS! Viktigt
Du måste ändra ”Modulens classsuffix” till ”art-vmenu” för att
utnyttja den här typen!
Copyright Mahmud Al Hakim, [email protected], 2012
Vertikal meny
20
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
20
10
FIL > EXPORTERA > EXPORTERA INSTÄLLNINGAR
Copyright Mahmud Al Hakim, [email protected], 2012
TIPS: DÖLJ FOTNOT UNDER EXPORTINSTÄLLNINGAR
21
Tips!
Rensa texten i sidfoten i
Artisteer och skapa en
Joomla-modul istället!
 Placera modulen i
copyright-positionen
(Position-27).
 Modulen kommer att
ersätta Artisteersidfoten automatiskt!

Copyright Mahmud Al Hakim, [email protected], 2012
Formatera och ändra Sidfoten
22
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
22
11
Följande positioner är
tillgängliga i alla Artisteer
mallar.
OBS! Rubriken (Header)
placeras före position-1
Artiklar visas i ”Content”
Källa:
Copyright Mahmud Al Hakim, [email protected], 2012
JOOMLA POSITIONS
http://www.artisteer.com/?p=help_joomla
23
http://webdevacademy.eu/webmaster/ovningar/joomla
Copyright Mahmud Al Hakim, [email protected], 2012
TIPS!
EN GRUNDMALL FINNS ATT LADDA NER HÄR:
24
Skapa Joomla-mallar med Artisteer 3.1 - Snabbguide
12