Установка шаблона в джумла 3. Как установить новый шаблон на Joomla. Запускаем Быстрый Старт из браузера

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

http://joomla-zone.ru/
есть подробная инструкция. Кстати, отмечу, что разработчики терпеливо отвечали на мои, может, глупые вопросы.

Скачиваем шаблон

На официальном сайте скачиваем архив с купленным шаблоном. В архиве лежит еще два zip архива и две папки. Поясню, что там находится. Самый важный и нужный нам архив -это архив QuickStart.zip. Еще есть архив купленного шаблона, но без QuickStart и две папки. В одной pdf файлы -картинки, в другой исходники, используемых в шаблоне расширений: галерея, поиск и так далее. При установке из Быстрого Старта Вы сразу получите шаблон с плагинами и расширениями, как на демо-сайте.
Архив с шаблоном без БС мне пригодился, когда я по-ошибке удалила нужный файл. Я взяла удаленный файл и закачала на хостинг. /Подсказала Вера на форуме Joomla-ZONE/

Подготавливаем место для сайта

На хостинге подключаем домен. Создаем базу данных. Когда домен и база подключатся, Вам на почту придет письмо-сообщение.
Открываем файловый менеджер и удаляем из корневой папки два системных файла.Один файл index.html, название второго файла и корневой папки будет другим, если Ваш хостинг не Макхост. На Макхосте корневая папка httpdocs, а файлы index.html и mchost.php.

Закачаем архив с шаблоном на хостинг

В пустую корневую папку httpdocs закачиваем QuickStart.zip. На Макхосте это можно сделать прямо из админпанели, что очень удобно. Распаковываем архив в эту же папку, нажав на желтый квадрат. Удалим QuickStart.zip, освободив место на хостинге. Проверьте, какой у Вас файл.htaccess. Должен быть с точкой, если нет, надо переименовать.

Как переименовать файл htaccess.txt в.htaccess

Чтобы работали ЧПУ и не показывались кракозябры, переименуем файл htaccess.txt в.htaccess. Скачайте его на рабочий стол, откройте в Блокноте.

Сохраните в нужном формате. “Файл” -“Сохранить как”. Напишите название файла.htaccess, а внизу выберите “Все файлы”. Сохраните и закачайте.htaccess обратно на хостинг. Или закачайте файл с неправильным названием на хостинг, а там уже переименуйте. Так тоже можно и правильно.

Запускаем Быстрый Старт из браузера

Введите в строку поиска Ваш домен. Откроется установщик QuickStart. Заполняем данные соединения. Их можно скопировать из панели аккаунта хостинга. Для этого открываем вкладку “Мой аккаунт” и “Пароли аккаунта”. Копируем название хоста, название базы данных, имя пользователя, пароль. Когда соединение с хостингом будет установлено, вписываем название сайта, электронную почту сайта, логин, е-мейл и пароль администратора. Если, все прошло успешно,откроется страница, где Вы должны ввести код купленного шаблона. Его найдете в своем кабинете на сайте Joomla-ZONE. Вуа-ля! Сайт открылся! Дальше начинается очень трудная и важная работа по настройке шаблона и расширений.

Вот такая получилась инструкция как установить шаблон на joomla 3.3 с Быстрым Стартом. Оказалось, все просто и быстро. Как установить кнопки социальных сетей в К2 Joomla.

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

Шаблон Joomla 3, вполне разумно называют одеждой сайта. Захотели поменять внешний вид сайта, установили новый шаблон и готово. Сайт в новом дизайне. Бывают более серьезные причины смены шаблона. Например, шаблон устаревает, автором не обновляется и при очередном обновлении Joomla, шаблон начинает «глючить». В любом случае, какова бы ни была причина, сменить шаблон Joomla по умолчанию, вам нужно сначала установить шаблон. Сделать это можно тремя способами.

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

Шаблон Joomla это расширение системы, которое может создать и выпустить любой автор. В Интернет вы можете найти варианты бесплатных и платных шаблонов от самых разных авторов.

Разница в платных и бесплатных шаблонах Joomla в технической помощи автора (поддержки) и возможном наличии внешних ссылок на сайт или сайты автора. Тех. поддержка присутствует в платных шаблонах, а внешние ссылки висят на бесплатных шаблонах.

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

• Не важно, где вы берете шаблон. В конце статьи несколько ссылок на отличные бесплатные шаблоны (по авторам). Скачиваете шаблон в zip архиве.

Проверка шаблона на вирусы

• Для безопасности проверьте скачиваемый файл шаблона на вирусы. Сделайте это, по крайней мере, двумя способами:
• Проверьте безопасность шаблона своим антивирусом, установленным на компьютер;
• Проверьте файл архива шаблона на сайте Virustotal (https://www.virustotal.com/ )

Проверка каталога шаблона

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

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

Теперь важное! Для знакомства с шаблоном, распакуйте архив шаблона до открытия всех файлов и папок. Посмотрите, есть ли в каталоге шаблона установочный файл XML. Если его не будет, шаблон из панели сайта установить нельзя.

class="eliadunit">

Три способа установить шаблон Joomla 3

Установить шаблон Joomla 3 можно тремя способами.

• Установка шаблона из панели сайта Joomla;
• По FTP;
• По URLфайла из хранилища.

Способ установки шаблона №1. Установить шаблон из панели сайта Joomla

Наиболее приемлемый вариант установки шаблона Joomla, для понимания качества шаблона и его подготовленности к работе. Если автор шаблона собрал его корректно, то этот способ установки сработает и велика вероятность, что не будет в дальнейшей работе подводных камней.

• Для установки шаблона идем на вкладку: Расширения>>>Установить;
• Выбираем в меню менеджера «Загрузить файл из пакета»;
• Выбираем скачанный шаблон на своем компьютере;
• Устанавливаем;
• Правильная и корректная установка будет проинформирована зеленой полосой с информацией;
• Для проверки установки шаблона Joomla, идем в менеджер шаблонов , и видим установленный шаблон в списке.

Способ установки шаблона №2. Установить шаблон по FTP

• Распаковываем файл архива шаблона Джумла до видимости всех файлов и папок шаблона;
• Входим в каталог сайта по FTP, используя FTP клиент (FilleZilla или WinSCP);
• В корневом каталоге сайта найдите папку tmp. Очистите её, удалив всё кроме файла index.html;
• Залейте папки и файлы шаблона в папку tmp;
• Вернитесь в панель сайта. На вкладке Расширения>>>Менеджер расширений>>>Установить выберите пункт меню «Установить из каталога»;

• Проверьте правильность пути до каталога tmp и нажмите кнопку «Проверить и установить»;

Примечание: Можно сделать то же самое, но шаблон закачать в своей папке. Тогда к пути нужно приписать tmp/каталог шаблона.

Способ установки шаблона №3. Установить шаблон по URL из хранилища

В Менеджер расширений>>>Установить есть кнопка «Установить из URL». В теории она позволяет установить шаблон из открытого файлового хранилища. Я не пользовался такой установкой ни разу.

Несколько авторов бесплатных шаблонов Joomla

• Joomshaper (HELIX3 базовый). https://www.joomshaper.com/joomla-templates/helix3
• JoomLead. https://joomlead.com/
• Joomdev. https://www.joomdev.com/
• Agethemes. http://agethemes.com

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

В Joomla 3 существует три способа установки шаблонов:

1. Из архива путем его загрузки с компьютера и последующей автоматической распаковки;
2. По ссылке URL, если шаблоны и расширения хранятся в облаке;
3. Из корневого каталога сайта, в который предварительно распаковывается архив с шаблоном.

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

Во вкладке «Шаблоны» доступны следующие возможности:

• Просмотр списка установленных вариантов;
• Превью в миниатюрах;
• Предпросмотр сайта;
• Редактирование шаблонов;
• Создание переопределений для всех компонентов.

Во вкладе «Стили» можно:

• Назначать стили шаблона;
• Дублировать и редактировать;
• Связывать стили с отдельными пунктами меню.

На что обратить внимание при работе с шаблонами?

Одна из ключевых особенностей работы с Joomla 3 – использование технологии Bootstrap, благодаря которой значительно расширяются пользовательские возможности.

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

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

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

Новый интерфейс административной панели значительно удобнее в работе. Упрощенная установка системы и ее элементов не потребует специальных знаний и навыков.

Заключение

Установка даже больших шаблонов на Джумла 3 стала еще проще и приятнее, чем при работе с другими версиями.

Все процессы интуитивно понятны, так что освоиться с ними сможет даже новичок.

После установки Joomla на виртуальный или локальный сервер, перед начинающим администратором встанет вопрос: где загрузить и как затем установить шаблон?

В данном материале мы рассмотрим, как можно установить шаблон Joomla и какие существуют варианты установки.

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

Итак, установить шаблон Joomla можно двумя способами:

• при помощи встроенного установщика Joomla «Менеджер расширений»;
• путем копирования файлов шаблона в папку «templates» по FTP.

Первый способ предполагает установку через «Панель Управления»; необходимо сначала найти, скачать, а затем устанавливать файл шаблона темы в формате.zip или.tar.gz. Для начала, перейдите по ссылке ваш_сайт.ру/администратор. После открытия нового окна нажимайте на «Расширения» и переходите в «Менеджер расширений».

В этом разделе можно устанавливать не только шаблоны, но и плагины, модули, компоненты, языковые пакеты. Если вы ранее включали функцию «Установить из JED», то вам будет доступно три-четыре опции:

• загрузить файл пакета (необходимо указать путь к файлу, который расположен на вашем компьютере);
• добавить из каталога (необходимо указать путь, по которому расположен шаблон на веб-хостинге);
• добавить из URL (введите ссылку, благодаря которой можно загрузить файл шаблона).

Установка шаблона с компьютера

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

Наиболее предпочтителен первый вариант – загрузка шаблона с вашего компьютера. Если устанавливаемый вами архив не содержит никаких ошибок, то в этом случае шаблон будет успешно установлен. Чтобы проверить его работоспособность после установки он должен появиться в списке, и его можно назначить по умолчанию.
https://www.youtube.com/watch?v=vSdqjbuYW88

Установка по FTP (распаковка шаблона в папку)

Шаблоны в Joomla 3.x могут быть поставлены и через FTP, но только уже в распакованном виде. Чтобы это сделать, вам необходимо распаковать шаблон на своем компьютере и залить его на сервер; при этом важно подчеркнуть, что все файлы/папки должны находиться в директории, которая отображает название шаблона (если архив называется, к примеру, template, то и папка со всеми директориями и файлами должна называться аналогично). Какое программное обеспечение для заливки по FTP вам использовать, дело ваше. Можем посоветовать, к примеру, Total Commander. Главное заключается в том, что загружать вам необходимо все файлы и папки соответствующий каталог: /path_to_joomla/templates/


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

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

Последний представитель расширений, который нам осталось рассмотреть это шаблоны. Именно шаблон в CMS Joomla 3, да и в любой другой версии определяет внешний вид и облик сайта. Благодаря шаблонам можно кардинально изменить дизайн Вашего сайта, затратив на это минимум времени, все, что потребуется это скачать и установить готовый шаблон, и определиться с местом вывода модулей.

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

Из чего состоит шаблон Joomla 3

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

• index.php – индексный файл, он определяет структуру сайта
• templateDetails.xml – данный файл содержит всю информацию о шаблоне и служит для установки шаблона через панель управления
• Файлы стилей (.css) – с их помощью определяется оформление страниц

Кроме того шаблоны могут содержать файлы скриптов (.js), изображения, языки и многое другое. На скриншоте ниже представлен набор файлов, из которых состоит стандартный шаблон «Protostar»:

Какие бывают шаблоны

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

• Шаблоны для сайта – меняют облик и дизайн сайта
• Шаблоны для панели управления – данный вид шаблонов предназначен именно для панели управления, на сайт они никак не влияют.

Работа с шаблонами Joomla 3

С разновидностями, местом хранения и файлами шаблонов разобрались, теперь поговорим о том, как работать с шаблонами при помощи панели управления. Для начала давайте перейдем в раздел «Шаблоны: Стили (Site)» («Расширения» -> «Шаблоны») и посмотрим, какие шаблоны уже присутствуют в базовой сборке CMS Joomla:

На странице «Шаблоны: Стили (Site)» видно, что в нашем распоряжении имеется два шаблона Beez3 и Protostar , последний установлен по умолчанию для всех страниц сайта, обратите на это внимание ведь в Joomla один и тот же сайт может состоять из нескольких шаблонов. И для различных разделов сайта можно назначить свой собственный шаблон, тем самым сделать сайт более привлекательным.

Давайте откроем один из шаблонов для редактирования и посмотрим, что и как можно отредактировать:

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

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

И последняя вкладка - «Привязка к меню» именно с её помощью можно назначить шаблон для всего сайта или для определенных разделов. Просто отмечаем те пункты меню, для которых будет определен данный шаблон:

Позиции модулей в шаблоне Joomla 3

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

Как узнать или где посмотреть позиции модулей в Joomla 3 ? Для этого в Joomla предусмотрен специальный предварительный просмотр, но по умолчанию он недоступен (выключен) и его необходимо включить в настройках.

Для того чтобы включить отображение позиций модулей в Joomla 3 необходимо на странице «Шаблоны: Стили (Site)» нажать на кнопку «Настройки». После этого мы попадем на страницу «Настройки менеджера шаблонов», на которой выставляем переключатель «Просмотр позиций модулей» в положение «Включено»:

После этого снова переходим на страницу менеджера шаблонов – «Шаблоны: Стили (Site)» и жмем на иконку с изображением глаза расположенную чуть левее названия шаблона:

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

Создание собственных позиций модулей

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

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

Переходим от слов к делу, для начала открываем файл templateDetails.xml , который находится в корневом каталоге шаблона. Вникать в его суть сейчас нет смысла, нас интересуют только позиции для модулей, они объявлены между строчками <position >имя-позиции-модуляposition > (строки 28-47 шаблона Protostar). По умолчанию их 18 штук:

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

my-module-position

Сохраняем файл, его можно закрыть, главное запомнить имя позиции, под которой вы его объявили.

Теперь открываем файл index.php и добавляем в него новый блок DIV, который будет являться контейнером для новой позиции модулей. Я для примера решил создать новую позицию для модулей в футере сайта. Пишем в футер следующий код:

Div>