SlideShare a Scribd company logo
1 of 14
Introduktion til Template frameworks
            med Gantry / RocketTheme




               JoomlaDay DK 2012
                af John Hultgreen / JUG Kolding


01-11-2012          John Hultgreen, JoomlaDay 2012 DK   1
System overblik


 Modules                      Components                              Templates   Extension layer


                                 Application                                      Application layer
             (Jinstallation + Jadministator + JSite + XML-RPC)


 Libraries                   Joomla Platform                           Plugins    Framework layer



                             WEB/SQL Server                                       Server layer




01-11-2012                        John Hultgreen, JoomlaDay 2012 DK                              2
Template overblik

                                                                      RocketTheme/Gantry
                                                                           Template

                                                                        Gantry Framework




Modules                  Components                    Templates


                            Application
        (Jinstallation + Jadministator + JSite + XML-RPC)


Libraries               Joomla Platform                 Plugins


                        WEB/SQL Server


   01-11-2012                                                      John Hultgreen, JoomlaDay 2012 DK   3
Download hvad?

                          http://www.rockettheme.com/



                                       Gantry
                    Joomla 2.5                    Template    Extensions
                                     framework


                                                    
                                                     
                                                              
                                                                 
                                                  (grafik)
                                                   
01-11-2012    John Hultgreen, JoomlaDay 2012 DK                            4
Frisk installation på lokal server                  

1.   Start WAMP server
2.   Pak filerne fra Download (Rocketlauncher) ned i C:WAMPWWW mappen
3.   Gå til localhost i browser, og foretag en normal installationen.
4.   Installer evt. dansk sprogpakke                                  
             




01-11-2012                   John Hultgreen, JoomlaDay 2012 DK            5
Skabelon kontrolpanel
1. Gå ind under Udvidelser > Skabeloner

2. Klik på skabelonen




01-11-2012                   John Hultgreen, JoomlaDay 2012 DK   6
Modul positioner




01-11-2012     John Hultgreen, JoomlaDay 2012 DK   7
Style fanen




01-11-2012   John Hultgreen, JoomlaDay 2012 DK   8
Feature fanen




01-11-2012   John Hultgreen, JoomlaDay 2012 DK   9
Menu fanen




01-11-2012   John Hultgreen, JoomlaDay 2012 DK   10
Layouts fanen




01-11-2012   John Hultgreen, JoomlaDay 2012 DK   11
Advanced fanen




01-11-2012    John Hultgreen, JoomlaDay 2012 DK   12
Links
Wamp server:
http://www.wampserver.com/

Gantry framework:
http://www.gantry-framework.org
Gantry RocketLauncher:
http://gantry-framework.googlecode.com/files/gantry-4.0.5-rocketlauncher.zip

RocketTheme:
http://www.rockettheme.com/

Andre Frameworks (Gratis/delvis gratis):
Shape 9
T3
Warp
Helix
Morph
En oversigt/sammenligning kan findes her:
http://www.joomlashine.com/blog/9-joomla-template-framework-solutions-for-
developers.html
  01-11-2012                    John Hultgreen, JoomlaDay 2012 DK              13
Gennemgang
•   Installere nyt: RocketLauncher                           •    Side Feature > Module Variations Box3 nederst Sæt
•   Installere dansk backend                                      tittle1 på dette modul
•   Style:                                                   •    Gennemgå Typografi variationer
•   Ændre farve og gem som ny Preset
•   Flytte logo over i højre side
•   Vælg Aladin Font (google)
•   Feature
•   Sociale knapper
•   Text størrelse : slå til og læg i Header-a
•   Menu
•   Ændre Duration til 800ms
•   Layout
•   Under Extension rækken De ligger i -a og –b (fjerne
    Popular Feature)
     –   Sæt Force på –a
     –   Sæt Position Count til 3
•   Advanced
•   Sæt Load Transision
•   Assignment
•   Kig på Module Position (Body gjort størrer 50%)




     01-11-2012                              John Hultgreen, JoomlaDay 2012 DK                                  14

More Related Content

Viewers also liked

First language use_in_the_second_language_classroom
First language use_in_the_second_language_classroomFirst language use_in_the_second_language_classroom
First language use_in_the_second_language_classroomMinela Kerla
 
pruebas saber Grado 3º
pruebas saber Grado 3ºpruebas saber Grado 3º
pruebas saber Grado 3ºroott42
 
Women changed the world
Women changed the worldWomen changed the world
Women changed the worldsteladoo_
 
Mughal dynasty
Mughal dynastyMughal dynasty
Mughal dynastysteladoo_
 
Indonesia advertising dead or alive june2013
Indonesia advertising dead or alive june2013Indonesia advertising dead or alive june2013
Indonesia advertising dead or alive june2013Aditya Eka Candra Suyono
 
Transaction management
Transaction managementTransaction management
Transaction managementrenuka_a
 

Viewers also liked (7)

First language use_in_the_second_language_classroom
First language use_in_the_second_language_classroomFirst language use_in_the_second_language_classroom
First language use_in_the_second_language_classroom
 
Tema 1 do karen
Tema 1  do karenTema 1  do karen
Tema 1 do karen
 
pruebas saber Grado 3º
pruebas saber Grado 3ºpruebas saber Grado 3º
pruebas saber Grado 3º
 
Women changed the world
Women changed the worldWomen changed the world
Women changed the world
 
Mughal dynasty
Mughal dynastyMughal dynasty
Mughal dynasty
 
Indonesia advertising dead or alive june2013
Indonesia advertising dead or alive june2013Indonesia advertising dead or alive june2013
Indonesia advertising dead or alive june2013
 
Transaction management
Transaction managementTransaction management
Transaction management
 

Rockettheme

  • 1. Introduktion til Template frameworks med Gantry / RocketTheme JoomlaDay DK 2012 af John Hultgreen / JUG Kolding 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 1
  • 2. System overblik Modules Components Templates Extension layer Application Application layer (Jinstallation + Jadministator + JSite + XML-RPC) Libraries Joomla Platform Plugins Framework layer WEB/SQL Server Server layer 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 2
  • 3. Template overblik RocketTheme/Gantry Template Gantry Framework Modules Components Templates Application (Jinstallation + Jadministator + JSite + XML-RPC) Libraries Joomla Platform Plugins WEB/SQL Server 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 3
  • 4. Download hvad? http://www.rockettheme.com/ Gantry Joomla 2.5 Template Extensions framework         (grafik)  01-11-2012 John Hultgreen, JoomlaDay 2012 DK 4
  • 5. Frisk installation på lokal server  1. Start WAMP server 2. Pak filerne fra Download (Rocketlauncher) ned i C:WAMPWWW mappen 3. Gå til localhost i browser, og foretag en normal installationen. 4. Installer evt. dansk sprogpakke   01-11-2012 John Hultgreen, JoomlaDay 2012 DK 5
  • 6. Skabelon kontrolpanel 1. Gå ind under Udvidelser > Skabeloner 2. Klik på skabelonen 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 6
  • 7. Modul positioner 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 7
  • 8. Style fanen 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 8
  • 9. Feature fanen 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 9
  • 10. Menu fanen 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 10
  • 11. Layouts fanen 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 11
  • 12. Advanced fanen 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 12
  • 13. Links Wamp server: http://www.wampserver.com/ Gantry framework: http://www.gantry-framework.org Gantry RocketLauncher: http://gantry-framework.googlecode.com/files/gantry-4.0.5-rocketlauncher.zip RocketTheme: http://www.rockettheme.com/ Andre Frameworks (Gratis/delvis gratis): Shape 9 T3 Warp Helix Morph En oversigt/sammenligning kan findes her: http://www.joomlashine.com/blog/9-joomla-template-framework-solutions-for- developers.html 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 13
  • 14. Gennemgang • Installere nyt: RocketLauncher • Side Feature > Module Variations Box3 nederst Sæt • Installere dansk backend tittle1 på dette modul • Style: • Gennemgå Typografi variationer • Ændre farve og gem som ny Preset • Flytte logo over i højre side • Vælg Aladin Font (google) • Feature • Sociale knapper • Text størrelse : slå til og læg i Header-a • Menu • Ændre Duration til 800ms • Layout • Under Extension rækken De ligger i -a og –b (fjerne Popular Feature) – Sæt Force på –a – Sæt Position Count til 3 • Advanced • Sæt Load Transision • Assignment • Kig på Module Position (Body gjort størrer 50%) 01-11-2012 John Hultgreen, JoomlaDay 2012 DK 14