.
CMS Joomla. Урок 6. Редактирование шаблона сайта (HTML, CSS, class, div)
Автор megabax   
29.10.2009 г.
New Page 1

CMS Joomla. Урок 6. Редактирование шаблона сайта (HTML, CSS, class, div)

Для того, что бы отредактировать шаблон сайта, нужно в менеджере шаблонов выбрать нужный шаблон и нажать кнопку "Изменить"

CMS Joomla. Шаблоны сайта. HTML, CSS, class, div

Откроется окно параметров шаблона. В верхней панели находятся иконки редактирования HTML и CSS. Что это такое можно узнать здесь. Под ними можно настроить параметры шаблона.

CMS Joomla. Шаблоны сайта. HTML, CSS, class, div

 

Давайте попробуем что нибудь изменить в HTML тексте шаблона. Жмем на кнопочку, открывается окно:

CMS Joomla. Шаблоны сайта. HTML, CSS, class, div

- Что то страшное и ужасное! - скажете вы.

Но не стоит пугаться раньше времени. Есть такая поговорка: "глаза бояться, руки делают". Вот давайте этими самыми руками будет трогать текст программы. Не бойтесь накосячить, сайт то у нас тестовый! В худшем случае, просто заново поставим CMS Joomla. Это то мы умеем.

И так, смотрим. в самом начале, видимо, идет какой то служебный код, потому что под ним тэг <HEAD> (кто не знает HTML - этот тег означает "заголовок", в нем храниться разная заголовочная информация).  А вот после него, собственно говоря, идет тэг <BODY> Вот после него то и можно пробовать в разные места вставлять свой текст, сохранять и смотреть, что из этого получиться. Возможно, в некоторых случаях вы и не увидите при просмотра сайта вставленного текста. Можно попробовать вставить его в конце, а заем, переносить все выше и выше и наблюдать, что будет получается.

вот пример вставки:

....

<div id="footer" class="clearfix">
<?php
// including footer file
include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/gk_footer.php');
?>
</div>
</div>

<?php
// including information alert for IE6
if($this->params->get("ie6info", 1) == 1):
?>
<!-- IE6 alert -->
<!--[if IE 6]>
<div id="ie6">
<?php include_once(JPATH_ROOT."/templates/".$this->template.'/lib/php/gk_ie6.php'); ?>
</div>
<![endif]-->
<?php endif; ?>
<jdoc:include type="modules" name="debug" />
<h1>Этот текст вставил я</h1>
</body>
</html>

А вот как стал выглядеть сайт с этой вставкой:

CMS Joomla. Шаблоны сайта. HTML, CSS, class, div

 

Последнее обновление ( 30.10.2014 г. )