Home > Joomla > Converting Template Joomla Using By Joomla 3.0

Converting Template Joomla Using By Joomla 3.0

Peralihan penggunaan Joomla dari versi 2.5 atau yang lain ke Joomla versi 3.0 yang menurut saya versi yang lebih baik dari versi-versi joomla sebelumnya memungkinkan kita untuk mempelajari tools-tools terbaru, terkhususnya dalam masalah tampilan atau template.

Migrasi dengan menggunakan Joomla 3.0 padahal telah capek-capek mendesain template, apakah akan membuat kita untuk melakukan desain template lagi ? jawabnya TIDAK. Meskipun ada beberapa hal yang berubah dalam struktur template joomla 3.0

Bagaimana caranya agar desain template Joomla 2.5 atau yang lainnya dapat bekerja dengan baik pada Joomla versi 3.0 ? kita perlu melakukan beberapa perubahan seperti :

  • Menambahkan Kode berikut pada file Index.php
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../media/jui/js/jquery.js"></script>
    <script src="../media/jui/js/bootstrap.min.js"></script>
    <script src="../media/jui/js/chosen.jquery.min.js"></script>
    <script type="text/javascript">
      jQuery.noConflict();
    </script>

Tambahkanlah kode tersebut sebelum tag </head>

  • Menambahkan Kode pada Template.css
// If Right-to-Left
if ($this->direction == 'rtl') :
    $doc->addStyleSheet('../media/jui/css/bootstrap-rtl.css');
endif;

// Load specific language related CSS
$file = 'language/' . $lang->getTag() . '/' . $lang->getTag() . '.css';
if (JFile::exists($file)) :
    $doc->addStyleSheet($file);
endif;

$doc->addStyleSheet('../media/jui/css/chosen.css');
  • Menambahkan kode berikut pada  Editor Views
<ul class="nav nav-tabs">
    <li class="active"><a href="#editor" data-toggle="tab"><?php echo JText::_('JEDITOR') ?></a></li>
    <?php if ($params->get('show_urls_images_frontend')) : ?>
    <li><a href="#images" data-toggle="tab"><?php echo JText::_('COM_CONTENT_IMAGES_AND_URLS') ?></a></li>
    <?php endif; ?>
    <li><a href="#publishing" data-toggle="tab"><?php echo JText::_('COM_CONTENT_PUBLISHING') ?></a></li>
    <li><a href="#language" data-toggle="tab"><?php echo JText::_('JFIELD_LANGUAGE_LABEL') ?></a></li>
    <li><a href="#metadata" data-toggle="tab"><?php echo JText::_('COM_CONTENT_METADATA') ?></a></li>
</ul>

Untuk lebih detailnya, anda dapat membaca converting a template for joomla 3.0

  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: