208: Building a Basic Joomla 3 Template with Bootstrap
This basic template that we are creating is being developed from the standpoint of a developer. We can't promiss it will be a pretty template, but we will show you how to build a simple Joomla 3.0 template that works.
A screenshot of the template and a download link can be found to the right, and our tutorial series documenting how we developed the template can be found below. Learn more about Joomla Hosting here.
A very basic template soon to be a Joomla 3.1 template
In our first tutorial on creating Joomla 3.0 Templates, we will show you what the basic template that we're working with looks like.
How to add module positions to a Joomla 3.1 template
In this Joomla 3.0 tutorial, we will show you how to add new module positions to a Joomla 3.0 template.
Adding a templateDetails.xml file to a Joomla 3.1 Template
In this article, we will show you the templateDetails.xml file that we are including within the Joomla 3.0 template that we are creating.
How to zip a Joomla 3.1 template
Now that we have all the files necessary for our template, we will show you the basics of zipping the file and getting it ready for installation.
How to install a Joomla 3.1 Template
In this Joomla 3.0 tutorial, we will walk you through the steps for installing a Joomla 3.0 template
How to change your Joomla 3.1 Site Template
After installing a Joomla 3.0 template, your next step is to activate your new template.
How to make a Joomla 3.1 Template Responsive
In this tutorial, we'll cover the changes we made to our Joomla 3.0 template's index.php file to make it fully responsive.
Adding security to a Joomla 3.1 template using JEXEC
In this tutorial, we'll show you how to add JEXEC to your Joomla 3.0 to help add a standard layer of security to your template.
Adding CSS and Style to the template
Learn how we added basic style to the template by updating our css/style.css file
Adding CSS to the Login Form in a Joomla 3.1 template
Now that we've created our basic template, we will begin adding CSS to our css/style.css file to help make modules stand out. We will first update the login form.
Adding CSS to sidebar items in a Joomla 3.1 template
In this Joomla 3.0 tutorial, we'll show you how to style the modules in our template's right sidebar using CSS.