How to Design Joomla 3 Templates
OSTraining
Course Summary
Our Joomla 3 template class shows you how to use Joomla and the Bootstrap framework to create beautiful designs.
-
+
Course Description
Our Joomla 3 template class shows you how to use Joomla and the Bootstrap framework to create beautiful designs.Vicki Watson is going show you how to use Joomla and the Bootstrap framework to create beautiful designs.
We already have templates design classes available for Joomla 1.5 and Joomla 2.5, but this new class is radically different.
Joomla 3 uses the Bootstrap framework which makes designing much easier and quicker.
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.
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.
Vicki is the lead web designer & developer at VWeb Web Design. She specializes in Joomla, custom Joomla templates, search engine optimization, website statistics/analytics, marketing/traffic building strategies and education/training to help you learn to manage your own site.
Vicki holds a B.S. in Computer Science and has taught as an adjunct professor for years.
She is a mom, teacher, author, and horse trainer.
We're excited to have Vicki sharing her expertise with you!
-
+
Course Syllabus
Intro
OverviewFree
Introduction to the CourseFree
Resources for this Course (PC)
Resources for this Course (Mac)
Responsive
Thinking Responsively
Introduction to Bootstrap
Joomla 3 Template Intro Quiz
Setup
Setting up Bootstrap
Creating the index.htmlFree
Using Web Development Tools
Adding Layout to the index.html
Adding Site Content For Testing
Adding CSS to the Design
Bootstrap Setup Quiz
Menus
The Horizontal Menu
The Sub-Menu
Making the Menus Responsive
The Vertical Menu
Bootstrap Menus Quiz
Content
Tabbed Content
Buttons
Typography
Icons
The Carousel
Thumbnails
Tables
Template Content Quiz
Template
The index.php file Part 1
The index.php file Part 2
The templatedetails.xml File
Template Installation Package
Installing the Template
Joomla 3 Template Files Quiz
Modules
Adding the Joomla Menu
Conditional Module Positions
Collapsing Module Positions
Using Module Class Suffixes
Joomla 3 Modules Quiz
LESS
Understanding Media Queries
Overview of LESS
Using LESS
Crunch Compile LESS
LESS Quiz
Conclusion
Template Parameters Part 1
Template Parameters Part 2
Template Overrides Part 1
Template Overrides Part 2
Favicon and Finish!
Joomla 3 Templates Final Quiz