Документация Cherry WordPress

Введение

Благодарим Вас за приобретение шаблона WordPress. Данная документация состоит из нескольких частей и охватывает весь процесс установки и настройки веб-сайта WordPress с нуля.

Что представляет собой WordPress CMS?

WordPress - это бесплатное программное обеспечение с открытым исходным кодом для создания блогов и система управления контентом (CMS) на основе PHP и MySQL. Она позволяет создавать веб-сайты и мощные онлайн приложения, а также почти не требует технических навыков или знаний в управлении. Множество особенностей, в том числе простота использования и расширяемость, сделали WordPress наиболее популярной программой для веб-сайтов. Детали

Что такое шаблон WordPress

Шаблон WordPress - это тема для платформы WordPress CMS. Другими словами, вы можете легко изменить внешний вид веб-сайта WordPress путем установки нового шаблона за несколько несложных шагов. При всей своей простоте, шаблон WordPress содержит все необходимые исходные файлы, которые можно редактировать желаемым образом.

Help and Support

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

Приобретенный комплект шаблона состоит из нескольких папок. Проверим содержимое каждой папки:

  • documentation - содержит файлы документации.
    • documentation.html - основной файл документации. Вы его сейчас читаете :)
  • screenshots - содержит скриншоты шаблона. Для работы с шаблоном они не требуются.
  • sources.zip - содержит исходные файлы темы.
    • psd - исходные файлы шаблона для Adobe Photoshop(.psd).
  • theme - содержит файлы темы WordPress.
    • CherryFramework.zip - архив с темой Cherry Framework. Включает все файлы темы. Необходимо устанавливать через менеджер расширений WordPress.
    • theme####.zip - архив с темой (дочерняя тема). Содержит все файлы темы. Необходимо устанавливать через менеджер расширений WordPress.
    • sample_data - содержит файлы, которые используются для того чтобы сделать сайт WordPress таким же, как наше демо.
      • sample_data.xml - включает все демо-данные шаблона (записи, страницы, категории и т.п.).
      • widgets.json - файл настроек виджетов.
      • различные изображения и другие медиа файлы
    • manuall_install - содержит файлы, которые используются для того чтобы сделать сайт WordPress таким же, как наше демо.
      • uploads - содержит изображения темы.
      • theme#####.sql - файл базы данных (вмещает контент темы).
  • license.txt - файл с информацией о лицензии.
  • fonts_info.txt - файл со ссылками на скачку шрифтов, используемых в шаблоне.
  • info.txt - инструкции по разархивированию исходных файлов.

Валидация

В наших шаблонах мы придерживаемся семантических правил написания кода HTML-разметки и CSS-стилей. Однако, некоторые ошибки все же могут возникать при W3C валидации. Создание 100-процентно правильного кода, согласно стандартам консорциума W3C, ограничивает использование современных технологий создания сайтов, таких как спецификация CSS3 и разметка HTML5. Целью нашей компании является предоставление богатого пользовательского опыта с высококачественными шаблонами, и иногда нам приходится нарушать некоторые правила.

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

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

Начать чат

Установка шаблона еще никогда не была настолько проста. Процесс установки включает в себя всего три шага: установка Cherry Framework, установка дочерней темы и установка демо-данных.

Все этапы установки выполняются в админ-панели WordPress. Это делает процесс удобным и быстрым.

Вы можете убедиться в этом нажав на ссылку ниже:

Шаг 1. Установка CherryFramework

  1. Войдите в панель управления WordPress (добавьте /wp-admin к доменному имени сайта в адресной строке браузера).
  2. Перейдите в меню Appearance (Внешний вид) > Themes (Темы) и щелкните кнопку Add New Theme (Добавить новую тему).
  3. Откройте вкладку Upload (Загрузка).
  4. Нажмите кнопку Browse (Обзор) и откройте разархивированную папку шаблона на компьютере.
  5. Найдите файл CherryFramework.zip. Кликните на него и нажмите OK.
  6. Щелкните кнопку Install Now (Установить) и дождитесь окончания установки.
  7. Нажмите ссылку Activate (Активировать).

Для более детальной информации воспользуйтесь видео туториалом Как установить шаблон Cherry framework.

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

Шаг 2. Установка темы

Теперь можно перейти к установке дочерней темы: theme####.zip. Повторите аналогичные шаги:

  1. Перейдите в меню Appearance (Внешний вид) > Themes (Темы) и щелкните кнопку Add New Theme (Добавить новую тему).
  2. Откройте вкладку Upload (Загрузка).
  3. Нажмите кнопку Browse (Обзор) и откройте разархивированную папку шаблона на компьютере.
  4. Найдите файл theme####.zip (где XXXX - уникальный номер темы). Кликните на него и нажмите OK.
  5. Щелкните кнопку Install Now (Установить) и дождитесь окончания установки.
  6. Нажмите ссылку Activate (Активировать), чтобы поменять текущий вид сайта на приобретенную тему.

Поздравляем, вы успешно установили фреймворк и тему!

Шаг 3. Установка демо-данных

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

ВНИМАНИЕ: Для шаблонов на базе Cherry Framework v3.0 или меньше при установке демо-данных требуется загрузить файлы XML и JSON из папки "sample_data". Изображения и другие файлы мультимедиа нужно загрузить из папки "manual_install\uploads". Загрузите все картинки из всех подпапок.
  1. Перейдите в меню Cherry Plugin > Import Content (Импорт контента).
  2. Прежде всего, проверьте таблицу требований Cherry Plugin к настройкам хостинг сервера. В случае появления предупреждений, обратитесь к хостинг провайдеру.
  3. Если все настройки сервера в порядке, появится экран загрузки. Откройте папку "theme/sample_data" шаблона и загрузите все файлы в WordPress. Все файлы в папке "theme/sample_data" нужно выделить (горячие клавиши CTRL+A или Command+A) и перетянуть в поле загрузки.
  4. Загрузите все файлы из папки sample_data, в том числе .JSON и .XML. По завершению загрузки нажмите кнопку "Continue Install (Продолжить установку)".

    ВНИМАНИЕ: Файлы .JSON и .XML являются обязательными при установке демо-данных. Кнопка Continue Install (Продолжить установку) станет активна только после загрузки файлов .XML и .JSON.
  5. Кнопка "Continue Install (Продолжить установку)" начнет процесс установки демо-данных. Установка займет определенное время в зависимости от настроек сервера. Пожалуйста, дождитесь ее окончания.
  6. Поздравляем! Вы успешно установили тему Cherry WordPress и теперь можете проверить, как она выглядит.

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

Начало работы

Подготовка

Прежде чем перейти к установке веб-сайта WordPress, нужно полностью подготовиться. Рекомендуется выполнить следующие подготовительные шаги:

Программное обеспечение

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

  1. Прежде всего нужны правильные приложения для распаковывания защищенного паролем архива sources_#########.zip. Можно воспользоваться WinZip 9+ (Windows) и Stuffit Expander 10+ (Mac).
  2. Также может понадобиться программа Adobe Photoshop. Она используется для редактирования исходных файлов .PSD и необходима, если требуется изменить графический дизайн и изображения шаблона.
  3. Для редактирования исходного кода файлов шаблона нужно использовать редактор кода, например Adobe Dreamweaver, Notepad++, Sublime Text и т.п.
  4. Чтобы загрузить файлы на хостинг сервер, потребуется FTP менеджер, например Total Commander, FileZilla, CuteFTP и т.д.

Хостинг

Поскольку WordPress CMS является приложением PHP/MySQL, необходимо подготовить хостинг сервер.

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

Также можно установить WordPress на компьютер при помощи локального сервера. Для создания локального хостинг сервера необходимо использовать программное обеспечение WAMP, AppServ, MAMP и т.п. Любое из них устанавливается как обычная программа и поддерживает WordPress.

Вы можете воспользоваться следующими туториалами для настройки локального сервера:

Установка движка

Скачайте требуемую версию движка WordPress. Ее можно увидеть на странице предпросмотра шаблона в списке требований. Убедитесь, что вы скачиваете требуемую версию.
  1. Движок WordPress можно скачать на официальном сайте WordPress.org Скачать WordPress. Если нужна более ранняя версия, нажмите ссылку Архивы версий.
  2. После скачивания необходимо распаковать файлы движка и шаблона. Чтобы разархивировать файл ZIP движка WordPress, можно использовать любой архиватор, поддерживающий формат ZIP.

    Следующие туториалы покажут, как распаковать файлы в ОС Windows(WinZip) и MAC(StuffitExpander).

  3. После разархивирования файлы и папки движка WordPress нужно загрузить на хостинг сервер.

    Загружать на сервер нужно все файлы и папки в директорию PUBLIC_HTML или WWW.

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

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

  4. На следующем этапе нужно создать базу данных для движка WordPress.

    Ее можно создать через инструмент управления базами данных в контрольной панели хостинга (обычно PhpMyAdmin).

    При помощи phpMyAdmin вы можете создать новую базу данных за 3 простых шага: (см. следующие слайды):

    1. Щелкните кнопку Database (база данных) в верхнем меню навигации, чтобы перейти в список баз данных.
    2. Введите название базы данных в поле "Create new database (Создать новую базу данных)".
    3. Нажмите справа на кнопку Create (Создать).

    База данных появилась в списке. Кликните по названию, чтобы получить доступ к ней.

    • 1. Щелкните кнопку "Databases (Базы данных)", чтобы открыть список баз данных.

    • 2. Введите название базы данных.
      3. Нажмите кнопку "Create (Создать)".

    • 4. База данных появилась в списке. Кликните по названию, чтобы получить доступ в нее.


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


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

    Вы также можете воспользоваться следующими туториалами:

  5. Пропишите путь к директории WordPress в адресной строке браузера и нажмите клавишу Enter. После этого начнется процедура установки.
  6. Создание файла конфигурации. На экране установки WordPress появится сообщение, что отсутствует файл конфигурации. Нажмите кнопку "Create Configuration File (Создать файл конфигурации)", чтобы создать его.
    Creating configuration file.

  7. Детали базы данных. Здесь нужно ввести детали подключения к базе данных WordPress.
    Inserting database details.

  8. Детали веб-сайта. На данном экране нужно ввести следующие детали:
    • название веб-сайта.
    • имя и пароль администратора.
    • email адрес веб-сайта.
    Inserting website details.

  9. Щелкните кнопку "Install WordPress (Установить WordPress)".
    Install WordPress button.

    Если были указаны верные детали, появится сообщение об успешной установке и кнопка входа в панель управления WordPress.

Вы также можете воспользоваться детальными видео туториалами:

Ручная установка

В случае возникновения сложностей при установке демо-данных воспользуйтесь следующими инструкциями.

ВНИМАНИЕ: Импорт файла SQL в базу данных перезапишет существующий контент и настройки веб-сайта. НЕ импортируйте файл SQL, если нужно сохранить текущий контент.
ПАМЯТКА: Всегда делайте резервное копирование базы данных, прежде чем приступить к изменениям.
Префикс таблиц базы данных WordPress должен быть wp_.

Чтобы веб-сайт WordPress выглядел как на демо, следуйте данным инструкциям.

  1. Тема должна быть установлена согласно следующим указаниям.
  2. Скопируйте папку "uploads" (она находится в папке theme/manual_install/ шаблона) в папку /wp-content/ на FTP сервере.
  3. Откройте файл theme####.sql из папки theme/manual_install/ в любом текстовом редакторе (рекомендуется Dreamweaver или Notepad) и замените все строки "your_website_url_here" на URL вашего веб-сайта в документе при помощи опции Find and Replace (Найти и Заменить) (окно вызывается горячими клавишами Ctrl+H). Например: http://www.mywebsite.com
  4. В конце адреса не должно быть знака косой черты "/" и url должен начинаться с http://www.
  5. Сохраните изменения и закройте файл.
  6. Теперь файл дампа можно импортировать через phpMyAdmin или другой инструмент управления базами данных.

В случае возникновения сложностей при установке через панель управления, можно воспользоваться альтернативным способом.
Загрузка через FTP:

Для использования данного метода, нужно иметь доступ к файлам WordPress на FTP сервере через файловый менеджер контрольной панели хостинга или FTP-клиент, например Filezilla, CuteFTP, Total Commander, и т.п.

Если вы установили тему с демо-данными или вручную, а тема отличается от демо, откройте Cherry Options (Опции Cherry) и нажмите "Restore Defaults (Восстановить настройки по умолчанию)."
  1. Разархивируйте файлы CherryFramework.zip и theme####.zip в папку на компьютере (щелкните правой кнопкой по каждому файлу.zip, выберите Unzip to… (Распаковать в ...) CherryFramework и theme#### соответственно, после чего появятся две папки: CherryFramework и theme####).
  2. Загрузите папки CherryFramework и theme### в директорию /wp-content/themes/ на FTP сервере.
  3. Войдите в панель управления WordPress (добавьте /wp-admin к доменному имени сайта в адресной строке браузера).
  4. Перейдите в меню Appearance (Внешний вид) > Themes (Темы).
  5. В разделе Available Themes (Доступные темы) найдите theme#### и активируйте ее, щелкнув по кнопке Activate (Активировать).

Установка плагинов

После установки и активации темы иногда требуется установить дополнительные плагины:

  1. Если тема установлена и активирована, то в левой верхней части страницы вы увидите уведомление с рекомендацией установить плагины. Перейдите по ссылке Begin installing plugin (Начать установку плагинов).
    Также вы можете установить плагины выбрав в меню пункт Appearance- > Install Plugins (Внешний вид - > Установить Плагины)
  2. Отметьте нужные плагины.
  3. В выпадающем меню Bulk Actions (Массовые Действия) выберите Install и нажмите кнопку Apply (Применить).

Плагины темы:

Плагин Cherry

Внимание: Установка и активация плагина Cherry необходимы для корректной работы шорткодов и виджетов. При установке Cherry Framework плагин Cherry устанавливается и активируется по умолчанию.

Скачать: https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip
Описание: Команда Cherry создала фреймворк Cherry, который вполне обосновано можно считать идеальным, тем не менее, мы всегда стараемся совершенствоваться. Познакомьтесь с плагином Cherry Plugin. Он представляет собой расширение для нашего фреймворка Cherry, в котором мы добавили все необходимые шорткоды и виджеты. Плагин полностью совместим с любой темой WordPress на основе Cherry Framework. В настоящий момент плагин является пробной версией, и мы продолжаем совершенствовать его и добавлять все более интересные функции.

Contact Form 7

Скачать: http://wordpress.org/extend/plugins/contact-form-7/
Описание: Контактная форма на странице контактов.

Совместимые плагины:

WPML

Скачать: http://wpml.org/
Описание: WPML позволяет легко создавать и управлять мультиязычными сайтами.

JigoShop

Скачать: http://wordpress.org/plugins/jigoshop/
Описание: Плагин для электронной коммерции, отличающийся скоростью и удобностью работы, на базе основного функционала движка WordPress.

WooCommerce

Скачать: http://wordpress.org/plugins/woocommerce/
Описание: WooCommerce представляет собой мощный, гибкий плагин электронной коммерции, позволяющий продавaть любой товар.

BuddyPress

Скачать: http://wordpress.org/plugins/buddypress/
Описание: Плагин для социальных сетей. Развивайте социальную сеть для своей компании, школы, спортивной команды или сферы деятельности.

bbpress

Скачать: http://wordpress.org/plugins/bbpress/
Описание: bbPress - это форум для движка WordPress.

Mingle Forum

Скачать: http://wordpress.org/plugins/mingle-forum/
Описание: Mingle Forum позволяет быстро и просто добавить форум на сайт/блог WordPress.

WP Forum Server

Скачать: http://wordpress.org/plugins/forum-server/
Описание: Данный плагин WordPress является полноценным форумом для блогов WordPress.

Загрузка данных с серверов Google

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

Не удается загрузить Google Fonts:

Откройте ...\CherryFramework\admin\options-sanitize.php файл

Найдите строку:

wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );

Замените ее следующим:

wp_enqueue_style( "options_typography_$f", "//fonts.useso.com/css?family=$f$ch", false, null, 'all' );

Olark Live Chat

Клиентам, купившим шаблон, предоставляется полгода бесплатного пользования Olark чатом. Для регистрации 6 month Free bronze package нужно перейти по ссылке Olark регистрация
Зарегистрируйте свой аккаунт заполнив соответствующую форму
Вставьте Ваш сгенерированный ID код в поле Live Chat account ID в Cherry Options (General)

Резервное копирование и обновление

Перед обновлением Cherry Framework, мы убедительно советуем сделать резервную копию текущей версии.

Резервное копирование

Можно сделать резервную копию как CherryFramework, так и дочерней темы в меню "Cherry Options (Опции Cherry) > Data management (Управление данными)" панели управления WordPress.

Резервную копию легко создать, нажав кнопку "Backup" под секциями с Cherry Framework и дочерней темой.
После этого архив с фреймворком или дочерней темой появится в папке /wp-content/themes_backup/.

Если нужно его скачать, кликните кнопку "Download backup". В случае возникновения сложностей, фреймворк можно переустановить во вкладке Appearance (Внешний вид)-> Themes (Темы)-> Install Themes (Установить темы)-> Upload (Загрузка).

Обновление

Чтобы обновить Cherry Framework, сделайте следующее:

  1. В панели управления откройте вкладку "Cherry Options (Опции Cherry)> Data management (Управление данными)".
  2. Нажмите кнопку Update (Обновить) под блоком Cherry Framework
  3. Дождитесь начала обновления.
  4. Все остальное Cherry Framework выполнит автоматически.

Шаблоны страниц и боковые колонки


ВНИМАНИЕ: Стили необходимо редактировать в файле style.less. Стили компилируются и файл main-style.css перезаписывается после сохранения.

Шаблоны страниц

  • Default Template (Стандартный шаблон) (стандартная страница с боковой колонкой)
  • Full Width Page (Полноэкранная страница) (страница без боковых колонок)
  • Home Page (Домашняя страница) (шаблон страницы, используемый для домашней страницы)
  • Filter Folio 2 cols (шаблон страницы для записей галереи/портфолио в 2 колонки)
  • Filter Folio 3 cols (шаблон страницы для записей галереи/портфолио в 3 колонки)
  • Filter Folio 4 cols (шаблон страницы для записей галереи/портфолио в 4 колонки)
  • Testimonials (Отзывы) (шаблон страницы для отображения записей с рекомендациями)
  • FAQs (шаблон страницы для отображения записей FAQ)
  • Archives (шаблон страницы для отображения архивов)

Позиция боковых колонок

  • Sidebar (Боковая колонка) - секции, находящиеся с правой/левой сторон страниц
  • Footer Area 1,2,3,4 (Футер) (опциональная) - секция, находящаяся внизу страниц

Записи, категории и форматы записей

Добавление категории

Более детальную информацию о добавлении категорий можно найти в следующей статье: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Войдите в панель управления WordPress.
  2. Откройте вкладку Posts (Записи).
  3. Перейдите в Categories (Категории) для записей блога.
  4. Введите название новой категории.
  5. После этого щелкните кнопку Add New Category (Добавить новую категорию).
Нажмите кнопку Publish (Опубликовать).

Создание записи блога

  1. Войдите в панель управления WordPress.
  2. Откройте вкладку Posts (Записи).
  3. Нажмите Add New (Добавить новую).
  4. Добавьте контент в запись. Более детальную информацию о добавлении записей можно найти по ссылке http://codex.wordpress.org/Posts_Add_New_SubPanel.

Выбор формата записи

Более детальную информацию о форматах записей можно найти по ссылке: http://codex.wordpress.org/Post_Formats.

  1. Войдите в панель управления WordPress.
  2. Откройте вкладку Posts (Записи).
  3. Чтобы выбрать формат записи, откройте список Format (Формат).
Внимание: Некоторые из данных форматов имеют свои настройки, которые появятся под редактором записи.

Ниже находится список доступных форматов записей с описаниями и настройками.

Стандартный формат записи

Обычная, стандартная запись имеет следующие поля:

  • Post title - заголовок записи
  • Post content - контент записи
  • Categories - категория (и) записи
  • Tags - теги записи
  • Featured Image - изображение записи
  • и другие поля, которые можно включить в разделе Screen Options (Настройки экрана) в верхнем правом углу.

Стандартный формат записи

Заметка

Представляет собой упрощенную стандартную версию записи. Другими словами, в ней находится только поле для контента, поэтому не требуется вводить заголовок записи и другие опции.

Заметка

Галерея

Основной особенностью данного формата записи является возможность добавления неограниченного количества изображений.

Добавление галереи:

  1. Нажмите кнопку Add Media (Добавить медиа).
  2. Чтобы добавить изображения с компьютера, перетяните файлы в появившееся поле или щелкните Select Files (Обзор).
  3. После загрузки все картинки находятся в Media Library (Медиа библиотека). Выберите Uploaded to this post (Добавленные в эту запись) для просмотра изображений.
  4. По окончанию редактирования можно закрыть медиа библиотеку. Загруженные картинки будут добавлены автоматически.

В записях формата галерея находятся те же поля (например, заголовок, контент, категории, и т.п.), что и для стандартного формата записи.

Ссылка

Ссылка

Формат Ссылка содержит дополнительное поле URL, где нужно указать ссылку (URL) для целевой страницы/ресурса. Заголовок записи будет использоваться в качестве текста ссылки.

Поле контента представляет собой описание целевой страницы/ресурса.

Изображение

Изображение

Изображение - это формат записи в виде одиночного изображения, загруженного через опцию Featured Image (Изображение записи).
Выбрав данный формат, вы сможете отключить лайтбокс для изображений при помощи соответствующей настройки Enable Lightbox (Включить лайтбокс) .

Цитата

Цитата

Пост Цитата используется для публикации высказываний.

Данный формат отличается наличием дополнительный полей Цитата - текста высказывания и Автор - имя автора цитаты.

Аудио

Аудио

Формат Аудио используется для публикации аудио-контента.

Отличается наличием следующих настроек:

  • Title (Заголовок) - название трека
  • Artist (Исполнитель) - исполнитель аудиотрека
  • Audio Format (Формат аудио) - формат аудиотрека
  • Audio URL (URL аудио) - прямая ссылка на аудиотрек

Видео

Видео

Видео используется для публикации видео-контента.

Отличается наличием следующих настроек:

  • Title (Заголовок) - название видеоклипа
  • Artist (Исполнитель) - исполнитель видеоклипа
  • URL #1 - прямая ссылка на видеоклип в формате m4v
  • URL #2 - прямая ссылка на видеоклип в формате ogv
  • Embedded Code (Встроенный код) - используется для добавления видео с внешних ресурсов, например, youtube, vimeo, и т.д.

Создание записи слайдера

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

Создание записи слайдера

  1. Войдите в панель управления WordPress.
  2. Откройте меню Slider (Слайдер) .
  3. Нажмите вкладку Add New (Добавить новый).
  4. Введите title (заголовок) слайдера.
  5. Загрузите изображение в опции Featured Image (Изображение записи) (щелкните ссылку Set featured image (Установить Изображение записи)).
  6. Для слайда можно использовать следующие поля:
    • Caption (Надпись) - поля для надписи слайда.
    • URL - поле для URL слайда (можно использовать внешнюю ссылку).
  7. Когда настройки заданы, нажмите кнопку Publish (Опубликовать).

Добавление записи портфолио

Элементы портфолио, по сути, являются пользовательским типом записей, http://codex.wordpress.org/Post_Types#Custom_Types что отличает их от обычных записей. Благодаря этому, очень легко управлять контентом сайта.

Добавление записей портфолио

  1. Войдите в панель управления WordPress.
  2. Откройте меню Portfolio (Портфолио) .
  3. Нажмите вкладку Add New (Добавить новый).
  4. Заполните все необходимые поля (заголовок, контент).
  5. Загрузите изображение в опции Featured Image (Изображение записи) (щелкните ссылку Set featured image (Установить Изображение записи)).
  6. Нажмите кнопку Publish (Опубликовать).

Выбор формата записи портфолио

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

  • Image (Изображение) - тип записи галереи по умолчанию. Отображает только Изображение записи.
  • Slideshow (Слайдшоу) - проект галереи отображается в виде слайдшоу. Может содержать неограниченное количество изображений записи.
  • Grid Gallery (Сетка галереи) - картинки записи отображаются в виде галереи. Может вмещать неограниченное количество изображений записи.
  • Video (Видео) - в данном типе записи можно добавлять видео клип с любого видео хостинга (YouTube, Vimeo, и т.п.).
  • Audio (Аудио) - этот тип записи позволяет добавлять аудио ссылку.

Добавление записи "отзыв" (Testimonials)

Добавление записи "отзыв" (Testimonials)

  1. Войдите в панель управления WordPress.
  2. Откройте меню Testimonials (Отзывы).
  3. Нажмите вкладку Add New (Добавить новый).
  4. Заполните все необходимые поля (заголовок, контент).
  5. Загрузите изображение в опции Featured Image (Изображение записи) (щелкните ссылку Set featured image (Установить Изображение записи)).
  6. В данном типе записей можно использовать следующие настройки:
    • Name (Имя) - имя автора
    • URL - ссылка автора
    • Info - дополнительная информация от автора.
  7. Нажмите кнопку Publish (Опубликовать)

Добавление записи FAQs

Добавление записи FAQs

  1. Войдите в панель управления WordPress.
  2. Откройте меню FAQs.
  3. Нажмите вкладку Add New (Добавить новый).
  4. Поскольку данный тип записей представляет собой вопросы/ответы, заголовком поста является вопрос, а контентом - ответ.
  5. Нажмите кнопку Publish (Опубликовать).

Добавление записи "Наша команда" (Our Team)

Добавление записи "Наша команда" (Our Team)

  1. Войдите в панель управления WordPress.
  2. Откройте меню Our Team (Наша команда).
  3. Нажмите вкладку Add New (Добавить новый).
  4. Заполните все необходимые поля (заголовок, контент).
  5. Загрузите изображение в опции Featured Image (Изображение записи) (щелкните ссылку Set featured image (Установить Изображение записи)).
  6. В данном типе записей можно использовать следующие настройки:
    • Position (Должность) - должность человека.
    • Info - Дополнительная информация.
  7. Нажмите кнопку Publish (Опубликовать)

Страница портфолио

Создание страницы портфолио

Создание страницы портфолио

Страницы портфолио можно создавать при помощи шаблонов страниц.

  1. Войдите в панель управления WordPress.
  2. Откройте меню Pages (Страницы).
  3. Нажмите вкладку Add New (Добавить новый).
  4. Введите название страницы, например, Portfolio page.
  5. Выберите тип шаблона ( Filter Folio 2 cols, Filter Folio 3 cols или Filter Folio 4 cols в выпадающем меню Page Attributes (Атрибуты страницы)).
  6. Когда настройки заданы, нажмите кнопку Publish (Опубликовать)

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

Шорткоды

Шорткоды - мощный инструмент управления контентом http://codex.wordpress.org/Shortcode. Они очень просты в использовании. Прежде всего, нужно выбрать режим редактирования Visual (Визуальный).

Нажмите на кнопку шорткодов. После этого, выберите нужный шорткод.


Все шорткоды условно делятся на следующие группы:

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

Динамические

Post Grid (Сетка записей)
[posts_grid columns="3" rows="3" order_by="date" order="DESC" thumb_width="100" thumb_height="100" meta="yes" excerpt_count="20" link="yes" link_text="more" custom_class="custom_class"]

Описание: отображает стандартные и пользовательские посты в форме таблицы с редактируемым количеством колонок и рядов.


Post List (Список записей)
[posts_list numb="3" thumbs="large" thumb_width="100" thumb_height="100" post_content="excerpt" order_by="date" order="DESC" link="yes" link_text="more" tags="yes" custom_class="custom_class"] 

Описание: отображает стандартные и пользовательские посты подобно странице блога.


Mini Post Grid (Мини-сетка записей)
[mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" align="left"]

Описание: более компактная версия шорткода [post_grid]. Отображает картинки настраиваемого размера для стандартных и пользовательских записей.


Mini Post List (Мини-список записей)
[mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" order="DESC" excerpt_count="20"] 

Описание: более компактная версия шорткода [posts_list]. Отображает списком стандартные и пользовательские посты.


Recent Posts (Последние записи)
[recent_posts num="3" post_format="standard" meta="false" thumb="true" excerpt_count="20"]

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


Recent Testimonials (Последние отзывы)
[recenttesti num="2" thumb="true"]

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


Banner (Баннер)
[banner img="#" banner_link="#" title="Title" text="Text" btn_text="Button" target="_self"]

Описание: используется для отображения блока со статическим текстом и/или картинкой, названием, ссылкой и т.п.


Comments (Комментарии)
[recent_comments num="5"]

Описание: отображает последние комментарии.


Post Cycle (Цикл записей)
[post_cycle num="5" type="blog" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]

Описание: отображает различные записи в виде мини-слайдера.


Карусель Elasti
[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"]

Описание: отображает записи в виде карусели, содержит дополнительные настройки.


Карусель OWL
[carousel_owl title="Title" post_type="blog" posts_count="5" visibility_items="3" thumb="yes" thumb_width="200" thumb_height="200" date="yes" author="yes" comments="no" excerpt_count="10" display_navs="yes" display_pagination="yes"]

Описание: отображает записи в виде карусели, содержит дополнительные настройки.


Карусель Roundabout
[roundabout title="Title" num="3" type="blog"]

Описание: Карусель Roundabout — плагин jQuery, превращающий структуру статических элементов HTML в легко управляемый интерактивный элемент в форме карусели.


Service Box (Вспомогательное окно)
[service_box title="Title" icon="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal" target="_self"]

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


Hero unit (Блок «Главное»)
[hero_unit title="Title" text="Text" btn_text="Button" btn_link="#" btn_style="default" btn_size="normal" target="_self"]

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


Categories (Категории)
[categories class="plus"]

Описание: используется для отображения категорий.


Tags (Теги)
[tags]

Описание: отображает теги.


Колонки

Grid Columns (Колонки сетки) (span1-12)
[span#] [/span#] 

Описание: формирует структуру элементов сетки, где # представляет собой количество колонок от 1 до 12, определяющее ширину элемента:.


[row]
[span6] Your Content... [/span6]
[span6] t... [/span6]
[/row]

Внимание, при создании сетки необходимо "оборачивать" ее элементы в шорткод [row]:


Fluid Columns (Гибкие колонки) (one_half, one_third...)
[one_half] [/one_half] 

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


[row_fluid]
[five_sixth] Your content... [/five_sixth]
[one_sixntent... [/one_sixth]
[/row_fluid]

Внимание, при создании сетки необходимо "оборачивать" ее элементы в шорткод [row_fluid]:


Multiple Columns (Множественные колонки) (75% / 25%, и т.п.)
[row]
[span8] t... [/span8]
[span4] Your content... [/span4]
[/row]

Множественные колонки упрощают управление контентом путем вставки наиболее используемых вариантов сетки.


Пользовательские CSS-классы
[row custom_class="custom-row"]
[span8 custom_class="custom-span8"] content [/span8]
[span4 custom_class="custom-span4"] content [/span4]
[/row]

Вы также можете задавать свои классы для шорткодов из категории Колонки. Это расширяет возможности редактирования и управления конкретными блоками.


Elements (Элементы)

Label (Метка)
[label style="default"]label[/label]

Описание: отображает метку с заранее заданными стилями.


Highlight (Выделение)
[highlight]Text[/highlight]

Описание: выделяет избранный фрагмент текста.


Button (Кнопка)
[button text="Text" link="#" style="default" size="normal" target="_self" display="inline" icon="no"] 

Описание: применяется для вставки кнопки с различными настройками отображения (стиль, размер, иконка, прочее).


Dropcap (Инициал)
[dropcap]L[/dropcap] 

Описание: отображает инициальную заглавную букву (буквицу).


Icon (Иконка)
[icon image="#" align="left"]

Описание: используется для отображения простых иконок.


Horizontal rule (Горизонтальная линия)
[hr] 

Описание: задает горизонтальную линию.


Small Horizontal rule (Маленькая горизонтальная линия)
[sm_hr] 

Описание: используется для отображения другой горизонтальной линии с меньшим марджином.


Vertical Rule (Вертикальная линия)
[vr] 

Описание: задает вертикальную линию.


Spacer (Пробел)
[spacer] 

Описание: добавляет вертикальный отступ между элементами.


Progress bar (Строка выполнения)
[progressbar value="20" type="info" grad_type="vertical" animated="no"]  

Описание: показывает индикатор завершенности определенного процесса.


Address (Адрес)
[address] Your address here [/address] 

Описание: используется для отображения адреса.


Clear (Очистить)
[clear] 

Описание: препятствует обтеканию элементов.


Lists shortcodes (Списки) (unstyled, check, check2, arrow, arrow2, star, plus, minus — без стиля, флажок, флажок2, стрелка, стрелка2, звездочка, плюс, минус) )
[check_list] List here ... [/check_list] 

Описание: используются для различных стилизаций списков. Каждый шорткод имеет свой маркер для пунктов списка.


Extra Wrap
[extra_wrap][/extra_wrap]

Описание: применяется для "оборачивания" других элементов с применением правила overflow:hidden.


Content Box
[content_box custom_class="custom_content_box"][/content_box]

Описание: применяется для "оборачивания" других элементов блоком с псевдо-классами :before и :after для отображения блока со 100% шириной.

Other (Другие)

Video Preview (Видео)
[video_preview post_url="http://demolink.org/blog/video-post-type/" title="yes" date="yes" author="yes"]

Описание: позволяет вставить привью видео, загружаемого с внешних ресурсов (youtube, vimeo) или с сайта (внутренний ресурс).

Alert Boxes (Информационные окна) message (сообщение), info (информация), success (успех), danger (опасность)
[alert_box style="message" close="yes"]Hello, World![/alert_box]

Описание: набор шорткодов, используемый для информационных сообщений.


Well (Ячейка)
[well size="well-normal"] Your text here... [/well]

Описание: вставляет стилизованный контейнер.


Small (Мелочь)
[small] Your text here... [/small]

Описание: позволяет добавить текстовый блок с текстом уменьшенного размера.


Title Box (Заголовок)
[title_box title="Title" subtitle="subtitle text" icon="#"]

Описание: отображает двойной заголовок: основной и дополнительный тексты названия.


Tabs (Вкладки)
[tabs direction="top" tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1] Tab 1 content... [/tab1] [tab2] Tab 2 content... [/tab2] [tab3] Tab 3 content... [/tab3] [/tabs]

Описание: задает контент в форме вкладок. В них может находиться статический и динамический контент.


Accordion (Аккордеон)
[accordions] [accordion title="title1" visible="yes"] tab content [/accordion] [accordion title="title2"] another content tab [/accordion] [/accordions]

Описание: отображает аккордеон — свернутые панели с заголовками.


Table (Таблица)
[table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some title 1 [/td2] [td3] some value 1 [/td3] [/table]

Описание: используется для вставки таблиц.


Template URL
[template_url]

Описание: выводит ссылку (адрес) вашего сайта.


Sitemap
[site_map title="Sitemap" type="Lines" custom_class="custom_class"]

Описание: шорткод выводит карту сайта.


Google Map
[map src="#" width="300" height="200"]  

Описание: добавляет Google Maps. Чтобы шорткод заработал, нужно вставить ссылку с необходимыми координатами с сайта Google.


Google Map Api
[google_map_api lat_value="45" lng_value="-80" zoom_value="8" zoom_wheel="no" custom_class="custom-class "]

Описание: позволяет добавлять и кастомизировать Google Maps API. Подробное описание для настройки Google Maps Google Maps JavaScript API.


Pricing table (Прейскурант)

[chp_pricing_table columns="3" labelled="yes"] 

[chp_pricing_column_label title="Features"]
[chp_pricing_row_label odd="true"] Label 1 [/chp_pricing_row_label]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row_label odd="true"] Label 3 [/chp_pricing_row_label]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[/chp_pricing_column_label]

[chp_pricing_column title="Column 1" price="100" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[chp_pricing_column title="Column 2" highlight="true" highlight_reason="Most Popular" price="200" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[chp_pricing_column title="Column 3" price="300" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Your text here [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row] Your text here [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[/chp_pricing_table]

        

Описание: отображает таблицу с ценами.


Audio / Video (Аудио / Видео)

Описание: WordPress 3.6+ отлично поддерживает добавление видео с YouTube и Vimeo, но если нужно воспроизвести видео или аудиофайл в формате MP3 или MP4, загруженный на сервер, потребуется установить плеер, который будет играть роль проигрывателя, а не ссылки на сайте. Подробнее

Процесс аналогичен добавлению изображения в контент записи:
  1. Добавьте или отредактируйте страницу или запись.
  2. Щелкните по контенту, где нужно добавить плеер, затем нажмите Add Media (Добавить медиа) над редактором контента.
  3. Щелкните Upload Files (Загрузить файлы).
  4. Загрузите аудио или видео файл.
  5. Выделите загруженный файл, затем в Attachment Display Settings (Настройки отображения дополнений), в опции Embed or Link (Вставить или ссылка) выберите "Embed Media Player (Встроенный медиа плеер)."
  6. Нажмите Insert into page (Добавить на страницу).

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

Если вы добавили аудио или видеофайл на другой сервер, например Amazon S3 или файловый хостинг, вставьте URL в медиа файл (без ссылки) в соответствующее поле. Например, нужно загрузить видео с YouTube. Просто скопируйте его в соответствующее поле и проигрыватель YouTube player появится там автоматически. Убедитесь, что URL задан правильно.

http://www.youtube.com/watch?v=mmRPSoDrrFU

Простая строка будет похожа на следующее:

Плагины и пользовательские виджеты

Плагины

Внимание: некоторые из перечисленных плагинов могут отсутствовать в вашей теме.

Contact Form 7

Скачать: http://wordpress.org/extend/plugins/contact-form-7/

Newsletter Sign-Up

Скачать: http://wordpress.org/plugins/newsletter-sign-up/
Описание: Предоставляет различные способы подписки посетителей сайта на почтовую рассылку (флажок, виджет, форма).

MotoPress Slider Plugin

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


ATTENTION: This instruction is for templates with MotoPress Slider included. If you purchased MotoPress Slider as an additional offer .json file will not be present in the template package.

Установка: Пожалуйста, следуйте этой инструкции, чтобы MotoPress Slider вашего сайта выглядел так же, как и в демо шаблоне:

  • Установите и активируйте плагин MotoPress Slider.
  • Перейдите в Консоль (Dashboard) -> MotoPress Slider -> и нажмите кнопку "Импорт и Экспорт" ("Import & Export").
  • Выберите MotoPress Slider Export и импортируйте .json файл, который можно найти в архиве вашего шаблона.
  • После импорта параметров слайдера, установка успешно завершена.

Настройки слайдера:

 

  • Заголовок слайдера (Slider title) - укажите название слайдера, желательно, легко узнаваемое, на случай, если вы создаете несколько слайдеров на одном сайте.
  • Алиас слайдера (Slider alias) - эта часть будет использоваться в шорткоде слайдера, поэтому алиас должен быть уникальным.
  • Шорткод слайдера (Slider shortcode) - этот шорткод надо вставить на желаемую страницу (или в запись) для отображения слайдера.
  • Отображать на всю ширину (Force Full Width) - включите этот параметр, чтобы отображать слайдер на всю ширину экрана.
  • Размер сетки слоев (Layers Grid Size) - включите этот параметр, чтобы задать необходимую ширину слайдера, указав размер сетки слоев.
  • Включить слайд-шоу (Enable Slideshow) - с помощью этого параметра можно включить или отключить автоматическую прокрутку слайдов (слайд-шоу).
  • Задержка слайд-шоу (Slideshow Delay) - период отображения одного слайда на экране, в миллисекундах.
  • Пауза при наведении (Pause on Hover) - приостановка слайд-шоу при наведении курсора на слайдер.
  • Обратный порядок слайдов (Reverse order of the slides) - анимация слайдов в обратном порядке.
  • Отображать счетчик (Show counter) - отображает количество слайдов.

 

Настройки слайда:

После указания параметров слайдера самое время начать создавать слайды.
Процесс настройки слайдов является интуитивно понятным и простым. Надо всего лишь указать название слайда и выбрать для него тип фона: изображение или же просто цвет.

 

Общие (General):

  • Заголовок слайда (Slide Title) - заголовок слайда, что будет отображаться в списке слайдов.
  • Статус (Status) - выберите статус слайда ("Опубликован" (Published) или "Черновик" (Draft)).

Цвет (Color):

  • Тип цвета фона (Background color type): - выберите Цвет (Color) или Градиент (Gradient) для фона слайда.
  • Цвет фона (Background Color) - пожалуйста, укажите цвет (это значение будет применено только к фону типа "Цвет" ("Color")).
  • Цвет градиента 1, Цвет градиента 2, Угол градиента (Gradient color 1, Gradient color 2, Gradient angle) - укажите два цвета и угол наклона для градиента (эти значения применяются только к фону типа "Градиент" ("Gradient")).

Изображение (Image):

  • Источник изображения (Image Source) - изображение можно загружать с вашего компьютера, Библиотеки Медиафайлов (Media Library) или по Внешней Ссылке (External URL).
  • Размер (Size) - размер изображения слайда.
    • Покрывать (Cover) - фоновое изображение будет максимально масштабировано, чтобы полностью покрыть всю область фона изображением.
    • Вмещать (Contain) - изображение будет масштабировано до наибольшего значения. Значения ширины и высоты будут соответствовать размеру области содержимого.
    • Процент (Percentage) - ширина и высота фонового изображения могут быть зафиксированы в процентном значении.
    • Обычный (Normal) - фоновое изображение будет иметь свои собственные значения ширины и высоты.
  • Повтор (Repeat) - определяет, будет ли повторяться фоновое изображение.
  • Позиция (Position) - определяет позицию фонового изображения.

Видео (Video):

  • Источник MP4 видео (Video Source MP4) - загрузите файл видео в формате .MP4.
  • Источник WEBM видео (Video Source WEBM) - загрузите файл видео в формате .WEBM.
  • Источник OGG видео (Video Source OGG) - загрузите файл видео в формате .OGG.
  • Повтор видео (Loop Video) - выберите параметр повтора видео.
  • Отключить звук видео (Mute Video) - опция отключения звука видео.
  • Режим заполнения видео (Video Fill-mode) - доступны варианты Fill и Fit.
  • Покрытие видео (Video Cover) - включает покрытие видео.
    • Тип покрытия видео (Video Cover Type) - определяет тип покрытия фона видео.

Ссылка (Link):

  • Ссылка слайда (Link this slide) - укажите ссылку.
  • Открывать в новом окне (Open in new window) - открывает ссылку слайда в новом окне.
  • Идентификатор ссылки (Link id)
  • Класс ссылки (Link class)
  • Относительность ссылки (Link rel)
  • Заголовок ссылки (Link title)

Видимость (Visibility):

  • Слайд отображается только для зарегистрированных пользователей (Only logged-in users can view this slide)
  • Видимый от (Visible from) - выберите день начала отображения в календаре.
  • Видимый до (Visible until) - выберите день окончания отображения в календаре.

Разное (Misc):

  • Название класса (Class name)
  • Идентификатор CSS (CSS id)

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

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

 

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

  • Начальную анимацию (Start Animation) - как слой будет появляться на слайде.
  • Заключительную анимацию (End Animation) - как слой будет пропадать со слайда.
  • Отображение (Display) - время, необходимое для возникновения слоя.
  • Пропадание (Hide) - время, за которое слой будет спрятан. Следует отметить, что время рассчитывается с начала отображения слайда и указывается в миллисекундах.

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

Пожалуйста, нажмите сюда для получения более подробной информации.

Cherry MediaParallax Plugin

Описание: Данный плагин позволяет размещать в фоне картинку или видео и применять к ним parallax-эффект (смещение относительно остального контента при скроллинге страницы).

Добавление медиафайлов: Добавьте в медиагалерею материалы в следующих форматах: mp4, webm, ogv и jpg файл для отображения постера.

Для использования видео в качестве фона используется следующий шорткод:

[cherry_media_parallax typemedia="video" buffer_ratio="1.5" src_mp4="video.mp4" src_webm="video.webm" src_ogv="video.ogv" src_poster="video.jpg" custom_class="custom-class"]Text[/cherry_media_parallax]
  • typemedia: - тип файла (указан по умолчанию)
  • buffer_ratio: - коэффициент увеличения видео-контейнера по отношению к внешнему контейнеру
  • src_mp4: - имя файла в формате “.mp4”
  • src_webm: - имя файла в формате “.webm”
  • src_ogv: - имя файла в формате “.ogv”
  • src_poster: - имя файла в формате “.jpg”
  • custom_class: - пользовательский класс шорткода

Для использования картинки в качестве фона используется следующий шорткод:

[cherry_fixed_parallax src_poster="image.jpg" offset_value="yes" fixed_value="no" invert_value="yes" custom_class="custom_class"]Text[/cherry_fixed_parallax]
  • src_poster: - имя файла в формате “.jpg”
  • offset_value: - смещение картинки при скроллинге (принимает значение: yes / no)
  • fixed_value: - фиксирует картинку относительно окна браузера (принимает значение: yes / no)
  • invert_value: - инвертирует смещение по вертикали (значение: yes / no)
  • custom_class: - пользовательский класс шорткода

Сherry BgSlider Plugin

Описание: Данный плагин позволяет создать слайдер с parallax-эффектом и поместить его в качестве основного фона страницы. Редактировать слайды и их контент следует в Dashboard -> Slides.

Важно: Опции, заданные в Dashboard -> Cherry Options -> Slider Settings не распространяются на данный слайдер.

Для отображения текстовых блоков и пагинации слайдера используется следующий шорткод:

[cherry_bgslider pagination="true" navigation="true" custom_class="custom-class"] 
  • pagination: - задает отображение пагинации (принимает значение: true / false)
  • navigation: - задает отображение кнопок навигации (принимает значение: true / false)
  • custom_class: - пользовательский класс шорткода

Cherry Parallax Plugin

Описание: Данный плагин позволяет размещать в фоне картинку и применять к ней parallax-эффект (смещение относительно остального контента при скроллинге страницы).

Для использования данного плагина используется следующий шорткод:

[cherry_parallax image="wp-content/uploads/../../image.jpg" width="1920" speed="2" custom_class="custom-class"]Text[/cherry_parallax]
  • image: - URL фоновой картинки (обязательный атрибут)
  • width: - целое число, ширина фоновой картинки (по умолчанию 1920)
  • speed: - число (кроме 0), скорость прокрутки картинки относительно скорости страницы, чем меньше число, тем быстрее скроллится картинка
  • custom_class: - пользовательский класс шорткода

Cherry Lazy Load Boxes Plugin

Описание: Данный плагин позволяет плавно отображать появление элементов контента при скроллинге страницы.

Для использования данного плагина используется следующий шорткод:

[lazy_load_box effect="slidefromright" speed="800" delay="200" custom_class="custom-class"]Text[/lazy_load_box]
  • effect: - эффект появления, принимает значения:fade, slideup, slidefromleft, slidefromright, zoomin, zoomout, rotate, skew
  • speed: - скорость анимации (в миллисекундах)
  • delay: - задержка перед появлением элемента (можно использовать, если у вас 2-3 элемента в ряд и вы хотите анимировать их не одновременно, а один за другим)
  • custom_class: - пользовательский класс шорткода

Cherry Parallax Plugin v1.0

Описание: Данный плагин позволяет размещать в фоне картинку или видео и применяет к ним parallax-эффект (смещение относительно остального контента при скроллинге страницы).

Добавление медиафайлов: Добавьте в медиагалерею материалы в следующих форматах: mp4, webm, ogv и jpg файл для отображения постера.

Для использования картинки в качестве фона используется следующий шорткод:

[cherry_parallax image="img.jpg" speed="normal" invert="false" custom_class="custom-class"]Text[/cherry_parallax]
  • image: - имя файла в формате “.jpg”
  • speed: - скорость анимации (принимает значения none, low, normal, hight, fixed)
  • invert: - инвертирует направление смещения фона
  • custom_class: - пользовательский класс шорткода

Для использования видео в качестве фона используется следующий шорткод:

[cherry_video_parallax webm="video.webm" ogv="video.ogv" mp4="video.mp4" speed="none" invert="false" poster="video_poster.jpg" custom_class="custom-class"]Text[/cherry_video_parallax]
  • webm: - имя файла в формате “.webm”
  • ogv: - имя файла в формате “.ogv”
  • mp4: - имя файла в формате “.mp4”
  • poster: - имя файла в формате “.jpg”. Картинка будет отображаться, пока видео грузиться
  • speed: - скорость анимации (принимает значения none, low, normal, hight, fixed)
  • invert: - инвертирует направление смещения фона
  • custom_class: - пользовательский класс шорткода

Cherry Single Carousel

Описание: Данный плагин позволяет размещать карусель с parallax-эффект в контенте страницы (смещение относительно остального контента при скроллинге страницы).

[cherry_single_carousel title="Title" type="portfolio" posts_count="-1" movement="15" parallax="true" buffer_ratio="1.5" pagination="true" controls="true" autoplay="false" autoplay_delay="3000" stop_on_mouse_over="false" fullwidth="true" excerpt_count="35" custom_class="custom-class"]
  • title: - главный заголовок карусели
  • type: - тип постов, которые выводятся в формате слайдов
  • posts_count: - количество постов ("-1" - выводит все посты указанного типа, "целое положительное числовое значение" - количество выводимых постов)
  • movement: - смещение картинки при смене слайдов задается в %
  • parallax: - включает параллакс-эффект (true / false)
  • buffer_ratio: - коэффициент параллакса, работает при условии parallax=”true” (принимает значения от 1 до 10)
  • pagination: - отображение пагинации (true / false)
  • controls: - отображение кнопок навигации (true / false)
  • autoplay: - автолистание слайдов (true / false)
  • autoplay_delay: - задержка при автолистании слайдов, работает при условии autoplay=”true”
  • stop_on_mouse_over: - останавливает автолистание слайдов при наведении курсора, работает при условии autoplay=”true”
  • fullwidth: - отображение карусели на всю ширину окна браузера (true / false)
  • excerpt_count: - количество слов, выводимых из текста поста
  • custom_class: - пользовательский класс шорткода

Виджет

В теме также используются следующие виджеты:

Cherry - Последние комментарии

Отображает последние комментарии в более удобном формате. Данный виджет содержит следующие опции:

  • Title: - Заголовок виджета
  • Number of comments to show: - Количество отображаемых комментариев.
  • Display avatar: - наличие аватара
  • Avatar size (px): - размеры аватара
  • Display the comment author: - отображение комментария автора
  • Display the comment date: - отображение даты комментария
  • Display post title: - отображение названия поста
  • Meta format: - формат вывода мета данных
  • Custom CSS class: - пользовательский класс виджета

Cherry - Последние записи

Отображает последние записи. Также можно отображать пользовательские записи определенных категорий и добавлять ссылку read more (Детали). Данный виджет содержит следующие опции:

  • Title: - Заголовок виджета
  • Category Slug: - Слаг категории записи.
  • Post Format: - формат отображения записей.
  • Post Order: - порядок отображения записей.
  • Posts per page: - количество отображаемых записей на странице.
  • Excerpt length (words): - длина выдержки (количество слов).
  • Link Text: - текст ссылки, отображаемой под последними записями.
  • Link Url: - URL ссылки, отображаемой под последними записями

Cherry - Расширенный цикл

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

  • Title: - Заголовок виджета
  • Posts type: - тип записей
  • Number of posts to show: - количество записей
  • Sort by: - настройка отбора записей
  • Reverse sort order (ascending): - обратный порядок отображения
  • Show number of comments - показывать количество комментариев
  • Show meta - показывать мета-данные
  • Container class: - класс контейнера class. По умолчанию, это featured_custom_posts.
  • Show post title - показывать название записи
  • Date as title - использование даты вместо заголовка
  • Before title: - кастомная разметка в HTML перед заголовком
  • After title: - кастомная разметка в HTML после заголовка
  • Show post excerpt - показывать выдержку
  • Excerpt length (words) - длина выдержки (количество слов)
  • Excerpt as link - конвертировать выдержку в ссылку
  • Show "More" link - показывать ссылку More (Детали) после записи
  • Link text: - текст ссылки
  • Link class: - клас CSS-class для ссылки More (Детали)
  • Show post thumbnail - показывать изображение-миниатюру для записи
  • Width: - ширина изображения
  • Height: - высота изображения
  • Thumbnail as link - конвертировать изображение в ссылку
  • Show global link to all posts - показывать глобальную ссылку для всех записей
  • Link text: - текст заданной ссылки
  • Link URL: - URL ссылки.

Cherry - Социальные сети

Данный виджет позволяет добавлять ссылки на аккаунты в социальных сетях. Он содержит следующие опции:

  • Title: - Заголовок виджета
  • Facebook URL, Twitter URL, Flickr URL, etc. - ссылки на аккаунты в социальных сетях
  • Display: способ отображения иконок
    • Icons - только иконки
    • Labels - только текст
    • Both - иконки и текст.

Cherry - 125x125 Ads

Этот виджет позволяет добавлять баннера. Он содержит следующие опции:

  • Title: - Заголовок виджета
  • Image Ad link: - путь к изображению баннера
  • Add link: - ссылка на баннере.

Cherry - Flickr

Данный виджет позволяет отображать фото из галереи Flickr. Он содержит следующие опции:

  • Title: - Заголовок виджета
  • Flickr ID: - ID вашего flickr
  • Images count: - количество отображаемых фотографий
  • Link Text: - текст ссылки под фотографиями flickr.

Cherry - vCard

Данный виджет отображает информацию о вашей компании или о вас. Он содержит следующие опции:

  • Title (optional): - Заголовок виджета
  • Google Map: - отображение Google карты
  • HTML map code: - поле для ввода HTML кода Google карты
  • Street Address: - адрес улицы
  • City/Locality: - расположение города или местности
  • State/Region: - штат или регион
  • Zipcode/Postal Code: - почтовый индекс или код
  • Telephone: - номер телефона
  • Email: - ваш email
  • Meta format: - формат вывода мета данных
  • Custom CSS class: - пользовательский класс виджета

Cherry - Цикл записей

Этот виджет позволяет отображать необходимые записи. Он содержит следующие опции:

  • Title (optional): - Заголовок виджета (Опционально)
  • Post type: - формат записи
  • Categories: - категории, из которых нужно отображать записи
  • Posts count: - количество отображаемых записей
  • Thumbnail Width (in pixels): - ширина изображения-миниатюры записи (в пикселях)
  • Thumbnail Height (in pixels): - высота изображения-миниатюры записи (в пикселях)
  • Show titles: - показывать заголовки записей
  • Show date: - показывать дату записи
  • Show author: - показывать автора
  • Show comments: - показывать комментарии записи
  • Show excerpt: - показывать выдержку из записи
  • Excerpt word count: - количество слов в выдержке
  • More Button Text: - текст кнопки "Детали"
  • Slideshow cycling speed (in sec.): - скорость слайдера в миллисекундах
  • Arrows: - показывать стрелки слайдера
  • Pagination: - показывать пагинацию слайдера
  • Custom CSS class: - пользовательский класс виджета

Cherry - Facebook Блок "лайков"

Этот виджет позволяет отображать страницы Facebook. Он содержит следующие опции:

  • Title (optional): - заголовок виджета (опционально)
  • Facebook page url: - адрес вашей страницы Facebook
  • Width: & Height: - размеры блока
  • Color Scheme: - цветовая схема (светлая/темная)
  • Display header: - позволяет отображать/скрывать хеддер
  • Display faces: - позволяет отображать/скрывать изображения (лица) ваших Facebook друзей
  • Display stream: - позволяет отображать/скрывать поток
  • Display border: - позволяет отображать/скрывать отображение границ
  • Custom CSS class: - пользовательский класс виджета

Cherry - Instagram

Этот виджет позволяет отображать недавние записи Instagram. Он содержит следующие опции:

  • Widget Title: (optional): - заголовок виджета (опционально)
  • User Name: (required field) - имя пользователя Instagram (Виджет будет работать только для тех пользователей, которые предоставили полный доступ к своему аккаунту Instagram.)
  • Number of displayed images: - Количество отображаемых изображений (Максимальное значение: 20.)
  • Image dimensions: - размер отображаемых изображений (Большой/Миниатюра)
  • Show image description: - позволяет отображать/скрывать описание изображений
  • Show comments number: - позволяет отображать/скрывать количество комментариев
  • Show likes number: - позволяет отображать/скрывать количество "лайков"
  • Show image publication date: - позволяет отображать/скрывать дату добавления изображений
  • Show Image URL: - позволяет отображать/скрывать адрес изображений
  • User account button text: - текст ссылки на страницу пользователя Instagram
  • Custom CSS class: - пользовательский класс виджета

Cherry - Twitter Embed

Этот виджет позволяет отображать недавние записи (твиты). Он содержит следующие опции:

  • Widget Title: - заголовок виджета
  • Widget ID: - вставьте ID вашего виджета. Прежде всего, вам нужно создать новый виджет здесь. Далее вставить в поле ID виджета.
  • User Name: - имя пользователя Twitter.
  • Color Scheme: - цветовая схема (светлая/темная)
  • Custom CSS class: - пользовательский класс виджета

Cherry - Pinterest Embed

Этот виджет позволяет отображать тематические коллекции. Он содержит следующие опции:

  • Widget Title: - заголовок виджета
  • Pinterest User URL: - вставьте URL аккаунта из Pinterest, который вы бы хотели отобразить
  • Custom CSS class: - пользовательский класс виджета

Опции Cherry

В данной теме есть опция настроек. Они позволяют изменить цветовую схему темы, порядок элементов, включать/выключать элементы и многое другое. Чтобы использовать данные настройки, перейдите в меню Appearance (Внешний вид) → Cherry Options (Опции Cherry).

Главные

  • Body styling (Стиль страницы) - позволяет выбрать цвет страницы и узор фона.
  • Layout Style: - здесь вы можете выбрать лайаут вашего сайта (резиновый, 100% ширина/с фиксированной шириной)
  • Header styling: - фоновое изображени и цвет фона хеддера.
  • Buttons and links color (Цвет фона хедера) - Цвет кнопок и ссылок.
  • Buttons and links hover color - Цвет кнопок и ссылок при наведении мыши.
  • Body Text (Текст страницы) - позволяет выбрать шрифт для текста страницы. Для редактирования шрифта доступны следующие опции:
    1. Font size (Размер шрифта)
    2. Line height (Высота строки)
    3. Font Family (Семья шрифтов)
    4. Font style (normal, bold, italic) (Стиль шрифта (нормальный, жирный, курсив))
    5. Character Sets (Latin, Greek, Cyrillic, etc.) (Кодировка (Латинская, греческая, кириллица и т.п.))
    6. Color (Цвет)

    Внимание: Шрифты, отмеченные звездочкой (*), загружаются из библиотеки Google Web Fonts.

  • H1-H6 Headings - возможность выбрать шрифт для заголовков. Для редактирования шрифтов доступны следующие опции:
    1. Font size (Размер шрифта)
    2. Line height (Высота строки)
    3. Font Family (Семья шрифтов)
    4. Font style (normal, bold, italic) (Стиль шрифта (нормальный, жирный, курсив))
    5. Character Sets (Latin, Greek, Cyrillic, etc.) (Кодировка (Латинская, греческая, кириллица и т.п.))
    6. Color (Цвет)

    Внимание: Шрифты, отмеченные звездочкой (*), загружаются из библиотеки Google Web Fonts.

  • Display search box? (Отображать поле для поиска?) - отображать/скрыть поле поиска в хедере.
  • Display breadcrumbs? (Отображать навигационную цепочку?) - отображать/скрыть навигационную цепочку на страницах.
  • Custom CSS (Кастомный CSS) - если необходимо добавить правило CSS, но вы не хотите нарушить код главного CSS файла, можно использовать данное поле. Просто вставьте новое правило css.
  • Live Chat account ID - Ваш Olark live chat аккаунт ID

Logo & Favicon (Лого и фавикон)

  • What kind of logo? (Тип лого) - возможность использовать текстовое или графическое лого.
  • Logo URL (URL лого) - если выбрана опция Image logo (Графическое лого), можно загрузить новое изображение при помощи кнопки 'upload (загрузить)' или любое изображение из медиа-библиотеки (Media Library).
  • Logo Typography (Щрифт лого) - позволяет выбрать шрифт для текстового лого. Для редактирования шрифта доступны следующие опции:
    1. Font size (Размер шрифта)
    2. Line height (Высота строки)
    3. Font Family (Семья шрифтов)
    4. Font style (normal, bold, italic) (Стиль шрифта (нормальный, жирный, курсив))
    5. Character Sets (Latin, Greek, Cyrillic, etc.) (Кодировка (Латинская, греческая, кириллица и т.п.))
    6. Color (Цвет)

    Внимание: Шрифты, отмеченные звездочкой (*), загружаются из библиотеки Google Web Fonts.

  • Favicon (Фавикон) - можно загрузить новый фавикон при помощи кнопки 'upload (загрузить)' или любое изображение из медиа-библиотеки (Media Library).

Slider (Слайдер)

Высоту слайдера можно задать в файле "wp-content/themes/theme###/slider.php". Поменяйте значение "height" в переменной $slider_default_params.

Disable Slider (Отключить слайдер)

Опция отключения слайдера.

Slideshow (Слайдшоу)
  • Sliding effect (Эффект смены слайдов) - эффект смены слайдов
  • Sort by parameter (Сортировка по) - позволяет сортировать слайды по определенному параметру (упорядочить по)
  • Sort order (Порядок сортировки) - порядок сортировки записей
  • Number of columns (Количество колонок) - количество колонок
  • Number of rows (Количество рядов) - количество рядов
  • Banner effect (Эффект для баннера) - выберите тип анимации баннера
  • Pause time (Время паузы) - время паузы (мс)
  • Animation speed (Скорость анимации) - скорость анимации (мс)
  • Slideshow (Слайдшоу) - автоматическая анимация слайдера
  • Thumbnails (Миниатюры) - отображение миниатюр
  • Pagination (Пагинация) - отображение пагинации
  • Next & Prev navigation (Навигация через указатели "Вперед"/"Назад") - отображение указателей "Вперед"/"Назад"
  • Display next & prev navigation only on hover? (Отображать указатели "Вперед"/"Назад" только при ховере?) - Если выбрать 'да,' кнопки навигации ("назад", "вперед" и "воспроизведение/стоп") будут отображаться только при ховере, если 'нет,' они будут видимыми всегда.
  • Play/Pause button (Кнопка "воспроизведение/пауза") - отображать кнопку "воспроизведение/пауза"
  • Loader (Значок загрузки) - значек загрузки слайдера.
Accordion (Аккордеон)
  • Slides to display (Отображать слайды) - выберите слайды, которые нужно показывать в слайдере. Если не один из слайдов не выбран, будут отображаться все слайды.
  • Sort by parameter (Сортировка по) - позволяет сортировать слайды по определенному параметру (упорядочить по)
  • Sort order (Порядок сортировки) - порядок сортировки записей
  • Slideshow (Слайдшоу) - автоматическая анимация слайдера
  • Pause on mouseover (Пауза при наведении мыши) - автовоспроизведение будет останавливаться при наведении мыши на слайдер.
  • Pause time (Время паузы) - время паузы (мс)
  • Animation speed (Скорость анимации) - скорость анимации (мс)
  • Animation slowdown (Замедление анимации) - можно задавать различные типы замедления анимации при смене слайдов.
  • Mouse events for transition of slides (Действие мыши для смены слайдов) - можно выбирать различные типы действия мыши для смены слайдов.
  • Active slide (Активные слайды) - выберите количество слайдов, которые будут активными по умолчанию. Если значение 0, все слайды будут иметь одинаковую ширину при загрузке страницы.

Blog (Блог)

  • Blog Title (Заголовок блога) - название, используемое на странице блога
  • Related Posts Title (Заголовок похожих записей) - название, используемое на странице отдельной записи для похожий записей
  • Blog layout (Лайаут блога) - позволяет задать позицию боковой колонки (справа или слева) и принцип расположения блоков
  • Blog image size (Размер изображения блога) - размер изображения (стандартный или большой) на странице блога
  • Single post image size (Размер изображения отдельной записи) - размер изображения (стандартный или большой) на странице отдельной записи
  • Display share button in single post? (Отображать кнопку "поделиться" на сингл страницах записей) - отображать кнопку "поделиться" на сингл страницах записей
  • Should images be uploaded on page scroll? (Должны ли изображения загружаться по мере попадания в видимую пользователем область страницы) - вы можете заставить браузер загружать изображения только когда они становятся видимыми пользователю. В противном случае все изображения будут загружаться стразу при загрузке страницы
  • Enable excerpt for blog posts? (Активировать выдержку для записей блога) - отображать выдержку для записей
  • Button text for blog posts. (Текст кнопки для записей блога) - текст кнопки "читать полностью" для записей блога
  • View meta of the blog (Просмотреть мета данные блога) - выбор типа мета блока, который будет отображаться на странице блога и записей
  • Post publication date (Дата публикации записи) - отображать дату публикации
  • Author of the post (Автор записи) - показывать автора записи
  • Direct link to the post (Прямая ссылка на запись) - показывать прямую ссылку на запись
  • Post categories (Категории записей) - отображать категории записей
  • Tags be displayed (Показать теги) - показать теги
  • Number of comments (Количество комментариев) - выбор количества отображаемых комментариев
  • Number of views (Количество просмотров) - показывать количество просмотров
  • Number of likes (Количество плюсов) - отображать количество плюсов
  • Number of dislikes (Количество минусов) - показывать количество минусов

Portfolio (Портфолио)

  • Filter (Фильтр) - фильтр портфолио.
  • Show title? (Показывать заголовок) - включить/отключить название записей портфолио.
  • Show excerpt? (Отображать выдержку) - включить/отключить выдержку из записей портфолио.
  • Excerpt words (Длина выдержки) - длина выдержки (в словах).
  • Show button? (Показывать кнопку) - включить/отключить кнопку в записях портфолио.
  • Layout (Структура) - В портфолио есть несколько типов структуры. При помощи данной опции ее можно изменить.
  • Portfolio 2 columns items amount (Элементы портфолио в 2 колонки) - шаблон разметки элементов портфолио в 2 колонки.
  • Portfolio 3 columns items amount (Элементы портфолио в 3 колонки) - шаблон разметки элементов портфолио в 3 колонки.
  • Portfolio 4 columns items amount (Элементы портфолио в 4 колонки) - шаблон разметки элементов портфолио в 4 колонки.

Дополнительные опции

Представленные ниже разделы являются опциональными. Они могут отсутствовать в некоторых темах.

Footer Logo (Лого футера)

  • Logo Image Path (Путь к изображению лого) - если выбрана опция Image logo (Графическое лого), можно загрузить новое изображение при помощи кнопки 'upload (загрузить)' или любое изображение из медиа-библиотеки (Media Library).

Contacts (Контакты)

  • Street Address (Адрес улицы) - адрес улицы.
  • City/Locality (Город/местность) - город/местность.
  • Zipcode (Почтовый код) - почтовый код.
  • Phone number (Номер телефона) - номер телефона.

Social (Социальные сети)

  • Facebook URL - ссылка на страницу Facebook.
  • Google+ URL - ссылка на страницу Google+.
  • RSS URL - ссылка на RSS ленту.
  • Pinterest URL - ссылка на страницу Pinterest.
  • Linkedin URL - ссылка на страницу Linkedin.

Parallax Slider (Параллакс слайдер)

Описание: Данный блок опций позволяет создать слайдер с parallax-эффектом и разместить его в хедере страницы.

Важно: Опции, заданные в Dashboard -> Cherry Options -> Slider Settings не распространяются на данный слайдер.

Редактировать контент слайдов следует в Dashboard -> Slides.

  • Display Parallax Slider? - включает отображение параллакс слайдера? (yes / no)
  • Sliding effect - эффект анимации смены слайдов (Simple Fade, Zoom Fade, Slide Top)
  • Slideshow - автолистание слайдов (yes / no)
  • Pause time - время задержки между сменой слайдов (в миллисекундах)
  • Animation speed - скорость смены слайдов (в миллисекундах)
  • Pagination - отображение пагинации (yes / no)
  • Next & Prev navigation - отображение кнопок навигации (yes / no)

Parallax Slider v1.0 (Параллакс слайдер)

Описание: Данный блок опций позволяет создать слайдер с parallax-эффектом и разместить его в хедере страницы. Также в данном слайдере есть возможность вставить в слайды видео из Youtube, Vimeo или использовать локальные видео файлы, используя видео в mp4, webm и ogv формате.

Важно: Опции, заданные в Dashboard -> Cherry Options -> Slider Settings не распространяются на данный слайдер.

Подключение видео: Добавьте в медиагалерею материалы в следующих форматах: mp4, webm, ogv.

Редактировать контент слайдов следует в Dashboard -> Slides. Для того, добавить/подключить картинку или видео нужно зайти в Dashboard -> Slides. Выбираете нужный Slide Type:

  • Image Type - загружает картинку для слайда
  • Media Library Video Type - позволяет загрузить в слайд локальное видео. При выборе данного пункта появляется дополнительный блок Media Library Video с соответствующими полями для выбора видео в mp4, webm и ogv форматах. Также появилась возможность включить визуальный прогресс загрузки (Display the loading progress video).
  • Youtube Video Type - позволяет отобразить в слайде видео из Youtube. При выборе данного пункта появляется дополнительный блок Youtube Video. В поле Youtube Video ID нужно вставить ID желаемого видео, размещенного на Youtube.
  • Vimeo Video Type - позволяет отобразить в слайде видео из Vimeo. При выборе данного пункта появляется дополнительный блок Vimeo Video. В поле Vimeo Video ID нужно вставить ID желаемого видео, размещенного на Vimeo.
  • Display Parallax Slider? - включает отображение параллакс слайдера? (yes / no)
  • Parallax effect - позволяет настраивать смещение картинки фона относительно окна браузера (принимает значения: none, low, normal, high, fixed)
  • Invert Parallax Slider - инвертирует направление смещения слайдов (yes / no)
  • Sliding effect - эффект анимации смены слайдов (Simple Fade, Zoom Fade, Slide Top)
  • Slideshow - автолистание слайдов (yes / no)
  • Pause time - время задержки между сменой слайдов (в миллисекундах)
  • Animation speed - скорость смены слайдов (в миллисекундах)
  • Scrolling description - смещение и изменение прозрачности контента слайдов при скроллинге ( yes / no )
  • Pagination - отображение пагинации ( Buttons Pagination / Images Pagination / No)
  • Next & Prev navigation - отображение кнопок навигации (yes / no)

Video

Описание: Данный блок опций позволяет разместить видео в хедере или растянуть соответственно размерам окна браузера.

Подключение медиа файлов: Добавьте в медиагалерею материалы в следующих форматах: mp4, webm, ogv и jpg.

  • Media type - выбор медиа типа (video / image)
  • Poster file name - картинка, которая отображается при загрузке видео. Имя файла в формате “.jpg”
  • MP4 video file name - имя файла в формате “.mp4”
  • WEBM video file name - имя файла в формате “.webm”
  • OGV video file name - имя файла в формате “.ogv”
  • Show progressbar - отображает прогресс загрузки видео (yes / no)

Parallax Video

Описание: Данный блок опций позволяет разместить видео с parallax-эффектом.

Подключение медиа файлов: Добавьте в медиагалерею материалы в следующих форматах: mp4, webm, ogv и jpg.

  • Media type - выбор медиа типа (video / image)
  • Poster file name - картинка, которая отображается при загрузке видео. Имя файла в формате “.jpg”
  • MP4 video file name - имя файла в формате “.mp4”
  • WEBM video file name - имя файла в формате “.webm”
  • OGV video file name - имя файла в формате “.ogv”
  • Show progressbar - отображает прогресс загрузки видео (yes / no)
  • Parallax effect - задает коэффициент параллакса ( none / low / normal / hight / fixed )
  • Invert Parallax - инвертирует направление смещения

Shop Beginners Kit

Важно! Shop Beginners Kit работает только на Cherry Framework версии 2.0 и выше.
Если ваша версия ниже, чем 2.0, обновите Cherry Framework.

Shop Beginners Kit можно приобрести вместе с темой WordPress или отдельно.

Прежде всего необходимо установить и активировать плагин WooCommerce или Jigoshop.

Плагины можно скачать по следующим ссылкам:

Плагин Jigoshop: http://wordpress.org/plugins/jigoshop/
Плагин WooCommerce: http://wordpress.org/plugins/woocommerce/

Внимание! Для полноценного функционирования требуется лишь один плагин.
Установка плагина
  1. В панели управления WordPress, перейдите в меню Plugins (Плагины) -> Add New (Добавить новый).
  2. Щелкните кнопку Upload (Загрузить).
  3. Нажмите Browse (Обзор).
  4. Выберите файл одного из плагинов и нажмите OK.
  5. Кликните Install Now (Установить).
  6. После установки плагина, нажмите Activate (Активировать).
Если вы приобрели данное предложение вместе с темой WordPress, нужно выполнить несколько шагов для его корректной работы.

Также вы можете установить виджеты и демо товары для вашего магазина.

Необходимо сделать следующее:

  1. Установка виджетов:
    • В меню выберите Cherry Options (Опции Cherry) -> Import (Импорт)
    • Выберите файл jigoshop_widgets.json или woocommerce_widgets.json в зависимости от того, какой плагин вы установили. После этого нажмите кнопку Show Widget Settings (Показать настройки виджета) (данный этап можно пропустить и настроить все виджеты вручную в меню Appearance (Внешний вид) -> Widgets (Виджеты)).
    • Выберите виджеты для установки и затем щелкните кнопку Import Settings (Импорт настроек).
    • Дождитесь окончания установки.
  2. Добавление демо товаров.
    • Выберите файл shop_sample_data.xml и нажмите кнопки Upload file (Загрузить) и Import (Импорт) (данный этап можно пропустить и выполнить позднее).
    • В поле Import Author (Автор импорта), выберите пользователя и нажмите кнопку Import Data (Импорт данных).
    • После установки демо товаров, нажмите кнопку Finish (Завершить). Теперь ваш магазин готов к дальнейшей работе.

Если вы решили добавить функционал магазина к раннее приобретенному шаблону, необходимо получить дополнительные файлы, которые обеспечивают совместимость Cherry Framework с плагинами WooCommerce и Jigoshop.

Прежде всего необходимо приобрести дополнение "Shop Beginners Kit", затем выполнить несколько простых шагов:

  1. Установите или активируйте плагин WooCommerce или Jigoshop (нужен только один из них).
  2. Из папки theme#### скопируйте два файла (shop.less и shop.php) в корневую папку с дочерней темой.

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