Урок 1. Создание шаблона для Joomla 2.5. Введение: структура шаблона

joomla-lessons

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

Серия статей написана специально для Казахстанского форума о Joomla.

Теперь по урокам создания шаблона: что необходимо знать?

Внимание! Обратите внимание на дату публикации статьи, и взгляните на актуальную версию Joomla!

В-первую, очередь мы будем использовать готовый html шаблон, из которого сделаем шаблон для джумла. (скачать искодники можно в конце статьи) Если вы хотитесвой скачайте в интернете по запросам: «скачать шаблон на html5», «бесплатный html5 шаблон» и т.д. Советую использовать html5. ;)

Также вы можете заказать дизайн и сверстать по мои урокам верстки сайта с нуля. А затем уже перейти к созданию непосредственно шаблона. Кстати, таким способом можно зарабатывать.  :neutral:

Хватит слов. Перейдем к структуре уроков. Серия уроков следующая:

  1. Введение. Что есть, что в шаблоне?
    Структура шаблона joomla 2.5
  2. Создание templateDetails.xml
  3. Создание шаблона из html и установка
  4. Добавление модулей
    Условия с позициями модулей
  5. Добавление css. Готовый шаблон.
  6. Фишки и плюшки
  7. Полезные ссылки.

Последние пункты будут добавлять по мере необходимости. В общем, в 5 уроков должны уложиться.

Внимание! В данной серии уроков (5-ти), вы узнаете только азы создания шаблона по Joomla. Вам также необходимы знания и понимания верстки сайтов.

Наш будущий шаблон (зеленый :-)  ) выглядеть будет так:

бесплатный html шаблон зеленый

Выбран этот html шаблон simplestyle_7 (посмотреть демо html шаблон):

  • Используется html 5 как нам и нужно;
  • Простота: обычный вывод статей с правым сайдбаром с оформленными модулями;
  • Есть простая типография (страница Example)
  • Лого и слоган можно сделать настраиваемыми.

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

Структура шаблона Joomla 2.5

Если вы уже знакомы со структурой шаблона Joomla 1.5,  то можно пропустить данный урок.

Важно знать, что в joomla есть два вида шаблонов:

  • шаблон для сайта
  • шаблон для административной части

Шаблоны для админки находятся по пути:

   site.kz/administrator/templates/название_шаблона/

Шаблоны для сайта находятся по пути:

   site.kz/templates/название_шаблона/

Название шаблона регистр зависимое. Мы с вами рассмотрим структуру шаблона для сайта joomla.

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

Структура шаблона joomla 2.5

css и images – это папки для отображения стилей и картинок соответственно. Их количество зависит от Вашей фантазии и дизайна сайта;

index.php основной файл шаблона – Главная страница сайта;

templateDetails.xml –  информационный файл – содержит данные о шаблоне, его авторе, всех файлов в шаблоне.

Но обычно структура простого шаблона такова.

Структура шаблона joomla 2.5

Папка html для настройки красоты и структуры модулей, компонентов.

Файл favicon.ico для иконки сайта.

template_preview.png  и template_thumbnail.png – превью и картинка шаблона, для отображения в «Менеджере шаблонов» в админке Joomla. В версии 1.5 была только одна картинка.

Это основные/базовые файлы шаблона joomla 2.5. Конечно, есть и другие, но сейчас в этом нет необходимости. После базового курса рассмотрим все более углубленно.

Если у вас какие-нибудь предложения по данным урокам, можете отписаться в комментариях, либо в специально созданной ветке в теме форума joomlaforum.kz.

Надеюсь, информация была полезной для вас. Не забываем делиться с друзьями и подписываться на блог. :-?

Следующий урок 2

Скачать Html шаблон

с/у УтБ

Если вы делаете ремонт, то не забудьте пластиковые окна москва – отличное решение!

На десерт сегодня популярное видео интернета: “Ты кто такой, давай до свидания”:

Комментарии к статье

  • #

    Здравствуйте, начала изучать joomla 2.5 по Вашим урокам!

    Хочется организовать один проект, а знаний по части сайтостроения пока маловато. Хочу спросить: можно ли будет к готовому сайту (буду делать в виде блога, похожий на Ваш) прикрутить форум phpbb и интернет магазин небольшой (позиций на 20-30).
    Как лучше это реализовать, чтобы все это великолепие работало на одном хостинге, под одним именем, но с использованием поддоменов: forum/mysite.ru, shop/mysite.ru.
    Помогите мне советом, очень нужно! Уроки очень для меня полезные, но вот удастся такое осуществить не знаю (((. За ранее спасибо!

    • #

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

  • #

    можно ли пользоваться данным шаблоном в коммерческих целях? Я про авторские права.

  • #

    Нашел недавно интересную пустышку для шаблонов http://jblank.pro/ Можете сделать урок по ней ?

    • #

      нет) спасибо

  • #

    Не подскажите каким способом на joomla 2.5 можно организовать фильтр как на этом сайте? http://www.orgprint.ru

    Вторую неделю роюсь в инете, ничего подобного так и не нашёл…

    Может есть какие расширения для оргинизации подобного?

    • #

      есть решения, joomlaforum.kz или joomlaforum.ru
      разделы Магазины, электронная коммерция, доски объявлений

  • #

    Спасибо, довольно интересно, хоть и не очень много.

    А у Вас есть курсы по переходу на Joomla! с других движков? А то есть сайт, работает, но не на столько, на сколько хотелось бы ((

    • #

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

  • #

    Здравствуйте!
    У меня проблема, прощу помочь. Создала мой первый сайт Joomla 2.5 на локальном хостинге, все было отлично.
    Думаю, что после обновления программы антивирус не открывается
    панель управления и сайт. Что делать? Спасибо всем. costaazura@bk.ru

    • #

      вряд ли из-за антивируса, проверьте все ли работает (локальный сервер), с такими вопросами надо в joomlaforum.kz обратиться ;)

  • #

    Сложно было шаблон делать? У вас наверно опыт большой. Я так только шаблоны из паблика переделать смогу а свой собственный – это жуть просто для меня

  • #

    смущаюсь спросить а в какой программе создаются все эти файлы ну хотя бы xml и редактирование остальных
    notepad не предлагать :mrgreen:
    И вообще если вас попросить сделать шаблон простенький имея шаблон рисованный в фотошопе в слоях сколько бы вы взяли за это…
    пишите пожалуйста на адрес elisbaby@mail.ru

    • #

      Рекомендую Notepad++ и Sublime Text
      А что плохого в Notepad++ ?
      К сожалению, я сейчас очень занят и временного не занимаюсь сторонней работай :(

  • #

    Не ужели в лом добавлять в ссылки на сторонние ресурсы target=”_blank”?

    • #

      ок, не всегда и везде получается :)

  • #

    Еле её отыскал, добавьте плз http://www.html5webtemplates.co.uk/downloads/colour_green.zip =) И огромное спасибо за уроки =)

  • #

    В статье отсутствует ссылка на архив с шаблоном ;)

    • #

      там есть сслыка на демо html шаблона ;-)
      можно было оттуда просто сохранить страницу :)
      но спасибо, сейчас добавлю

  • #

    “В версии 2.5 представлен новый файл error.php для шаблонизации страниц ошибок”. Почему про него забыли?? :???:

    • #

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

  • #

    У Вас дан скрин того, что должно быть минимально обязательно. Но template_thumbnail в нем нет. Я на своем опыте обнаружила, что его отсутствие – помеха при загрузке шаблона через загрузчик extensions manager.
    На скрине “обычного” состава шаблона есть файл params. Он был нужен в одной из предыдущих версий. При подгонке старых шаблонов к Джумле 2.5 от него избавляются и правят ссылающийся код.

    • #

      template_thumbnai есть для шаблона joomla 2.5.
      А файл params.ini я не удалил :| По сути, да, его удаляют.
      но с ним я пробовал работает ;-)

      • #

        А код Вы при этом правили? Или так и оставили со всеми обращениями к param.ini, и оно работало?

  • #

    Всегда хотел этому научиться. Но как то самому все искать и учить лень. Класс! Буду ставить лайки

    • #

      ok, не стесняйтесь задавать вопросы ))