Категории

Joomla добавление шаблона

"ССР" №4 - Установка и настройка шаблона Joomla 3

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

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

Добавление новой позиции для модулей

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

Редактирование index.php

Прежде всего, вам необходимо найти файл index.php, принадлежащий тому шаблону, в котором нужно добавить отдельное место для слайд-шоу. Если вы используете FTP доступ к каталогу сайта, то сможете найти его по адресу: yoursite/templates/yourtemplate/index.php.

Также, можно найти этот файл непосредственно в административной панели Joomla, выбрав его на странице редактора, находящегося по адресу: Расширения -> Менеджер шаблонов -> Шаблоны –> Параметры вашего шаблона.

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

PHP код:

  1. <?phpif(->countModules('position-1')):?>

  2. <nav role="navigation">

  3. <div>

  4. <a data-toggle="collapse" data-target=".nav-collapse">

  5. <span></span>

  6. </a>

  7. </div>

  8. <div>

  9. <jdoc:include type="modules" name="position-1" style="none" />

  10. </div>

  11. </nav>

  12. <?phpendif;?>

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

PHP код:

  1. <?phpif(->countModules('slideshow')):?>

  2. <div id="slideshow">

  3. <jdoc:include type="modules" name="slideshow" style="none" />

  4. </div>

  5. <?phpendif;?>

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

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

Откроется страница, на которой нужно включить опцию «Просмотр позиций модулей».

Теперь, если код вставлен верно, то в предварительном просмотре будет показана соответствующая позиция.

Редактирование templateDetails.xml

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

В файле templateDetails.xml вам нужно найти блок кода со строчками <positions>…</positions> и добавить туда следующее:

XML код:

  1. <position>slideshow</position>

Теперь, когда вы будете публиковать любой модуль в панели администратора Joomla, вам будет доступна новая позиция «slideshow» для его размещения.

Добавление стилей

Еще одна вещь, которую вы можете сделать, добавить собственные стили для «slideshow». Найдите файл styles.css или template.css, находящийся по пути: yoursite/templates/yourtemplate/css/

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

CSS код:

  1. #slideshow{margin:0auto;padding:0;max-width:960px}

  2. #slideshow img {width:100%;display:block;}

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

Вывод

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


 

Опубликовано: 27-05-2016

Вы не зарегистрированы, чтобы отправлять комментарии.

Источник: http://www.JoomFox.org/blog/how-to-add-own-position-for-modules-in-joomla.html

Joomla Добавление шаблона

Всем привет!!! В сегодняшней статье рассмотрим установку шаблона, на движок joomla 3. А также поговорим о наиболее распространённой ошибке, которую допускают новички, при установке шаблона на joomla 3.

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

Установка шаблона joomla 3. Скачанный шаблон в большинстве случаев, заархивирован. И имеет вот такой вид.Частая ошибка новичков заключается, в том что они сразу пытаются установить этот шаблон. Естественно ничего не выходит :( Всё дело в том что, в этом архиве находятся ещё несколько архивов. И для начала необходимо разархивировать его в отдельную папку.

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

Первые два архива, содержат шаблон с демонстрационными данными, для joomla 2.5 и 3.1.  Спросите как я узнал, всё просто из названия: "yoo_square_demo_package_j25" где "demo_package" означает демо пакет, а "j25" означает для версии joomla 2.5. А вот третий и четвёртый архивы, являются чистыми шаблонами. Для joomla версии 3, необходим последний с "j31" в конце. Также обратите внимание на вес архива, первые два весят около пятнадцати мегабайт, так как в нём запакован целый сайт. А третий и четвёртый всего по одному мегабайту, это означает что они чистые. 

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

1. Расширения > Менеджер расширений:

 2. Далее жмём "выбрать файл", и находим на компьютере архив с необходимым шаблоном.

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

 Если всё сделали правильно, должно появиться сообщение: Установка шаблона успешно завершена.

4. После установки, шаблон необходимо активировать. Тоесть сделать его шаблоном по умолчанию. Для этого в админке, перейдите в: Расширения > Менеджер шаблонов.

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

Теперь можете открыть свой сайт, и посмотреть как выглядит ваш новый шаблон!

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

Источник: http://normalnet.ru/sozdanie-saita-na-joomla/joomla-3-ustanovka-shablona.html

Установка шаблона на joomla 3

Тем оформления для Joomla создано очень много, но все они разбросаны по просторам Интернета и единого репозитория, к сожалению, нет. Шаблоны, как водится, бывают коммерческими и бесплатными. Чтобы было, с чего начать поиски, дам несколько сайтов со свободно распространяющимися темами оформления для этой CMS.

joomla24.com

joomlahacks.com

bestofjoomla.com

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

Установка из архива

1. Скачайте архив темы оформления.

2. Откройте архив и убедитесь, что в его корне находится тема оформления, а не ещё несколько архивов. Если его структура примерно такая же, как на рисунке ниже, то сразу переходите к следующему шагу. Если же внутри одного архива есть несколько других, распакуйте его в отдельную папку.

3. Войдите в панель управления Joomla и откройте Расширения -> Менеджер расширений -> Установить.

4. На появившейся странице есть три вкладки: Загрузить файл пакета (открыта по умолчанию), Установить из каталога и Установить из URL. Если вы хотите установить шаблон из папки, то сначала извлеките архив в одну из директорий (например, в каталог tmp, расположенный в корне сайта), затем перейдите на соответствующую вкладку и нажмите кнопку Установить. Для инсталляции по ссылке перейдите на вкладку Установить из URL, введите адрес, по которому Joomla сможет скачать тему и нажмите Установить. Для инсталляции из архива нажмите кнопку Выбрать файл на вкладке Загрузить файл пакета и выполните следующие шаги.

5. В отобразившемся окне Проводника выберите файл и нажмите Открыть.

6. После того, как архив темы выбран, щёлкните кнопку Загрузить и установить в админ-панели Joomla.

7. Сообщение на следующей странице проинформирует об успешной установке. Шаблон инсталлирован, осталось его активировать.

8. Откройте Расширения -> Менеджер шаблонов.

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

Когда увидите сообщение Стиль назначен используемым по умолчанию (или что-то вроде этого), откройте сайт и посмотрите, как изменился его внешний вид. Нужно понимать, что ресурс может оказаться практически пустым, потому что если шаблон был установлен без демонстрационных данных, то все элементы, включая меню, модули, компоненты и контент, вам придётся настраивать самому, поэтому если увидите практически пустой сайт — не пугайтесь, так и должно быть.

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

Источник: http://www.seostop.ru/sozdanie-saita/joomla/ustanovka-shablona.html
Интересное: