В этой статье собраны все шесть видео с практическим мини-курсом от WebForMySelf по созданию собственного шаблона сайта на Joomla 3, который по мнению создателей можно пройти за 2 вечера, а по мне, так за один, а можно и целый год откладывать. Однако, для тех, кто хочет разобраться и научиться создавать шаблоны сайтов, работающих на популярной CMS Joomla 3, настоятельно рекомендую уделить время и посмотреть данный материал от начала и до конца.
Содержание мини-курса WebForMySelf «Собственный шаблон сайта на Joomla 3 за 2 вечера»
- «Урок 1. Создание файловой структуры»
- От автора: Как любой скрипт или веб-приложение, разработка шаблона начинается с определения его файловой структуры. Поэтому в данном уроке мы создадим общую структуру шаблона сайта для системы управления контентом Joomla версии 3.3. Рассмотрим о наиболее важные элементы шаблона сайта и то, какие данные должны содержать эти элементы. Вы научитесь создавать информационный файл
templateDetails.xml
, который требуется для установки нового шаблона в админке Joomla 3. По итогам данного урока мы установим, заготовку будущего шаблона в CMS Joomla и активируем его в админке для использования в пользовательской части сайта.
- От автора: Как любой скрипт или веб-приложение, разработка шаблона начинается с определения его файловой структуры. Поэтому в данном уроке мы создадим общую структуру шаблона сайта для системы управления контентом Joomla версии 3.3. Рассмотрим о наиболее важные элементы шаблона сайта и то, какие данные должны содержать эти элементы. Вы научитесь создавать информационный файл
- «Урок 2. Локализация шаблона»
- От автора: Как вы знаете, в базовом функционале Joomla заложен механизм мультиязычности сайта, благодаря которому мы можем выводить контент и элементы сайта, используя различные языки, которые выбираются посетителями. В данном уроке мы рассмотрим то, как задаётся локализация создаваемого шаблона сайта. Вы узнаете, что такое словари и языковые константы и то, как отобразить перевод определенной строки на выбранном пользователем языке. По итогам данного урока мы заново и окончательно установим шаблон в CMS Joomla, в котором уже будет определен механизм мультиязычности.
- «Урок 3. Подключение стилей. Создание главного меню»
- От автора: В данном уроке мы кратко рассмотрим API Joomla и источники справочной информации по программному обеспечению Joomla. Вы научитесь подключать файлы стилей и формировать блок
head
. Узнаете, что такое макеты и какова их роль в отображении элементов сайта. По итогам данного урока мы выведем главное меню непосредственно из базы данных сайта с помощью движка Joomla. При этом его внешний вид и структура будут полностью аналогичны вёрстке макета.
- От автора: В данном уроке мы кратко рассмотрим API Joomla и источники справочной информации по программному обеспечению Joomla. Вы научитесь подключать файлы стилей и формировать блок
- «Урок 4. Вывод модуля категорий в левой колонке»
- От автора: В данном уроке мы рассмотрим модули Joomla, а именно выведем в левой колонке модуль категорий. Вы научитесь переопределять макеты вывода данных модулей и выводить контент модулей в любом нужном виде, так же познакомитесь со структурой макетов модулей.
- «Урок 5. Страница просмотра полного текста статей»
- От автора: Как и любой другой элемент шаблона Joomla - страница просмотра полного текста материала, формируется непосредственно в компоненте, а именно в компоненте
Content
. А вместе с тем и макет вывода данных также определен в компоненте. Поэтому в данном уроке Вы научитесь переопределять макет компонентаContent
для вывода полного текста материала на странице сайта. По итогам данного урока мы выведем контент сайта в центральной области нашего шаблона. При этом его макет будет переопределён таким образом, что данные будут выведены в точности так, как в вёрстке макета.
- От автора: Как и любой другой элемент шаблона Joomla - страница просмотра полного текста материала, формируется непосредственно в компоненте, а именно в компоненте
- «Урок 6. Страница вывода содержимого категорий»
- От автора: На данном этапе мы реализовали все элементы, которые определены в верстке макета. Но сайт в целом не завершен, так как перейдя к странице просмотра содержимого любой категории мы увидим, что она отображается в соответствии с макетом движка Joomla, который ни как не похож на дизайн макета нашего сайта. Поэтому в данном уроке мы переопределим макет вывода содержимого категории. Вы научитесь формировать ссылку «
Подробнее
», работать с изображениями, добавленными к материалу, а также познакомитесь со структурой объекта, доступного в данном макете. Этот объект содержит в себе всю информацию о материалах одной категории сайта.
- От автора: На данном этапе мы реализовали все элементы, которые определены в верстке макета. Но сайт в целом не завершен, так как перейдя к странице просмотра содержимого любой категории мы увидим, что она отображается в соответствии с макетом движка Joomla, который ни как не похож на дизайн макета нашего сайта. Поэтому в данном уроке мы переопределим макет вывода содержимого категории. Вы научитесь формировать ссылку «
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)