WordPress. Верстаем сайт. Gantry Framework

WordPress. Верстаем сайт. Gantry Framework изображение поста

В свое время при создании сайта на wordpress я задумался над темой-заготовкой для верстки новых сайтов, которая существенно поможет экономить время в процессе создания сайта на этапах вёрстки шаблона и программирования функциональности. Мною был обнаружен интересный template framework для WordPress, который существенно упрощает поставленные задачи и позволяет выполнить большинство действий по верстке дизайна.

Без вмешательства в .php файлы шаблона и максимально упрощает процесс верстки (обладая возможностью 2-3-4 колоночного представления информации, настраиваемого из панели администрирования), имеет множество предопределенных позиций (65 позиций для widget ов), а так же предоставляет удобные инструменты управления содержимым (вводит понятие модульной системы для шаблона в WordPress 3+). Какие требования выдвигались мною при выборе такой заготовки:

  • Минимальная модификация кода (желательно, только изменение css стилей);
  • Верстка регионами (div);
  • Seo ориентированная верстка: правильная иерархия заголовков: h1 -> h6;
  • Возможность переопределения позиций в зависимости от страницы (например: для главной: вывод widget с контактами вверху шаблона на главной), добавочные позиции с рекламой на главной странице и отключение данных widget на странице категорий, постов;
  • Большое количество предопределенных позиций для вывода widget, возможность модификации двух колоночной, трех колоночной верстки (гибридной верстки, там, где две колонки слева, справа от содержимого).

Поставив его и немного повозившись с настройками, я обнаружил много интересного. Перейдите в панель управления WordPress — Плагины и активируйте Gantry Template Framework, после чего перейдите во Внешний Вид — Темы и активируйте тему Gantry Theme for WordPress. Настройки темы доступны в левом меню на вкладке Gantry Theme. Сам по себе Gantry Template Framework обладает огромным количеством настроек.

Среди которых:

  • 65 предопределенных позиций для вывода модулей (которые «отображаются» только тогда, когда для них установлено содержимое).
  • Многоколоночная верстка. Вы можете сформировать структуру Вашего сайта с 1 — 2 — 3 sidebar (1-2-3-4 колоночная верстка, настраиваемая полностью из админки).
  • Размер позиций, как и их расположение, для предопределенных областей управляется буквально ползунком из админки.
  • Колонки устанавливаются легко и просто, достаточно в нужную позицию добавить необходимые widget и разделить их на колонки с помощью gantry divider, который является также wiget и добавляется с помощью простого перетаскивания. Собственно, так мы и получаем много колоночную верстку для WordPress.
  • Размеры колонок в строке также легко управляемы, для этого достаточно в настройках темы перетянуть ползунок и выбрать необходимое положение и соотношение сторон.
  • Заготовка имеет 4 предопределенных цветовых гаммы, которые можно легко подкорректировать с помощью css стилей в папке шаблона.
  • Существует множество настроек, вплоть до дополнительных специальных запросов к базам данных, которые можно указать прямо из админки в теме шаблона для страниц blog, page, post, category, archive, tags, search (Вкладка Content), при этом там собраны все часто встречающиеся настройки, что позволяет минимально модифицировать файлы шаблона и не копаться в них раз за разом, а осуществлять всю настройку даже мельчайших деталей из панели администрирования.
  • Gantry Framework позволяет переопределять вид и содержимое widget, наполнение позиций в зависимости от содержимого. Достаточно лишь создать New Override, перейти на вкладку Assignments, выбрать пункт меню, или тип страницы (Template Page Types), или же определенную запись, страницу, метку и даже другой тип страниц, который создается с помощью плагинов WordPress, нажать Add to Assigned, после чего перейти в Widgets и настроить все по своему вкусу. Таким образом любая внутренняя страница по стилю и содержимому, количеству колонок и модулей на Вашем сайте становится настроена оригинально (помните модульность Joomla?). Кроме того, это полезное нововведение позволяет создавать различное информационное наполнение для каждой страницы сайта на WordPress.
  • Gantry Framework содержит image preloader (отложенная загрузка изображений после загрузки страницы), который можно также задействовать для более быстрой загрузки сайта, и может создавать миниатюры изображений указанного размера для соблюдения единого стиля подачи информации.
  • И, между прочим, в Gantry Framework есть отдельные настройки для отображения на iPhone и планшетах.
  • Если Вам нужен экстравагантный вид главной страницы, Вы можете отключить подачу основного содержимого на вкладке Advanced (Content: off) и составить содержимое страницы полностью из widget.
  • Также возможно в Gantry Framework включить внутреннее кеширование и Gzip сжатие.

Если Вы web-мастер, программист, или верстальщик и создаете сайты на WordPress, советую Вам обратить внимание на Gantry Framework, который позволяет делать профессиональные сайты с удобной подачей информации и тратить минимальное количество времени при верстке сайтов для WordPress.

Я составил русскую локализацию web-интерфейса сайта (пока что без панели администрирования) для Gantry Framework версии 1.23. Просто распакуйте содержимое архива в папку wp-content\themes\rt_gantry_wp.

В дальнейших статьях я подготовлю видео уроки с пояснениями на русском языке о настройках Gantry Framework и работой с WordPress 3+, а так же русскую локализацию админки, и поделюсь секретами успешной seo-оптимизации сайта на WordPress для поисковых систем.

Комментарии