Установка шаблонов Artisteer на Joomla 3.Х

Joomla Рейтинг: +1 Голосов: 1 2579 просмотров
Установка шаблонов Artisteer на Joomla 3.Х

В пред идущих статьях мы установили Joomla 3.Х на тестовый локальный сервер Open Server. Теперь у нас есть чистая предустановленная Joomla 3.Х. На которую мы будем устанавливать шаблоны сделанные в Artisteer. На реальный хостинг, шаблон устанавливается точно так же, как и на Open Server. В этой статье мы рассмотрим обысный, наиболее распространенный и применяемый способ установки, без содержимого.

Для работы нам понадобится: Open Server с установленной Joomla 3 и шаблон artisteer ( мы возьмем шаблон тот что в Artisteer "по умолчанию", только немного изменим вид блоков и вертикального меню ).

Установка шаблона без содержимого.

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

Недостатки: практически нет, некоторые возможные правки указаны здесь.

И так. Делаем шаблон в Artisyeer. Для этого способа Экспорт без содержимого) внутренние тексты на страницах, картинки и прочее заполнять не надо. Нам важно только как они будут выглядеть ( стили ). То есть как будут выглядеть: блоки, тексты, шрифт, размер шрифта, размер заголовков, их цвета, формы и т.д. Сами же тексты и содержимое блоков, будут добавляться в самой joomla средствами движка.

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

Мы сделали наш шаблон и теперь его надо экспортировать, и установить в Joomla. Нажимаем вверху программы Файл --> Экспорт --> Шаблон Joomla. И перед экспортом делаем соответствующие настройки:

Экспорт шаблона из Artisteer

Где:
1. выбираем версию joomla 3.2-3.3 ( в этом режиме для всех версий joomla 3.Х.Х, шаблоны совместимы ).
2. название будущих позиций ( можно выбрать классический, как у нас, или вида posipion 1-...) расположение позиций можно посмотреть здесь.
3. название вашего шаблона ( должно быть уникальным, не повторяющемся с ранее установленными шаблонами ).
4. Ставим галку только на "Архив", так как нам нужен только сам шаблон без содержимого. Можно еще поставить на "Включить ARTX проект", в этом случае в архив будет сделана резервная копия проекта вашего шаблона, и в дальнейшем он не потеряется, когда например через 1-2 года вы захотите поправить в чем то шаблон, вы можете скачать этот проект и загрузив в Artisteer отредактировав сделать новый экспорт. То есть это резервная копия проекта.

Мы сделали экспорт, теперь непосредственно установка. Заходим в админпанель и вверху в меню выбираем Расширения --> Менеджер расширений --> Установить. Где нажимаем на кнопку "Обзор", выбираем наш пакет шаблона:

Загрузить шаблон в Joomla

Жмем "загрузить и установить". По завершении установки шаблона, получаем сообщение "Установка шаблона успешно завершена".

Делаем остальные настройки по установки шаблона. Идем в Расширения --> Менеджер шаблонов --> Стили. Делаем наш шаблон "по умолчанию" нажав на звездочку:

Назначить шаблон Joomla по умолчанию

Входим в сам шаблон и пишем название сайта (логотип в шапке сайта, если таковой был в шаблоне в виде текста, если логотип сделан картинкой, ничего не пишем ):

редактировать шаблон Joomla 3

Видим на сайте появившееся название:

настройка текста логотипа в шаблоне artisyeer Joomla 3

Нажимаем вверху на "Сохранить и закрыть".

Идем в Расширения --> Менеджер модулей и расставляем модули согласно позициям ( Расположение позиций смотрите в конце статьи). заходим в модуль Main Menu ( можно переименовать в более понятное, например "горизонтальное меню" ) устанавливаем в позицию user3 ( позиция для горизонтального меню ) при необходимости делаем остальные настройки ( это уже зависит от того что именно вы делаете, то есть функционал самого сайта, в рамках данной статьи не рассматривается:

Настройка горизонтального меню artisteer в Joomla 3

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

вид горизонтального меню artisteer в Joomla 3

Устанавливаем необходимые блоки и модули в левую колонку шаблона (в зависимости от того, что вам нужно) например так:

настройка блоков artisteer в Joomla 3

Видим на сайте появившейся блок в заданном стиле:

вид блоков в шаблоне artisteer в Joomla 3

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

Создаем вертикальное меню. Заходим в созданный модуль вертикального меню. Устанавливаем в позицию left:

настройка вертикального меню в шаблоне artisteer в Joomla 3

Дальше: ВНИМАНИЕ (частая ошибка новичков, забывают это сделать ) надо зайти на вкладку "Дополнительные параметры" и в поле "Суффикс CSS-класса модуля" прописать "art-vmenu" (если в настройках, в программе, приставку art- убирали, тогда просто vmenu, если делали другую приставку соответственно с ней)

суффикс вертикального меню в шаблоне artisteer в Joomla 3

Открываем сайт и видим наше вертикальное меню со стилями:

вид вертикального меню в шаблоне artisteer в Joomla 3

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

установленный шаблон artisteer в Joomla 3

На этом установка и настройка шаблона Artisteer завершена.

Расположение позиций в Joomla шаблоне Artisteer

Позиции в шаблоне artisteer в Joomla 3

 

 

Комментарии (2)
Even #
Рейтинг: 0
Хорошая подробная статья. На денвер шаблон так же ставится? Будет статья как переносить потом на хостинг сайт?
skaz #
Рейтинг: 0
И на Денвер, и на реальный хостинг, принцип один. О переносе статья будет.

Случайное в статьях

Как добавить фоновый рисунок в шаблон
Даннаю статью решил написать на оснавании вопроса одного из участников. Как добавит к...
skaz - 0 - 9341
Как сменить кодировку с UTF-8 на кириллицу
Чтобы поменять кодировку страницы, напимер с UTF-8 на Windows-1251 (кириллицу),...
skaz - 0 - 51218
Создание темы для CMS Wordpress
Создать действительно хорошую тему для CMS Wordpress – задача сложная и...
skaz - 0 - 6280
Таблица цветов html - таблица html кодов цветов, коды цветов в RGB.
Таблица цветов HTML и кодов RGB , для дизайна. Данная таблица служит для подсказки...
skaz - 0 - 36446
Понятие домена, виды доменов, выбор и регистрация домена
Присутствие любого предпринимателя в сети, если оно обусловлено продвижением бизнеса,...
skaz - 0 - 2279
Установка Денвера, настройка локального сервера.
Для установки Joomla на локальный сервер , лучше всего подойдет пакет Денвер содержит...
skaz - 2 - 4447