Суббота, 18 Февраль 2012 20:54

Создаем свой шаблон 1. Joomla

Автор
Оцените материал
(0 голосов)

   Ну что же приступаем к видео уроку, в котором мы приступим к созданию шаблона Content Manager System Joomla с самого нуля, посмотрим с самого начала, как создается шаблон. Из каких файлов он состоит, и научимся создавать различные типы для данной системы. И так для того чтобы вам создать новый шаблон переходите на диск С, WebServers открываете папку home открываете ваш сайт, ваш домен который вы создали, открываете папку www и здесь мы находим папку templates. В этой папке мы в предыдущем уроке мы в нее копировали все шаблоны, которые у нас имеются коллекция шаблонов. И мы сейчас по аналогии одного из имеющихся шаблонов создадим, свой собственный шаблон, и я вам покажу каким образом, создаются все стили и то, как вы сами можете создать свой уникальный дизайн. Применить свои шрифты, и различные элементы.

   И так первоначально мы с вами создаем новую папку, вписываем  newtemplate, отлично создали новую папку, я уже до этого создавал здесь небольшой шаблон, поэтому возьму вот здесь уже заготовленный и вам покажу по аналогии создания. Каждый шаблон состоит из двух файлов и первый файл templateDetails.xml, давайте его сразу откроем, и посмотрим из чего, данный файл состоит – это простой xml файл, куда вписываются все данные сведения о шаблоне.  То есть - это имя, автор, копирайтер, Е-мэйл, версия, описание, создание шаблона и далее непосредственно вот в таких  xml тегов файлах идет описание всех шаблонов. В принципе можно описать, как я сделал основные файлы, как вы видите здесь структура очень простая, открывается тег, открывающий и закрывающий <filename>, и описывается имя файла index.php. Вот этот файл index.php он основной файл вашего шаблона, далее аналогично описывается в разделе CSS, в принципе просто открыть <files>, и просто перечислить xml файлов, существует разбивка файлов по типу файлов.

   То есть файлы вначале идут php html, далее идут  CSS и идут изображения - это думаю вам понятно. Пока если вы создаете шаблон, вы просто опишите несколько основных файлов, например файл index.php, можно написать файл CSS который находится  в директории  css/template.css, данный файл будет называться 111. То есть напишите основные сведения, кто автор, свое имя введите, и с этим файлом мы заканчиваем. Сейчас я напишу, чтоб было понятно NEW TEMPLATE LESSON, то есть вот это имя будет отображаться, когда мы с вами откроем Joomla, «Менеджер шаблонов» и у нас будет отображаться это имя. Ну что ж думаю, что с именем templateDetails.xml вам все понятно, закрываем его и переходим к основному файлу, имя которому index.php, посмотрим его структуру. Входим в код данного файла, в принципе вот эти все строчки в ручную вы можете не набирать, копируете, из имеющегося какого ни будь шаблона, который имеется в коллекции или вот из этого шаблона mynewtemplate.

   В дополнительном материале я вам все эти шаблоны предлагаю, вы просто открываете вот эту папочку и копируете этот код. Он является системным кодом Joomla, и далее идет описание нашего шаблона, как видите здесь простой html, открывается doctype, потом идет дальше открывается и показывается php вставляется язык, язык именно того сайта который выбран. То есть будет русский язык, обращаю ваше внимание, если вы будете вставлять надписи в ручную, к примеру вставите какую ни будь надпись внизу сайта, то для того чтобы она у вас отображалась на русском языке. Обязательно этот файл создайте в кодировки UTF-8, то есть если это будет в кириллице или в западноевропейской кодировке, у вас просто на просто этот текст не отобразится. Поэтому если вы в ручную создаете, нажимайте файл File New php вот видите по умолчанию выбрана Кириллица для того чтобы ваш новый выбранный файл создавался в Юникод. Вы переходите в Edit preferences, выбираете  в Default recording, кодировки по умолчанию New Document, выбираете UTF-8. И тогда  переходите  к созданию, какого ни будь документа, вот здесь будет кодировка UTF-8, -это очень важный момент.  Как я уже сказал если вы, будете вставлять русские символы, непосредственно в этот файл, из базы то все будет выводиться нормально. И так язык у нас подставляется, дальше идет открывающий <head> и идет первая системная строчка (которая у нас будет отвечать за добавление блока  Joomla) уже непосредственно сюда в этот шаблон. Вот такая простая строчка пишется <jdoc:include type=”head” />.

   То есть при помощи вот этого блока подцепляются все необходимые дополнительные стили, которые могут быть понадобится для этого документа. И другая системная информация такая как, например ключевые слова keyword description,  основные все методы которые находятся в блоке  head, они дополняются при помощи вот этой строчки. То есть вы ее сюда вот так просто вставляете, далее вы видите, у нас здесь подключаются, прописаны два файла со стилями, это system и general.css. Эти два файла у нас подключаются, и далее у нас идет подключение, вы подключаете те стили, которые необходимы для работы именно вам.

   Давайте вернемся  в шаблоны и посмотрим, то есть вот это xml файл index.php, мы его открыли и работаем и дальше вот этими двумя важными папками. Папка CSS в этой папке у нас будет находиться файлы с именем template.css и как раз вот этой строчкой у нас прикрепляется стиль. В котором мы будем работать, и в котором мы будем создавать все стили для шаблона. И вторая папка, это папка images в папке images вы уже можете заранее, перед тем как вы будете создавать Joomla или по ходу созданию, если вы, к примеру, какой-то элемент нужно нарисовать вы рисуете элемент в фотошоп, просто сохраняете и добавляете. Продолжение в следующем видео уроке.

 

Прочитано 991 раз Последнее изменение Среда, 07 Март 2012 16:47
Авторизуйтесь, чтобы получить возможность оставлять комментарии