Новые шаблоны WordPress с использованием фреймворка Cherry

Поклонники WordPress, радуйтесь! Разработчикам TemplateMonster удалось создать то, что во много раз облегчит работу с контентом сайта. Давайте ближе познакомимся с WordPress + фреймворк Cherry + функциональный Bootstrap.

Итак, что же такое фреймворк Cherry?

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

Таким образом, новые Cherry WordPress темы являются примером быстрой базовой реализации (прототипирования) фреймворка Cherry в Bootstrap шаблонах для WordPress.

Основные характеристики Cherry WordPress шаблонов

1. Простая установка. Установка шаблона упрощена. Нет необходимости одновременно работать в WordPress, FTP и phpMyAdmin. Все настройки осуществляются непосредственно в административной панели. Благодаря XML-файлу контент пользователей теперь является перезаписываемым — универсальное решение для новых пользователей и тех, у кого информативная часть сайта уже готова.

После разархивирования пакета с шаблоном, внутри папки окажется четыре файла: непосредственно шаблон, фреймворк, XML-файл и плагин jQuery для создания Формы контактов.

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

Порядок действий при установке шаблона:

Установка осуществляется через админку WordPress.

  •  Внешний вид — Темы — Установка темы. Загрузить архив .zip фреймворка Cherry;
  • Нажмите кнопку «Активировать»;
  • Снова перейти во Внешний вид — Темы — Установка темы и загрузить .zip файл с шаблоном;
  • Активировать.

Для того, чтобы установленный на WordPress сайт выглядел как на Демо, необходимо выполнить еще 5 шагов:

  • Перейти в Функции фреймворка Cherry – Импорт и загрузить файл options.json;
  • После загрузить файл widgets.json;
  • Нажмите на кнопку «Параметры импорта»;
  • Загрузите XML-файл;
  • Сохранить и активировать SEO-оптимизацию.

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

3. Обновление. Фреймворк Cherry будет постоянно поддерживаться разработчиками и обновляться, тем самым исключая возможность ошибок в работе. Другими словами, пользователи получат пожизненную поддержку темы WordPress.

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

Что еще?

1. Bootstrap. Темы Cherry WordPress основаны на Bootstrap функциональности, поэтому вы легко сможете сосредоточиться на юзабилити сайта, который, кстати, будет доступным для просмотра с любых устройств;

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

3. LESS+MCSS. Многослойная система организации стилей CSS. Активное использование технологий LESS и MCSS в верстке шаблонов. MCSS фокусируется на конкретном коде стиля, для работы с данной технологией, необходимы определенные инструменты и наборы файлов. Блоки в шаблоне делятся на модули, каждый из которых является абсолютно независимым и имеет свой определенный набор правил для взаимодействия с другими модулями.

Расположение стилей

Стили каждого модуля хранятся друг с другом, они могут быть закомментированы или размещены в отдельных файлах:

Селекторы, модифицируемые каскадом, должны находиться рядом с родительским классом:

Исключение составляют классы из контекстного слоя:

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

Слой первый — Базовый

Это ядро, которое состоит из наиболее часто используемых элементов:

  • Форм;
  • Кнопок
  • Навигационных блоков и т.д.

Слой второй — Проект

Состоит из отдельных проектных модулей, которые необходимы для создания страницы:

  • Форма регистрации;
  • Блок для ввода логина;
  • Корзина.

Слой третий — Косметический

Содержит простые стили:

  • Цветовые решения ссылок;
  • OOCSS низкого уровня (несколько свойств на один класс);
  • Глобальные модификаторы.

Контекст

Здесь находятся стили более высшего контекста и собраны @media-query для использования их при изменении стандартных стилей:

  • Браузер IE 8 и 9;
  • .touch — особенности устройства;
  • .logged-in — наивысший контекст портала;
  • медиа-запросы.

4. Шорткоды. 90% всего контента базируется на шорткодах, что дает вам возможность легко управлять шаблоном Cherry WordPress и так же просто его редактировать.

Можете убедиться в этом, используя визуальный режим:

5. Форматы материалов. Новые шаблоны содержат несколько форматов для вывода постов.

standard — стандартный пост с выводом названия и содержания блока;
aside — пост без названия (тайтла);
gallery — галерея изображений;
link – ссылка на другой веб-сайт;
image — изображение;
quote — цитата;
audio – аудио-файлы, которые могут быть использованы для подкастинга;
video — вставка в материал видео.

6. Галерея с фильтром. Один из лучших вариантов для сортировки работ на профессиональном уровне в WordPress.

Совсем недавно вышла очередная новая версия WordPress — 3.5. Представленные на суд пользователей шаблоны Cherry WordPress полностью совместимы с новой версией движка. Основные изменения:

  • Измененный интерфейс административной панели;
  • Появилась новая тема по умолчанию — Twenty Twelve;
  • Обновленный медиа-менеджер.

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

***

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

Шаблон Cherry WordPress для создания сайта о домашних и диких животных

***

Сайт для студии веб-дизайна на базе шаблона Cherry WordPress

***

Сайт для образовательного учреждения на Cherry WordPress

***

Cherry WordPress тема для сайта о животных

***

Шаблон Cherry WordPress для архитектурного сайта

***

Жмите на ссылку, чтобы посмотреть другие шаблоны Cherry WordPress.

***

Итак, вы ознакомились с новой линейкой онлайн-продуктов TemplateMonster Russia. Мы очень надеемся на ваше мнение и отзывы. Не стесняйтесь выражать свои мысли и задавать вопросы в комментариях.

4 комментариев

  1. Отличный фреймворк, жаль очень моло информации по нему.
    Например о шорткодах.

  2. Роман

    А где взять options.json и widgets.json?

  3. Очень хочется разобраться в этом фреймворке!!! Есть какие-нибудь курсы, где рассказывают как создавать сайты на вордпресс+ бутстрап?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>