Обновлено: 08.07.2024

Данная статья представляет собой пошаговый алгоритм создания шаблона Joomla 1.5 на конкретном примере.

Я придерживаюсь мнения: чтобы чему-то научиться и, главное, не забыть все через 1-2 месяца, нужна практика. Ничто ее не заменит. Человек, долго занимающийся каким-либо делом, знает его непременно лучше, чем тот, кто изучал это дело только по учебникам. Таким образом, сегодняшняя статья представляет собой пошаговый алгоритм создания шаблона Joomla 1.5 на конкретном примере.

Делаем первый шаблон. Планирование.

Первой и самой важной задача, которую нужно решить, является планирование. Вообще, о планировании нужно сказать несколько слов. Нельзя начинать делать что-либо сложное лишь представляя это в голове (я не имею в виду людей творческих профессий, только технических). Например, если придумать идею сайта и тут же начать делать его на Joomla, то в 95% случаях или ничего не получится, или создание сайта займет большое количество времени, поскольку придется много переделывать. У мыслей и идей применительно к веб-строительству есть два важных свойства:

1. Они, в большинстве своем, появляются уже во время реализации задачи.
2. Они бывают как хорошие, так и плохие.

Тут встает вопрос: как же быть? Ведь с одной стороны, сколько не планируй, пока не начнешь реализацию большинство идей не появится. С другой – если начать делать без четкого плана, то волна постоянно появляющихся идей будет держать на одном месте за счет того, что все время придется что-то переделывать. Например, сначала, кажется, что идея очень хорошая, начинаешь делать, подробно разбираешься в ней, и оказывается, это был полный бред. Потрачена куча времени и сил, а ничего не сделано. Таким образом, если не применять планирование, можно очень долго топтаться на одном месте.

Но спланировать абсолютно всё очень сложно. Таково уж устройство нашего ума – он не может предусмотреть всего, а может лишь анализировать и постепенно совершенствовать. Тут, опять же, нужно идти от общего к частному. Сначала следует спланировать общий каркас решения задачи, а в дальнейшем после его создания реализовывать мелкие детали.

Первоначальный html-шаблон показан ниже:

(Ссылки на скачивание этого шаблона, а также переделанного находятся в конце статьи.)

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

Делаем первый шаблон. Шаг 1. Выбор количества и позиций модулей. Выбор основного компонента.

После выбора расположения основного компонента можно обстраивать его модулями. Я для начала создам их 6:

Введение

Все файлы шаблона (кроме графических) — текстовые. Основу шаблона составляет файл разметки документа на языке HTML со вставками PHP-функций и файл(ы) описания стилей (CSS).

Так же возможно применение динамических элементов на основе JavaScript и/или Macromedia Flash.

Ссылки на документацию по этим языкам программирования можно посмотреть в конце этой статьи.

Что такое шаблон.

С точки зрения Joomla шаблоны бывают двух типов: шаблон для внешнего представления сайта посетителям (т.н. frontend) и шаблон для административной части (т.н. backend). Поскольку нас, прежде всего, интересует первое, то этим и займёмся.

Для того, чтобы создавать шаблон, вам необходимо (я бы даже сказал — настоятельно рекомендуется) владеть знаниями в HTML, CSS и (желательно) PHP, ну и плюс JavaScript (и чем больше знаний,— тем лучше).

Файлы шаблона

Минимальный состав шаблона следующий:

• файл index.php
• файл templateDetails.xml
• файл template_thumbnail.jpg (необязательный)
• папка css :
  • файл template_css.css
  • файл editor_content.css (необязательный)
  • файл favicon.ico (необязательный)

  index.php
  Этот файл содержит в себе документ с HTML — разметкой и вставками кода на языке PHP. Основное его назначение — распределить (указать) области, где будут выводится на экран данные различных компонентов портала. Собственно, HTML—разметка обеспечит нам структурированный вывод информации. Далее предлагаем рассмотреть самый распространённый вид структуры сайта, состоящей из 5 областей в формате 1-3-1.

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

  template_thumbnail.jpg
  Графический файл формата PNG для предварительного просмотра внешнего вида шаблона. Используется в Менеджере шаблонов административной панели Joomla!. По сути — это миниатюра скриншота работающего шаблона.

  template_css.css
  Файл стилей оформления шаблона. Это основной файл, с помощью которого осуществляется назначение различных стилей оформления элементам сайта. Описание стилей далее по тексту.

  editor_content.css
  Файл стилей оформления визуального редактора. Описание применения файла см. далее по тексту.

  Предполагается, что папка images будет использована для хранения изображений, используемых в шаблоне, но при этом она не является обязательной (ведь, в принципе, у вас может и не быть изображениий вовсе!).

  При разработке нового или редактировании существующего шаблона, необходимо учитывать тот факт, что favicon.ico постоянно кэшируется браузерами и в процессе его редактирования и просмотра вам придётся постоянно чистить кэш браузера, чтобы отобразить изменённый файл.

  Разметка шаблона

  Схематически типовая разметка шаблона выглядит примерно следующим образом:

  Область 1 « это header (заголовок). Здесь чаще всего располагаются:

  • логотип(ы)
  • флэш-ролики
  • вспомогательное меню
  • панель навигации
  • поиск по сайту

  В областях 2 и 4 располагаются второстепенные модули, выводящие на экран небольшие блоки информации, например:

  • основное и контекстное меню
  • меню пользователя
  • новостные и RSS ленты
  • различные информаторы
  • календари
  • и многое другое

  Область 5 - footer. Предназначена для вывода нижнего колонтитула, копирайтов, баннеров.

  Разметку областей 1 и 5 можно выполнять как в одной общей таблице, так и в разных. Вот примеры вариантов:

  а) общая таблица

  б) три независимых таблицы

  Вывод информации

  Для того, чтобы информация попала на экран, нужно определить, какая информация и где будет выводиться. Для этого в нужном Вам месте необходимо разместить соответствующую php-функцию. Основные функции, предназначенные для вывода информации в шаблонах:

  mosShowHead — вывод данных системного заголовка (тэги meta , base , title . )

  mosMainBody — вывод содержимого текущего компонента(ов), выбранного через меню; обычно это статьи, контакты, магазин и т.д.

  mosPathWay — навигатор (путь сайта). Это компонент, отвечающий за некую условную навигацию по структуре сайта. Он демонстрирует к текущему отображаемому контенту относительно Главной страницы.

  mosLoadComponent — вывод содержимого конкретного компонента (чаще всего эту функцию используют для вывода содержимого компонента баннеров).

  mosLoadModules — вывод модулей, опубликованных в заданной позиции и с соотвествующим оформлением. Подробнее об этой функции можно прочитать в статье Позиции модулей в шаблонах Joomla.

  Для того, чтобы функция выполнила своё назначение, её необходимо вставить в HTML-код в определённом формате, например:

  В простом варианте разметка index.php может выглядеть следующим образом (код разбит на две части):

  Первая часть демонстрирует, как строится заголовок страницы, а вторая содержит непосредственно разметку. В связи с тем, что некоторые из функций имеют дополнительные параметры, здесь необходимо сделать небольшие пояснения.

  В область 1 мы выводим навигатор ( mosPathWay ).

  В область 2 мы выводим опубликованные модули, у которых в настройках значение параметра position (позиция) указано как ' left '. Подробная информация о публикации модулей Joomla! доступна в статье Параметры публикации модулей.

  В область 3 выводим основной контент.

  В область 4 выводим опубликованные модули, у которых в настройках значение параметра position (позиция) указано как ' right '.

  В область 5 выводим содержимое компонента баннеров.

  Во избежание различных недоразумений необходимо более четко определить значение слова позиция (position) в терминах шаблонной системы Joomla. В дальнейшем мы постараемся избегать употреблять это слово в другом контексте, дабы не вводить вас в заблуждение.

  Теперь необходимо объяснить, что же всё-таки означает этот термин. На самом деле это не так просто, как может показаться. И поэтому постараемся изложить всё по порядку:

  Оформление

  Визуальное оформление сайта (дизайн) в основном осуществляется через файл стилей шаблона. Как уже упоминалось выше, во всех шаблонах он называется одинаково: template_css.css .

  Согласно принципу CSS, форматирование применяется к некоему объекту документа, который может быть определён по: тэгу (например, P, A, TD, HR, TABLE и т.д.), идентификатору (id) (например, ) или классу ( ). В общем-то, вы свободны в выборе тех или иных классов или идентификаторов, однако, следует заметить, что внутри php-кода компонентов ядра уже заложена HTML-разметка с определёнными классами для форматирования документа. Перечень этих классов можно посмотреть здесь и здесь.

  ПРИМЕЧАНИЕ: Небольшое напоминание о том, что, согласно спецификации xHTML, написание имён тегов, аттрибутов и названий классов должны писаться в нижнем регистре, т.е. маленькими буквами.

  При том, что классы эти описаны, тем не менее, для лучшего понимания мы рекомендуем вам самостоятельно посмотреть, ЧТО ИМЕННО выводится в HTML-коде, благо, большинство интернет-браузеров позволяют просмотреть исходник. Без понимания этого момента вам будет достаточно тяжело разобраться что, где и почему, ибо просмотр css-файлов любых других шаблонов вам ровным счётом ничего не скажет.

  Важные мелочи

  В связи с тем, что области №2 и №4 находятся слева и справа соответственно, то чаще всего, при разработке шаблона, предполагается, что в область №2 будут выводиться модули с position=left , а в область №4 - модули с position=right

  Делается это следующим образом:

  Как вы могли заметить, в обе области добавлены классы стилевого оформления.

  Для того, чтобы использовать в оформлении какой-либо графический файл, поместите его в папку images , тогда ссылка на него (для использования в файле стилей) будет url('../images/имя_файла') .

  Для оформления пути сайта ( pathway ), также обычно используют стандартный класс:

  С большой долей вероятности, в разметке шаблона вам придётся вставлять графические файлы, которых будет достаточно. А вставляются они так:

  Если вы вдруг решите изменить имя (папку) шаблона, то вам придётся, соответственно, изменить название папки во всех ссылках не только на графические файлы, но и на файлы стилей и (если есть) на подключаемые файлы JavaScript. Это неудобно. Ведь лучше было бы поменять всё в одном месте, не так ли? Вот так мы и сделаем: в начале файла можно поместить код:

  После этого, код вставки каждой упрощается до:

  В начале файла index.php ещё необходимо инициализировать редактор, поэтому добавляем код:

  Периодически, экспериментируя с шаблонами Joomla, пользователи наступают на старые грабли в виде темного фона в окнах визуальных редакторов. Большинство современных визуальных редакторов для Joomla, в первую очередь пытаются подключить CSS-файл из директории текущего шаблона с именем editor_content.css , а если он отсутствует, то основной CSS-файл шаблона template_css.css .

  Поэтому, если в шаблоне сайта нужно задать фон редактора, отличный от основного фона страницы, то необходимо сделать следующее: в директории CSS текущего шаблона создать файл editor_content.css и в нем задать стиль для элемента BODY . Например так:

  После этого в визуальных редакторах фон станет белым, независимо от цвета фона страниц вашего шаблона.

  Собственно, в конечном итоге только от вас зависит, как вы будете оформлять свой шаблон.

  Может сложиться ситуация, когда ни один из модулей не будет доступен для вывода (по разным причинам). Из-за этого соответствующая область может просто пустовать, бесполезно занимая пространство экрана.

  Если Вы захотите, то сможете сделать так, чтобы при отсутствии модулей, область, предназначенная для их отображения, временно выделялась под пространство другим областям шаблона. Для этого необходимо изменить код, который уже приводился ранее, следующим образом:

  В этом примере функция mosCountModules выполняет проверку, есть ли для вывода модули в position='right'. В связи с тем, что область №3 является ячейкой всей таблицы, то нельзя не учитывать параметр colspan ячеек областей 1 и 5 . Если условие ложно, т.е. кол-во модулей=0, то ячейка области №4 на экран не выводится вовсе, а значение colspan устанавливается равным 2. Иначе, colspan=3 и ячейка области №4 на экран выводится.

  Несколько сложно и неудобно, так ведь?

  Здесь выводим модули и контент:

  А здесь выводим компонент, отвечающий за баннеры:

  Полезные ссылки

  Интернет-ресурсов по языкам для WEB очень много, однако, всё же мы приведём пару полезных ссылок:

  CSS : оригинал на английском здесь (pdf) и версия на русском языке (html).

  Так же ряд ссылок по вопросам CSS вы можете посмотреть в специальном разделе нашего форума.

  Ещё один очень полезный ресурс: Школа W3C

  Также, для отладки и настройки вэб-сайта, существуют несколько специализированных программных комплексов, которые одним пакетом могут установить на ваш компьютер Apache, PHP и MySQL:

  D.E.N.W.E.R. - Проект Дмитрия Котерова (наверное самый маленький и самый популярный)

  Application Server (возможно, второй по популярности после денвера :))

  JSAS — Joomla Stand Alone Server (этот вообще сразу поставит вам Joomla, правда английскую)

  XAMPP (самый большой как по содержанию, так и по размеру)

  На этом пока всё, спасибо за внимание!
  Будем рады любым пожеланиям и конструктивным замечаниям!

  Руководство по созданию макета (болванки) для шаблона

  Для начала необходима обычная XHTML страничка. Можно воспользоваться каким-нибудь сервисом для генератора шаблонов. Или создать шаблон самостоятельно. Рассмотрим, в качестве примера, часто используемый шаблон с шапкой, футером и двумя колонками по бокам.

  
  

  Разметка HTML будет выглядеть так:

  И файл стилей style., для данной разметки:

  Обзор макета для Joomla

  С точки зрения Joomla этот макет разбивается на области, где будет выводиться основное содержимое (компонент) и дополнительное (модули).

  
  

  При создании шаблонов Joomla используются следующие конструкции для вывода содержимого:

  Содержимое HEAD

  Здесь выводятся содержимое между тегами … , мета описание, заголовок страницы, подключаемые JavaScript и т. д. Для этого используется конструкция:

  Основное содержимое (компонент)

  Для вывода основного содержимого, как правило это является содержимое компонента, используется следующая конструкция:

  Содержимое модулей

  Для вывода содержимого модулей используется конструкция:

  • name — позиция, в которой опубликованы модули
  • style — стиль для вывода позиции модулей

  Для контроля и подсчета модулей в позициях предусмотрен метод countModules.

  Содержимое модуля

  Можно также вывести содержимое одного модуля, для этого используется конструкция:

  • name — это название модуля, в данном примере это будет mod_custom
  • title — заголовок модуля, должен совпадать с настройками модуля

  При добавлении позиций или модуля в шаблон, не забывайте проверять настройки модулей — публикацию модуля и доступность модуля для текущего пользователя.

  Использование параметров в шаблоне

  Соответственно для вывода значение параметра используется:

  Стандартно в Joomla используется несколько типов для параметров, которые описываются в XML файле.

  В этом уроке вы узнаете об основах шаблоны Joomla, а также создавать с нуля. Мы быстро проходим установки локального сервера и саму Joomla, а затем создать базовый шаблон функционирует.

  1. Подготовка

  Прежде чем мы начнем наш шаблон, есть несколько вещей, которые вы должны подготовить.
  Как и большинство серверов CMS, Joomla требуется сервер с поддержкой PHP и MySQL установлен. Установив вышеуказанные вручную может быть довольно раздражающим и, честно говоря, пустая трата времени (если вы хотите сделать, как это сделать точно).
  Что мы должны сделать это скачать один инсталлятор для всех вышеперечисленных, что будет придерживаться локальный сервер на вашем компьютере и дать вам действительно отличная панель управления тоже.

  Так что голова на WAMP и скачать последнюю версию.( МАМП для Mac)

  
  

  Как только установщик загрузится, запустите его и установите ПУВР в месте, легко запомнить. Если все пойдет по плану, вы должны быть глядя на папку с именем : ПУВР

  
  

  Теперь вы должны также иметь значок в панели уведомлений (где часы), что дает вам доступ к панели управления ПУВР по. Вы можете использовать для целого ряда вещей, в том числе и перезапустить сервер.

  
  

  2. Скачивание и установка Joomla

  Теперь у нас установлен сервер, мы можем сделать Joomla и настроить его. Перейти на Joomla и скачать последний релиз.

  
  

  
  

  
  

  Для создания базы данных, щелкните на панели phpmyadmin под раздел псевдонимы.

  
  

  Ради этого учебника мы будет вызов нашей базы данных joomla. Вы не будет создавать пользователя с паролем здесь, вместо использования корневого пользователя подробности. Настоятельно рекомендуется создать пользователя с сильным паролем в живых ситуациях.

  
  

  
  

  На первом экране довольно много говорит само за себя. Выберите язык и нажмите "Далее".

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

  
  
  
  

  На следующей странице прочитайте лицензионное аккуратно, и, когда все готово нажмите кнопку Далее и введите необходимые данные(Имя хоста: имя localhost , имя пользователя: корень , без пароля и joomla имя базы данных) и нажмите Далее.

  
  

  
  

  Поздравляю! Joomla будет установлена и запущена, но прежде чем мы можем пойти и mess вокруг мы должны удалить папку установки. Так пойдите в папку www, внутри wamp, а затем в папке joomla и удалите папку установки

  
  

  3. Пристальный взгляд в Joomla

  Это довольно сложно в эти дни, чтобы попасть в любое открытым исходным кодом CMS обсуждение без имени падает на Joomla.
  Его установка вместе с интуитивно понятной админ-панели делает его очень популярным среди пользователей, которые после легкого КМВ и в то же время, будучи упакован с функциями, которые держат
  тысячи разработчиков заняты подвижного приложений и модулей. При необходимости, ознакомиться с заднего конца ( я рекомендую этот быстрый для Joomla 101 статьи на Themeforest блог, чтобы быстро чувствовать.)

  Чтобы посетить ваш сайт , нажмите на кнопку Просмотр в верхнем правом углу админки. Что вы получите-это шаблон по умолчанию без содержания и основных загруженных модулей.

  
  
  
  

  4. Шаблон

  Для того, чтобы начать понимать структуру шаблона, давайте взглянем на стандартную. Заходим в папку www, потом внутри Joomla в папке вы увидите папку шаблоны.
  (ПУВР/ВСП/в Joomla/шаблоны). Это когда разные шаблоны перейти. Вы можете переключаться между шаблонами в админке.

  
  

  В папке шаблоны, вы увидите папки для каждого установленного шаблона. Joomla поставляется с тремя шаблонами: беез, rhuk_milkyway и ja_purity. Запомните это место, как это, где вы будете устанавливать новых шаблонов в будущем.

  
  

  Хотя большинство шаблонов состоят из несколько файлов, только два необходимы для того чтобы сделать рабочий шаблон. Это:

  Первый - index.php - где все разметки идет, в котором вы вставляете Joomla включает. Это можно увидеть как маленькие крючки, где на Joomla вешает информацию о том, как модули, например

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

  Выше приведен пример файла templateDetails.xml . Как вы можете видеть, это конкретный список, что говорит о шаблонах Joomla шаблон, например, название, автор, дата создания и т. д.
  Обратите внимание на раздел позиции в приведенном выше коде. С этих позиций мы говорили ранее, включает в себя.
  Некоторые из них понятны, как колонтитул.
  Если вы ставите на Joomla колонтитул включить в футер вашего дизайна, вы сможете контролировать некоторые аспекты колонтитул, используя пошаговый откат. Давайте попробуем и собрать простой шаблон.

  5. Начало шаблона

  Позволяет сделать некоторые приготовления, так что у нас есть с чем работать. Перейдите в папку шаблонов , и создайте новую папку. Назовем это template_tut.

  
  

  Внутри новой папки, создайте файл с именем index.php и еще называется templateDetails.xml (копировать/вставить код в примере выше внутри него).

  
  

  Откройте свой файл index.php в блокноте или что-нибудь еще вы используете для редактирования кода, и копировать/вставить следующее:

  У нас установлен, PHP код для языка, и в разделе head нашего первого в Joomla включать. Это не в XML-список, потому что это не позиция.

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

  Закончить разметку на странице, добавив в теги body и закрытия тега html.

  6. Используя шаблон

  Теперь у нас есть базовые файлы на месте, давайте добавим еще один включить, на этот раз, чтобы отобразить основное содержание любой страницы просмотра.

  Теперь вы должны иметь это в index.php

  
  

  Теперь введите Ваш логин и пароль

  
  

  Перейти к содержимому меню и затем в статье диспетчер в выпадающем

  
  

  Нажмите Создать, чтобы добавить статью

  
  

  Дать вашей статье название, заполнить псевдоним, убедитесь, что его опубликовали на первой странице и нажмите Сохранить

  
  
  
  

  Давайте посмотрим, что наша статья похожа на первой странице. Нажмите на кнопку Просмотр в верхнем правом углу после сохранения. Вы должны увидеть главную страницу вашего сайта с вашим текстом.

  
  
  
  

  Теперь у нас есть опубликованные материалы, давайте посмотрим, если шаблон мы сделали на самом деле работает. Вернитесь в вашу админку и нажать на расширения, а затем менеджер шаблонов

  
  

  Вы должны увидеть template_tut в списке, так что идти вперед и выбрать, и установить его по умолчанию.

  
  

  
  

  Нажмите предварительный просмотр и проверить ваш славный новый шаблон. Ну может и не такая славная, но свой первый шаблон для Joomla. УРА!

  
  

  7. Добавив немного мяса, чтобы наш шаблон

  У нас есть шаблон, это получение заголовка информация, включая название и отображения контента мы создавали в Joomla бэкэнда .Прежде чем мы добавим больше относится, давайте внимательнее посмотрим на позицию модуля включает в себя; те, кого мы назвали в нашем XML-файл.

  Они включаются следующим образом:

  Поэтому для того, чтобы добавить , например, в левое положение, наши index.php будет выглядеть так:

  Хотя мы на это, давайте добавим позицию в футере

  Если вы вернетесь в вашу админку и перейти в менеджер модулей, вы уже заметили модуля, основной модуль меню. Этот модуль устанавливается даже если мы решили установить простой версии Joomla.

  
  

  
  

  Меню уже на крючке в левое положение (которое мы просто включили в наш шаблон), так что давайте посмотрим, как это выглядит. Нажмите для предварительного просмотра

  
  

  Как видите, теперь у нас есть меню с ссылкой на дом. Вы можете добавить больше пунктов меню и ссылки на различный контент через менеджер меню.

  Позволяет получить нижний колонтитул работает. Перейти в менеджер модулей, нажмите кнопку Создать и выберите нижний колонтитул. Затем нажмите кнопку Далее.

  
  

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

  
  

  
  

  8. Добавление дополнительных позиций и модули

  Позволяет стиль нашей странице немного, поэтому мы видим то, что мы делаем. В папке template_tut создать новую папку и назвать ее "УСБ" , и создать файл внутри него называется 'шаблон.УСБ"

  
  

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

  Позволяет зацепить правой боковой панели и заголовка с позиций. Добавить верхнюю позицию в заголовок и правое положение на правой боковой панели.

  Теперь давайте создадим модули для этих двух позиций. Зайти в админку на Joomla, логин, если это необходимо, и перейти в менеджер модулей в рамках расширения выпадающее меню. Вы должны увидеть главное меню и футер, который мы создали ранее. Выполните те же шаги, чтобы создать более двух модулей. Модуль поиска, которые вы поместите в верхнее положение, и входа модуль, который вы разместите в правильном положении.

  
  

  
  

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

  Целью этого руководства является введение в процесс создания шаблонов для Joomla!. Оно охватит области кода и необходимых файлов для создания простейшего шаблона. Код представлен таким образом, что он может быть вырезан и вставлен с минимальным количеством вмешательств.

  Создание структуры каталогов

  Для создания простейшего шаблона, создайте новую папку в папке шаблонов. Назовите её так, как хотели бы назвать шаблон. Например mynewtemplate.

  Используя привычный вам текстовый редактор, создайте файлы index.php и templateDetails.xml. Чтобы всё было организовано, создайте две новых папки под названием images и css. В папке css создайте файл template.css.

  Конечно, отличная идея, для начала поместить весь CSS код непосредственно в файл index.php, однако многие разработчики предпочитают поместить его в отдельный файл, который может быть связан с несколькими страницами по ссылке тега. Это может так же укоротить время загрузки страниц вашего сайта, так как отдельный файл может храниться в кэш памяти.

  Это самый основной практический шаг. Опишите структуру папок и файлов:

  • mynewtemplate/
  • css/
  • template.css
  • images/
  • index.php
  • templateDetails.xml

  Создание стандартного файла templateDetails.xml

  Без этого файла Joomla не сможет определить ваш шаблон. Файл содержит ключевые метаданные шаблона.

  Синтаксис файла разный для каждой версии Joomla. Для версии 1.5 используйте следующий:

  Читайте также:

    
  • Как сделать строку в питоне
    
  • Как сделать на камазе 12 вольт для магнитолы
    
  • Как сделать консервы в автоклаве
    
  • Как сделать мышку из проволоки
    
  • Как сделать люля кебаб в домашних условиях из фарша на мангале из свинины