The art of customizing Joomla! templates

Present at CMSAfrica

Transcript

1. The art of customizing Joomla! templates
2. 1. Preliminary • Gather the project specification • Plan the design customization process • Source for templates and extensions • Marketplace/template shop/JED • Identify working environment e.g. WAMP/MAMP, shared
3. 2. Customization process 1. Install and edit • Purchase Joomla! template and customize the look and feel via admin panel 2. Build from scratch • Download a base (blank) template and design based on project requirements
4. Install and edit • Install template • Access admin panel • Modify style/color profile to match project color scheme • Add content/images • Create overrides • Fine tune aesthetics • Test functionality & responsiveness
5. Build from scratch • Creating the design • Install base template • Identify the module positions and set them in templateDetails.xml • Define template layout • Add css/fonts/LESS • Add JS elements • Add content/images • Create overrides • Fine tune aesthetics • Test functionality & responsiveness
6. 3. Key points to consider • Know your audience • Have the end in mind • Focus on usability rather than trends • Always check for responsiveness & cross browser support • Optimize your site
7. Q & A
8. “Design is not just what it looks like and feels like. Design is how it works.” ~ Steve Jobs Thank you Joel Mbugua twitter - @arrowthemes arrowthemes.com