Приветствую посетителей моего блога gtalk.kz. Данная статья будет интересна, в первую очередь, любителям создавать шаблоны для одной из самых популярных систем управления сайтом – wordpress.

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

Ближе к делу. Давайте рассмотрим 15 интересных wordpress фреймворков для  шаблона. Кстати, как вы уже поняли все они бесплатны.

1. Bones

Существуют два варианта с адаптивным дизайном и классическим.

Основа: HTML5 Boilerplate

Препроцессоры Css: Less/Sass

2. Reverie framework

Интересный фреймворк. Мой новый шаблон для вордпресс, использует основу Reverie.

Основа шаблона: Zurb’s Foundation framework (html5 и все прелести данного фреймворка);

Адаптивный wordpress фреймворк;

Особенности: хорошо работает с bbPress 2.0 и BuddyPress

3. Skeleton

Приветствую, вас на блоге Gtalk.kz, уважаемый посетитель. Сегодня я расскажу о своем новом образе блога. Если вы постоянно посещаете меня то, наверное, заметили изменения.

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

Это была версия 2.0, я об этом писал.

Ранее была первая версия (кстати, наверное лучше второй), назовем ее 1.0:

Сейчас уже версия 3.0, надеюсь надолго

            Немного информации по шаблону:

• Сделал в стиле минимализм, отсюда фактическое отсутствие дизайна ;
• Оставил зеленый цвет (и не променяю его);
• Шаблон сделан на основе фреймворка Reverie Framework;
• Шаблон имеет адаптивный дизайн;
• Использовал современную технику: html5, ccs3;
• Добавил разметку от schema.org;

Почему я обновился:

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

Сейчас с я еще тестирую, но блоки подстраиваются под ваш девайс:

Например, было так на компьютере:

Изменения при просмотре с девайса(например, телефон или планшет):

Кстати, если заметите баги, был бы рад узнать о них в комментариях

Еще я поигрался сразметкой от schema.org:

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

Ну, и одно из удобств для вас – вместо обычного меню я сделал псевдоссылку на содержание блога на всех страницах:

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

с/у УтБ

При этом в украшениях эмаль очень хорошо сочетается с бриллиантами.

Видео о schema.org от Яши:

Ранее в моих уроках, я учил вас делать самим шаблон для Joomla 2.5 . В данной статье для новичков, использующих joomla, я расскажу, как можно  установить тему или шаблон на cms несколькими способами.

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

Внимание! При установке шаблона убедитесь, что он совместим с данной версией шаблона!

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

Я покажу, как поставить шаблон на joomla версии 2.5 (последняя версия на данный момент), но суть в общем одна. Данными способами можно установить не только шаблон, но и компоненты, модули и плагины джумла. Я буду показывать примеры на шаблонах.

1 способ: автоматическая установка – Загрузить файл пакета:

У вас есть заархивированный шаблон на компьютере, назовем  Tt_tmp.zip 

1. Войдите в панель управления сайтом по адресу: site.kz/administrator
2. Пройдите в «Менеджер расширений»

1. В разделе «Загрузить файл пакета» выберите свой файл (Tt_tmp.zip) на компьютере и нажмите «Загрузить и установить»
2. Если шаблон установлен, то вы увидите надпись описывающую шаблон, либо просто не будет ошибок как на картинке:

Возможные распространенные ошибки:

JInstaller: :Install: Не удалось найти XML-файл установки

Ошибка «говорит», нам о том, что XML файл отсутствует и скорее всего, вы устанавливаете НЕ шаблон для joomla. Откройте свой архив, возможно, необходимо вначале разархивировать его и затем выбрать сам шаблон.

1. Теперь перейдем в раздел «Менеджер шаблонов»

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

1. Войдите на сайт и радуйтесь своему шаблону.

Возможные распространенные ошибки:

Некоторые страницы имеют другой шаблон: что делать?

Обратите внимание в разделе «Менеджер шаблонов» на зеленые галочки. Это значит, что данный шаблон назначен шаблоном для определенных страниц.

Приветствую всех, любителей создавать сайты самостоятельно. Начинается новая серия полезных уроков. По названию вы поняли, что мы будем создавать шаблон для 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 шаблон simplestyle_7 (посмотреть демо html шаблон):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

с/у УтБ

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

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