Файлы и папки шаблона, общая структура. Структура папок joomla


По чуть-чуть обо всем: Структура директорий Joomla

Здесь вы узнаете о наиболее важных директориях Joomla, а так же их назначение в работе сайта.

hedgehok.blogspot.ru

Структура шаблонов компонента материалов – com_content

рейтинг: 9.0/10, голосов: 35

Рассмотрим все заложенные возможности шаблона стандартных материалов компонента com_content. Для примера можно взять содержимое папки \templates\beez\html\com_content\ и положить в свой шаблон.

Содержимое данного каталога представлено в виде 4-х папок с соответствующими шаблонами представлений

Если каталог \templates\<my_template>\html\com_content\ отсутствует в шаблоне, значит отрабатывают оригинальные темплейты компонента, находится в components\com_content\views\<viewName>\tmpl. Существует еще дополнительный вид — архив. Он используется редко, работать с ним можно по аналогии.

Как нам добавить дополнительные данные к стандартному контенту?

Для этого нам необходимо работать с моделью, каталог com_content\models\, в нем 4 нужных нам файла

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

Схема шаблонов компонента com_content

Схема шаблонов компонента com_content

Смотрите также:

Обновлено: 13 Февраля 2012, 01:16

Просмотров: 45990

joomla-book.ru

Файлы и папки шаблона, общая структура

рейтинг: 8.6/10, голосов: 23

если кратко, то выглядит это следующим образом

По умолчанию все шаблоны сайта должны раcполагаются в директории "/templates", которая находится в корне. Допустим наш шаблон будет называться "my_template", тогда струтктура типичного шаблона, будет следующая. Для примера назовем наш шаблон "my_template". Начиная с директории

Элементы отмеченые звездочкой (*) обязательны для работы шаблона (для его минимального функционала).

а теперь обо всем подробно и по порядку

Шаблон должен быть сохранен в определенной структуре каталогов:

/templates/<имя_шаблона>/ /templates/<имя_шаблона>/css/ /templates/<имя_шаблона>/images/ /templates/<имя_шаблона>/js/ /templates/<имя_шаблона>/html/

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

В каталогах шаблона должны быть представлены различные файлы с предопределенными именами. Вот основные из них:

 

Основной файл разметки. Это HTML-файл

/templates/my_template/index.php

Он должен заканчиваться на ".php", поскольку элементы динамического модуля Joomla должны интерпретироваться РНР.

 

Изображение предварительного просмотра. Файл картинки

/templates/my_template/template_thumbnail.png

содержит изображение предварительного просмотра вашего шаблона, которое предназначено для предпросмотра в менеджере шаблонов. Изображения предварительного просмотра имеют тип-png размером примерно 200x150 пикселей. Вы можете создать этот файл позднее, когда увидите готовый шаблон.

 

Метаданные шаблона.

/templates/my_template/templateDetails.xml

Файл представляет техническое руководство для инсталлятора шаблонов и содержит инсталляции для выбора шаблона в диспетчере шаблонов. Здесь вы специфицируете место, куда должны копироваться файлы, кто их автор, а также дополнительные метаданные о шаблоне. Во время последующей инсталляции этого файла инсталлятором Joomla, РНР читает его и копирует файлы в места, специфицированные XML-файлом. Для каждого файла, который применяется в шаблоне, соответствующий контейнер XML должен быть наполнен именем файла и корректным путем.

 

CSS-файлы. Для разрабатываемого шаблона можно использовать несколько CSS-файлов. Какое имя вы дадите файлу CSS, и как создадите его — дело ваше. Однако для разных элементов CSS предусмотрены разные каталоги. Для первой попытки вам понадобится CSS-файл по имени /templates/my_template/css/template.css.

 

Графика, изображения, флеш. Здесь можно ввести определенные пользователем файлы изображений, которые понадобятся в шаблоне для дизайна. Инсталлятор затем скопирует эти файлы в папку images. Имя файла выглядит как

/templates/my_template/images/[определенный_пользователем_файл_изображения]

 

Версия для печати. Шаблон версии для печати для компонента.

/templates/my_template/component.php

 

Файл хранения настроек шаблона. (только для J!1.5) Через файл templateDetails.xml можно указать свои настройки. После сохранения настроек через Менеджер шаблонов, в папке появится файл

/templates/my_template/params.ini

 

Шаблон offline-страницы. Если сайт отключен через панель управления, то отобразиться именно этот шаблон.

/templates/my_template/offline.php

joomla-book.ru

Создание папки в шаблоне сайта Joomla

Создание папки в шаблоне сайта Joomla

В предыдущей статье было показано, как открыть «Управление каталогами» в шаблоне сайта Joomla. В этой статье рассмотрим то, как создавать папки в шаблоне сайта Joomla с помощью админки в окне «Управление каталогами». Для этого нужно понимать, что папку можно создать как в корне папки шаблона, так и вложить новую папку в имеющуюся в файловой структуре шаблона папку. Ниже будут показаны оба варианта размещения новой папки и объяснено их отличие.

Открываем окно «Управление каталогами»

По ссылке выше дано подробное описание, как открыть окно «Управление каталогами». Для этого нужно кликнуть левой кнопкой мышки по кнопке «Управление каталогами» в верхнем ряду кнопок управления. На картинке ниже показано текущее состояние дерева каталогов шаблона для того, чтобы его можно было сравнить с тем, что получится после описанных ниже манипуляций по созданию папок.

Открываем окно «Управление каталогами»

Создание новой папки в корне папки шаблона

Сначала рассмотрим, как создать новую папку в корне папки шаблона. Для этого не нужно трогать навигацию по папкам шаблона, расположенную слева в окне «Управление каталогами», а сразу приступить к созданию новой папки.

Для создания новой папки нужно ввести её название (цифры и/или латинские буквы) и нажать на кнопку «Создать»:

Создание новой папки в корне папки шаблона

После этого окошко «Управление каталогами» автоматически закроется и на вкладке «Редактор» менеджера шаблонов слева в дереве папок можно будет найти только что созданную папку (они располагаются в алфавитном порядке):

найти только что созданную папку

Создание новой папки, вложенной в другую папку шаблона

Осталось рассмотреть, как создать новую папку, вложенной в другую папку шаблона. Для этого снова кликнем левой кнопкой мышки по кнопке «Управление каталогами» и в открывшемся окне «Управление каталогами» выберем каталог, в котором нужно создать новую папку. Для этого нужно кликнуть по его названию в дереве каталогов слева. И оно станет активным. Это значит, что новая папка будет создана в этом выбранном каталоге. После этого останется только ввести название новой папки и нажать на кнопку «Создать».

Для примера, создадим новую папку «5678» в папке «1234» которую предварительно выделим, кликнув по ней мышкой:

Создание новой папки, вложенной в другую папку шаблона

Для того, чтобы увидеть получившийся результат, нужно раскрыть папку «1234», кликнув по ней в дереве каталогов. Она и вложенные в неё папки пока не содержат файлов, поэтому её содержимое не отображается сразу.

После клика по папке, можно убедиться, что новая только что созданная папка находится в ней:

новая только что созданная папка

Заключение

Стоит отдельно отметить, что после каждого создания новой папки, в админке Joomla появляется уведомление,

СообщениеКаталог успешно создан

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

Заберите ссылку на статью к себе, чтобы потом легко её найти ;)

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

mb4.ru

Структура T3 Framework - Joomla.ru

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

Теперь шаблон гораздо легче и быстрее грузится. Основные сценарии работают на плагинах JA T3 Framework. 

 

Предыдущая версия JA T3 Framework 1.0 поставляется с плагином параметры меню, который делает управление самим меню проще и решает многие вопросы, связанные с SEO. Версия JA T3 Framework 2.0  включает в себя этот же плагин, но с небольшими поправками основных файлов, не касающихся настроек самого шаблона.

JA T3 Framework 2.0  включает в себя:

• JA T3 Framework плагин. 

Смотрите рисунок ниже.

Core-folder-structure-news

• Файлы управления шаблоном - эти файлы управляют сценариями и внутренним видом шаблона в панели управления.

• Скрипты устройств и обнаружения браузера - это сценарии для определения устройств пользователей (настольных компьютеров, мобильных устройств) и браузера пользователя.

• Система меню – это файлы и сценарии всей системы меню, использующиеся в T3 Framework.

• Параметры и другие основные файлы - файлы для поддержки AJAX возможностей: кэширование, изменение функций и основных параметров.

Base-theme-structures

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

• Хранение всех блоков шаблона: IE6warning, верхний и нижний колонтитулы и т.д.

• CSS установленные по умолчанию. Основные CSS рамки стиля шаблона;

• HTML содержимое компонентов и модулей;

• Стили, темы и профили;

• JavaScript файлы шаблона;

• Генерирующие и другие скрипты.

Эта папка необходима для примера и создания собственного T3 Framework на основе файлов шаблона.

T3 Framework 2.0 - основа шаблона. Данная версия шаблона JA T3 Framework 2.0 включает в себя стили и темы, и тем самым вполне может заменять обычный Joomla! шаблон.Base-themesСкрин 3

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

Как можно заметить, они могут содержать:

• Редактируемый блок;

• Стили в системе меню и в общем стиле шаблона;

• Изображения;• JavaScript код;

• info.xml файл.

Newfile

А также здесь находятся папки, содержащие:

• Профили. Файлы для редактирования пользовательских профилей;

• Стили. Файлы для редактирования макетов;

• Темы. Файлы для редактирования тем;

• Другие файлы. Папки и файлы: информация о самом шаблоне, основные файлы шаблона (эскиз, шаблон детали, значок).

Кнопка плагина JA Typography.

Это новый плагин, помогающий редактору с легкостью добавлять стили типографии. Эта кнопка находится в верхней части страницы редактора JA TYPO.

T3-plugins_typo-button

Нажмите на кнопку плагина, после чего, откроется окно редактирования стиля типографии.

T3-plugins_ja-typo

Наведите курсор на любой стиль, чтобы установить его для своего контента.

joomla.ru

Структура каталогов

Структура каталогов, 5.0 из 5 основанный на 4 голосах.

Warp framework (каркас) имеет вспомогательные классы, чтобы дать возможность развития элементов шаблона HTML, CSS, JavaScript и PHP. Это удобно, поскольку все файлы каркаса, хранятся в одном месте в папке с названием warp. Эта папка имеется в каждом шаблоне. Ее содержимое не зависит от других компонентов или плагинов. Ничего не надо устанавливать или поддерживать отдельно.

Warp состоит из трех слоев. Первый слой является основой каркаса, который предоставляет собою базовый CSS, библиотеку эффектов JavaScript и коллекцию PHP помощников. Каждая часть основы каркаса является универсальной и предназначена для работы на всех поддерживаемых системах. Второй слой зависит от системы, он обеспечивает интеграцию с конкретной CMS и представляет собою API для дальнейшего развития шаблона. Третий слой специфический, это все остальные файлы шаблона. Он представляет собою область, в которой хранятся все пользовательские HTML, CSS, JavaScript и изображения.

Чтобы обеспечить гибкость, мы реализовали специальный файловый каскад внутри Warp. При использовании каких-либо файлов, таких как CSS, JS или PHP, Warp шаблона последовательно просматривает файлы в определенных папках и загружает первый найденный файл.

Вот файловый каскад:

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

Стили

Стили являются вариациями шаблона по умолчанию. Они определяют слой с наследованными или переопределенными ресурсами из шаблона по умолчанию. Warp просматривает файлы, следуя по каскаду, ища нужный ресурс, пока он не будет найден. Это дает вам возможность переопределить любой файл шаблона по умолчанию. Каждый стиль находится в своем собственном каталоге /styles шаблона и может предоставить возможность использовать свои собственные макеты HTML, CSS, JavaScript и изображения. Далее вы узнаете, как создать свой собственный стиль.

Макеты

Файл /layouts/template.php является основой каждого шаблона, он обеспечивает базовую разметку HTML для макета шаблона. В этом состоит отличие от стандартных шаблонов Joomla или WordPress, где главным файлом шаблона является index.php. Второй важный файл /layouts/template.config.php, который включает в себя некоторые расчеты макета и определяет все CSS и JavaScript шаблона.

Модули

Модули или виджеты могут быть отображены в различных стилях с дополнительными иконками и значками. Файл /layouts/module.php заботится об отображении всех этих вариаций модуля. В зависимости от выбранного стиля module.php загружает правильную HTML разметку из предопределенных шаблонов модуля. Каркас обычно имеет три вариации модулей: равной, двух и более колонок, которые располагают модули так, чтобы они располагались рядом или друг над другом. Кроме того, из них можно сделать свои собственные пользовательские шаблоны и макеты модулей.

Таблица стилей

Файлы CSS разделены на три различных слоя, размещающихся в соответствующих папках шаблона /css, системы /warp/systems/joomla/css и каркаса /warp/css. Подключать эти файлы легко, Warp использует свой помощник для поиска по разным папкам.

Краткий обзор этих файлов:

JavaScript

Warp предоставляет JavaScript библиотеку эффектов, используемых в выпадающем меню и аккордеон меню, AJAX поиске. Файлы JavaScript также структурированы и хранятся в различных папках: шаблона /js, системно-зависимые /warp/systems/joomla/js и каркаса /warp/js. Все скрипты настроены в одном файле /js/template.js. Этот файл используется для включения или выключения эффектов, которые будут загружены шаблоном.

Разметка системы

Каждая система имеет набор макетов, которые определяют HTML разметку для вывода из ядра CMS. В Joomla, как правило, HTML код переопределен используемым шаблоном, который обеспечивает вывод содержимого компонентов или модулей, таких как войти или поиск. Начиная с версии Joomla 1.7, файлы находятся в папке /warp/systems/joomla/layouts. В WordPress макеты обеспечивают HTML разметку для разных страниц, таких как блог главной страницы, архив или одиночный пост. В WordPress файлы находятся в папке /warp/systems/wordpress/layouts. Чтобы не усложнять Warp, в основном, используется тот же вывод в формате HTML для всех поддерживаемых систем. Независимо от того, что вы просматриваете, статью из категории Joomla или пост из категории в WordPress, Warp отдает HTML код. Это позволяет создавать универсальные правила CSS, которые применяются для обеих платформ CMS.

 

e-kzn.ru

Создание шаблона для Joomla 1.7. (часть 1).

Доброго времени суток! С данной статьи я начинаю цикл постов, посвященных созданию шаблонов для CMS Joomla 1.7. Для тех кто еще не знает, что такое CMS и не знаком с CMS Joomla я предлагаю в начале прочитать мою статью «Основы Joomla 1.6».А в данной статье мы рассмотрим структуру файлов и папок шаблона, сверстаем простенький html-файл и переделаем его в шаблон(template) для Joomla. Итак, приступим...Структура шаблона (template) для CMS Joomla.Все шаблоны (или template) находятся в папке templates корневой папки Joomla. Каждый шаблон храниться в отдельной папке, Так, например, при установке Joomla из коробки сразу есть несколько стандартных шаблонов: atomic, beez_20, beez5 и system.Приступим к созданию своей темы и назовем ее «my_theme». Для этого в папке с шаблонами  создадим папку «my_theme», где будет размещаться наш шаблон.Любой шаблон состоит из набора файлов, так например,   стандартная тема «beez_20» состоит из файлов которые Вы можете посмотреть в ./templates/beez_20/. Рассмотрим структуру template для CMS Joomla 1.7 (хотелось бы заметить, что структура template для Joomla 1.5 несколько отличается от структуры template для Joomla 1.7), шаблон состоит из папок и файлов:Итак, с файловой структурой шаблона для CMS Joomla 1.7 разобрались. Теперь разберемся со структурой шаблона, который мы делаем.Структура, создаваемого шаблона.Прежде чем начать создавать шаблон, нужно определиться с некоторыми моментами, например, пусть ширина у нас будет фиксированная равная 1000px. Теперь определимся с размещением на нашем сайте. Давай сайт будет иметь следующий вид: Область 1: разместим логотип или название сайтаОбласть 2: разместим поиск по сайтуОбласть 3: Разместим верхнее менюОбласть 4: Разместим левое (основное) меню и авторизацию на сайтеОбласть 5: Разместим контентОбласть 6: Разместим дополнительное менюОбласть 7: footerПосле того как мы определились со структурой нашего шаблона перейдем к html верстке. Как наша страница будет сверстана, можно начать переделывать ее под шаблон Joomla 1.7. Но этим мы займемся в следующем посте.
Понравилась статья? Поблагодарить автора:

zloykolobok.blogspot.com


Prostoy-Site | Все права защищены © 2018 | Карта сайта