ExpressionEngine 2: краткое руководство пользователю

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

В этом топике я бы желал, как раз, проанализировать процесс интеграции шаблона в ЕЕ.

Загрузка изображений шаблона
Нам нужно переместить изображения шаблона в то место, где веб-сервер будет способен получить доступ к ним. ExpressionEngine не особенно требователен к размещению изображений, так что в случае если у вас уже есть приготовленная схема размещения, то вы сможете ее применять. Я создал новую папку в обычной для EE директории с изображениями и разместил их там: root / images / interface

Последующие действия подразумевают, что все рисунки будут расположены конкретно в данном каталоге. Применяя FTP клиент организуйте папку images / interface на вашем сервере.

Редакция CSS и добавление переменной Site URL
Имеется две альтернативы задания путей: полная и относительная. Задание полного пути считается намного более беспроигрышным, но в случае переноса вебсайта понадобится редактирование при переезде на иной сервер или же смена доменного имени.

При применении относительного пути вебсайт будет намного легче перенести, но в связи с тем, что ExpressionEngine образовывает виртуальные каталоги (вся информация после index. php, которую вы сможете увидеть в URL есть лишь в EE, а не в виде файла или же папки на сервере), относительный путь иногда не верен. Переменная, используемая нами называется .

Данная переменная берет свое значение из опции в панели управления: Admin = General Configuration = URL to the root directory of your siteСейчас, когда ExpressionEngine сменит переменную путем из панели управления мы получаем полный путь до изображения, который, при потребности, исключительно просто обновить.

Переменную можно отыскать в руководстве пользователя EE тут: expressionengine. com/user_guide/templates/globals/single_variables. html

Структура шаблонов
Наименования групп шаблонов и имена шаблонов считаются фрагментом URL структуры и вследствие этого важно, чтобы вы точно подбирали названия для них. В общем, EE URLы располагают следующей структурой: domain. com/ template_group_name / template_name

Организация новейшей группы шаблонов
В ExpressionEngine 2 основная страничка панели управления поделена на секторы создания (Create), изменений (Modify) и просмотра (View). Так как на данный момент мы пребываем на стадии организации, то отыщите в разделе создания Template Group а потом нажмите на нее.

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

Дайте название новой группе шаблонов site. Выберите Do not duplicate a group в выпадающем меню. Поставьте флажок на Make the index template in this group your sites home page? (Сделать ли index-шаблон в данной группе главной страницей вашего сайта?).
Далее нажимаете Submit. Новый CSS шаблонСейчас начнем загрузку шаблонов в не так давно сформированную группу шаблонов. Сначала расположим там файл стилей. В случае если вы не находитесь в менеджере шаблонов, то нужно туда перейти: Design = Templates = Template Manager.

В менеджере шаблонов нажмите на клавишу организации нового шаблона New Template. Дайте имя шаблону (к примеру, stylesheet). Смените тип шаблона (Template Type) на CSS. Жмите Создать и изменить (Create and Edit).
История изменений шаблонаEE дает возможность хранить историю изменений какого-то шаблона. Это исключительно нужная функция, которая будет многократно спасать ваш зад, так что обязательно включите ее.

Удостоверьтесь, что вы пребывайте в менеджере шаблонов: Design = Templates = Template Manager. Жмите Global Template Preferences (Глобальные опции).

Далее нужно изменить Save Template Revisions на Yes. Выбрать количество версий, которые бы вы предпочли хранить в поле Maximum Number of Revisions to Keep. Жмите Update. Если возможность хранения истории включена, вы можете в когда угодно выбрать предшествующую версию ваших изменений. EE отражает дату, время и имя пользователя, который сохранял этот шаблон.

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

Редакция путей изображений в HTML
Вам нужно произвести редакцию путей изображений в шаблоне. Чтобы показать ту структуру папок, которую мы сделали для EE, нужно прибегнуть к переменной . Эта переменная нам потребуется для перехода от images / img2. gifк images / interface / img2. gif.

Подключение CSS в HTML
Имеется еще одна вещь, которую нужно отредактировать для правильного отражения шаблона это ссылка на CSS файл. Мы обязаны это сделать вследствие того, что поменяли расположение файлов при переносе в ExpressionEngine. В HTML обычная ссылка смотрится так: Нам необходимо изменить ее для совместимости с EE: Обязательно обратите внимание, на то, что EE переменная начинается с {stylesheet=. После объявления переменной идет путь и имя файла стилей, где site является именем группы шаблонов, а stylesheet это имя файла стилей.

Далее, после того как вы обновили ссылку, жмите Update для сохранения шаблона.

Заключение
Здесь я бы хотел завершить рассмотрение шаблонизации в EE. Стоит напомнить, что система считается коммерческой.

Вам также может понравиться

About the Author: admin

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *