How to creat joomla template 3.0 step by step: Boostrap Joomla 3.0 template

In step 5 we has completed installation Joomla 3.0 template: How to creat joomla template 3.0 step by step: How to install a Joomla 3.0 Template

Now you can Login to your Joomla administrator and active it and setup as default joomla template:



In the top menu, click Extensions and then click Template Manager
You will see two types of templates, Site and Administrator. In this tutorial, we are changing Site templates (the templates that affect the front end of our website).

click-star-to-change-templateIn the list of templates, click the hollow star next to the Site Template that you would like to activate. You will then receive the following message:

Default style successfully set

Add Boostrap to joomla 3.0 template

If you installation Joomla in your Localhost please open your_joomla_folder/templates/your_New_template_name/index.php file with your editor

else if you instaltion in your hostting can use FTP software like Filezilla to open it.

and edite with code bellow

your_joomla_folder/templates/your_new_template_name/index.php code

* @package     Joomla.Site
* @subpackage  Template.Your_New_template_name
* @copyright   Copyright (C) 2005 - 2013
* @license     GNU General Public License version 2 or later; see LICENSE.txt

defined('_JEXEC') or die;

$doc = JFactory::getDocument();

$doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap.min.css');
$doc->addStyleSheet('templates/' . $this->template . '/css/style.css');

<!DOCTYPE html>


<jdoc:include type="head" />




<!-- main container -->
<div class='main_container'>

<!-- header -->
<div class='header'>Header</div>

<!-- mid container - includes main content area and right sidebar -->
<div class='mid_container'>

<!-- main content area -->
<div class='main_content_area'>
<jdoc:include type="modules" name="position-3" style="xhtml" />
<jdoc:include type="message" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="position-2" style="none" />

<!-- right sidebar -->
<div class='right_sidebar'>
<jdoc:include type="modules" name="position-7" style="well" />

<<span class="IL_AD" id="IL_AD11">div style</span>='<span class="IL_AD" id="IL_AD5">clear</span>:both;'></div>


<!-- footer -->
<div class='footer'>






Leave a comment