Войти Регистрация

Вход на сайт

Логин *
Пароль *
Запомнить меня

Зарегистрироваться

Поля, отмеченные звездочкой (*) обязательны для заполнения.
Ваше имя *
Логин *
Пароль *
Повторите пароль *
E-mail *
Повторите e-mail *

(050) 492 38 31
(050) 343 90 48

Пошаговое создание шаблона с адаптивной вёрсткой на основе Twitter Bootstrap

Опубликовано: 27.09.2017

Содержание:

Вступление Joomla шаблоны Как создать новый шаблон? Название шаблона Файлы и папки Поиск и установка шаблона Подключение файлов Twitter Bootstrap Интеграция Twitter Bootstrap в Joomla шаблон Переопределения Joomla Тестирование готового шаблона Заключение

Вступление

Перед тем как мы начнем, для лучшего понимания сути урока, я хотел бы обратить внимание читателя на суть системы шаблонизации CMS Joomla - как это устроено изнутри и по какому принципу происходит подбор шаблона. Если вы обладаете соответствующими навыками, то создание шаблона на Joomla с нуля не является чем-то сложноосуществимым или недоступным. Но при разработке сайта перед вебмастером всегда встаёт выбор - купить клубный шаблон или создать собственный. Кроме этих двух решений есть и третье - доработать существующий шаблон. Для того, чтобы сделать правильный выбор, вам нужно понимать основы создания шаблона на Joomla.

Рис. Интеграция Twitter Bootstrap в Joomla шаблон

Joomla шаблоны

Как известно, Joomla делится на фронтальную часть (фронтэнд) и панель администратора ("админка"). Обе части имеют свои шаблоны, они хранятся в папках:

/templates - шаблоны фронтэнда /administrator/templates - шаблоны админ.панели

У каждого шаблона есть своя папка. В дистрибутиве Joomla 2.5 идут два предустановленных шаблона без адаптивной верстки (Beez 2 и 5) и один шаблон фреймворка (Atomic):

/templates/atomic

Atomic - нечто вроде негласной сборки шаблона на базе стандартного фреймворка; /templates/beez_20

Beez 2 - стандартный шаблон Joomla /templates/beez5

Beez 5 - это версия Beez 2, но с HTML5 разметкой; /templates/system

В этой папке хранятся общие для всех шаблонов файлы, например: страница оффлайн, страница ошибки и т.п.

Папка с админ.шаблонами выглядит точно также:

67570, Украина,
пгт Черноморское,
Коминтерновский район,
Одесская обл.
+38 050 343 90 48, +38 050 492 38 31


Как к нам проехать...

rss