Рейтинг:  0 / 5

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 

Как изменить шаблон Joomla? часть 3

В первой части мы рассматривали:

  • Основные файлы шаблона
  • Изменение шапки
  • Изменение шрифта и текста
  • Изменение оформления ссылок

Во второй:

  • Изменение ширины колонок шаблона
  • Изменение фона блоков

В третьей части будем изменять всё тот же шаблон. Скачать шаблон.

 

Изменение или удаление надписи в логотипе. Мой сайт.ru

Обычно в шаблонах эта надпись идёт как ссылка, нужна она или нет решать вам.
Чтобы отредактировать её, открываем главный файл шаблона index.php
Почти в самом начале раздела <body> находиться нужный нам тег. Почти всегда там присутствуют id со значениями header или logo. По ним легко можно найти место откуда вставляется надпись-ссылка в логотип.

Для того чтобы изменить расположение этой надписи нужно подправить css-файл шаблона. Как мы видим за расположение отвечают как минимум два блока: первый это div id ="header", второй это div id="logo". В файле template.css при помощи поиска ( Ctrl+F ) находим нужные стили.
#header отвечает за вывод шапки, а #logo как раз за вывод надписи:

Padding: Это отступы по сторонам, text-align: вырывнивание текста, в нашем случае по правому краю и т.д. Манипулируя этими величинами можно изменить расположение надписи Мой_сайт.ru.

Чтобы удалить эту надпись совсем можно убрать саму ссылку из файла index.php (см. выше):

<a href="/index.php"><?php echo $mainframe......></a>

либо блок полностью:

<div id="logo">....
</div>

А вместо этой надписи сделать хороший логотип на шапку в Photoshop'е, например:

Так по-моему лучше смотриться чем просто надпись. К тому же будет узнаваемость логотипа.

 

 

 

 

 

Как убрать копирайты разработчиков шаблона?

На всех шаблонах в нижней части (футере) пишется информация о разработчиках и разная другая, типа сайт работает на Joomla. Это во первых лишние ссылки и код, во вторых провоцирующая информация для хакеров и взломщиков.

Убрать её не составит большого труда. Выделяем надпись Designed by. Щёлкаем правой кнопкой мыши на странице и открываем исходный код. В коде при помощи поиска ищем это словосочетание, обычно оно в самом низу, перед закрывающим тегом /body.
!!! Но в этом шаблоне немного похитрее!!! Здесь ещё есть надпись в самом низу, её почти не видно. По крайнеё мере у меня. А видимые копирайты находятся не в футере, а в левой колонке.

Ну что ж будем искать сначала видимые. Если смотреть исходный код данного шаблона, то новичку будет сложно понять, легче найти это место в главном файле index.php. Поскольку мы знаем, что видимые копирайты находятся в левой колонке, будем искать что то подобное названию leftcolumn. Файл index.php не большой, там всё просто.

...
<div id="content"> Здесь пошёл вывод контента
<div id="leftcolumn"> Здесь вывод левой колонки
<jdoc:include type="modules" name="left" style="rounded" /> Вывод модулей
<?php $sg = 'banner'; include "templates.php"; ?> Вывод копирайта
</div> Левая колонка закрылась

<div id="maincolumn"> Здесь пошёл вывод главной колонки со статьёй
<div class="nopad"> И так далее...
...

Копирайт выводиться при помощи php-выражения, поэтому тут ничего невидно, ни Designed by, ни другого. В этом выражении выводиться только маленький баннер и код из файла template.php, в нём как раз и находятся все ссылки и словосочетания.
Поэтому просто удаляем вот это:

<?php $sg = 'banner'; include "templates.php"; ?> 

А теперь спускаемся ниже и ищем блок с id="footer". В нём находиться ссылка на валидатор (проверка правильности кода) и php-выражение, похожее на то что было в левой колонке.
Убираем ссылку (хотя можете поставить что то своё):

<p>
Valid <a href="http://validator.w3.org/check........</a>.
</p>


И блок с кодом:

<div id="sgf">
<?php $sg = ''; include "templates.php"; ?>
</div>
 

Всё копирайтов больше нет. В других шаблонах немного попроще, там все копирайты в основном находятся в футере.

 

Вставка новой позиции для модуля.

Чтобы увидеть позиции в шаблоне, нужно в адресной строке браузера подставить значение
?tp=1. Например: http://www.mysite.ru/?tp=1

Иногда бывает нужно создать ещё одну позицию для модуля, например для вставки баннера.

Для этого в файл index.php в нужное место вставляем код:

<jdoc:include type="modules" name="box" style="raw" /> 

где box название вашего нового модуля, а raw это стиль выведения.

  • "raw" выводит модуль без заголовков и таблиц
  • "rounded" выводит модули с закруглёнными углами
  • "xhtml" выводит модуль с заголовком в одном блоке
  • ""  без стиля

Я вставил новую позицию модуля в блок с классом "center", так как его свойства более подходящие. Он находится над основным контентом и имеет нужную ширину.

И поставил туда модуль навигации по сайту (хлебные крошки) + добавил в класс "center" цвет фона, получилось вот что:

Обращаю ваше внимание на то что позиции модулей дополнительно должны прописываться в файле templateDetails.xml, в данном шаблоне они не указаны, хотя должны.
На всякий случай я их указал, чтобы не было каких-то неполадок.

<positions>
<position>left</position>
<position>user3</position>
<position>debug</position>
<position>box</position>
</positions>

Это всё вставляется в templateDetails.xml после </files>.В этом шаблоне стало 4 позиции. Можно сделать и больше.
На этом и закончу. Пробуйте, у вас всё получится.

Написал 4 часть. Прочитайте, будет полезно.

X

Инструкция по планированию сайта
С чего начать создание сайта?

Инструкция по созданию сайта

  • Инструкция по созданию сайта
  • Шаблон для составления плана сайта
  • Чек-лист по этапам создания сайта

* Никакого спама. Гарантирую!