Joomla 3 Template Design

Name: Joomla 3 Template Design
Rating: 3.9 (92 reviews)

Our Joomla 3 template class shows you how to use Joomla and the Bootstrap framework to create beautiful designs.

Created byOS Training LLC

Last updated 11/2013

English

English [Auto],

What you'll learn

By the end of the class, you'll be able to create your own Joomla 3 template using Boostrap

Course content

9 sections • 41 lectures • 3h 25m total length

Overview1:48
Session Note:

Make sure you download the course files from below:
Introduction to the Course2:42
What You'll Need for this Course (PC)5:31
What You'll Need for this Course (Mac)5:57

Tabbed Content5:23
Buttons4:39
Typography3:34
Explore bootstrap typography basics, adjust body and heading sizes, and apply the lead class for emphasis. Use color-coded text, labels, badges, and closable alerts to maintain design consistency.
Icons5:29
Explore using Bootstrap icons and Font Awesome in Joomla templates, sizing with icon classes like large and 2x, coloring with CSS, and placing icons in menus and buttons.
The Carousel6:26
Thumbnails5:33
Explore implementing thumbnails in a Joomla 3 template with Bootstrap, using an unordered list and span classes to display six across, transitioning from placeholders to real tshirt images.
Tables3:33

The index.php file Part 14:26
The index.php file Part 25:29
Learn to insert dynamic content in Joomla using module include statements, assign modules to positions such as logo and 1 through 14, and wrap them with style attributes.
The templatedetails.xml File3:22
Creating the Template Installation Package3:07
Create the template preview and thumbnail images at 640px wide and 206x150px, saved as template_preview.png and template_thumbnail.png; zip the folder with the template’s name and install via Joomla extension manager.
Installing and Configuring the Template6:51

Adding the Joomla Menu4:02
You can download the menu overrides at http://hwdmediashare.co.uk/joomla-templates/116-strapped
Creating Conditional Module Positions6:40
Learn how to conditionally display Joomla template modules with PHP, using count modules on the block one module position and if statements to control header and bottom sections.
Creating Collapsing Module Positions4:59
Using Module Class Suffixes4:25

Template Parameters Part 12:21
Learn how to add template parameters in a Joomla template, including a background color dropdown (purple, green, gray) configured in the template details file and used in the template manager.
Template Parameters Part 24:32
Template Overrides Part 15:11
Click here to read our detailed introduction to template overrides.
Template Overrides Part 25:40
Favicon and Finish!6:30

Requirements

You must have a basic understanding of Joomla and be comfortable with the Joomla administrator before taking this class. Take our Joomla 3 Beginner class if you don't feel ready to create your own template: https://www.udemy.com/joomla-3/

Description

Our Joomla 3 template class shows you how to use Joomla and the Bootstrap framework to create beautiful designs.

Creating a fantastic look and feel for your Joomla site is pretty important. You can buy templates, or even download and use free ones. However, if you really want a unique look, you need to create your own template.

This class is split into two parts. In the first part, we have over 20 videos that introduce you to Bootstrap. In the second part, we show you to apply your Bootstrap design to Joomla, using advanced features such as LESS and media queries.

Who this course is for:

This class is for people who want to be able to customize Joomla templates or create their own from scratch.

Joomla 3 Template Design

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 16min

Session Note:

Responsive2 lectures • 9min

Setup6 lectures • 44min

Menus4 lectures • 17min

Content7 lectures • 35min

Template5 lectures • 23min

Modules4 lectures • 20min

LESS4 lectures • 18min

Conclusion5 lectures • 24min

Requirements

Description

Who this course is for: