Cherry Framework. Краткое руководство пользователя

1. Вступление
   • Установка темы
   • Установка плагинов
   • Установка демо-контента
2. Шаблоны страниц и боковые панели
3. Записи, Категории и Форматы Записей
   • Создание записи в блоге
   • Создание записи слайдера (Слайд)
   • Создание записи-галереи
     • Выбор формата записи-галереи
   • Создание записи с отзывами
   • Создание записи "Часто задаваемые вопросы"
   • Создание записи "Наша команда"
   • Создание записей "Обслуживание"
4. Создание страницы-портфолио
5. Шорткоды
6. Плагины и пользовательские виджеты
7. Опции Cherry
8. Часто задаваемые вопросы
9. Полезная информация

Установка темы

Существует два способа установки темы: через панель управления WordPress или через FTP.

Установка через панель управления WordPress:

Процесс установки состоит из двух этапов: установки фреймворка и темы child theme. Оба этапа идентичны и очень просты.

1. Войдите в панель управления WordPress (добавьте /wp-admin после доменного имени в адресной строке браузера).
2. Перейдите к меню Appearance (Внешний Вид) > Themes (Темы) > Install Themes (Установить Темы).
3. Нажмите кнопку Upload (Загрузить)
4. Загрузите файл CherryFramework.zip
5. По завершению загрузки необходимо активировать тему. Для этого нажмите на кнопку Activate theme (Активировать тему).

Вы также можете ознакомиться с детальным видео-уроком по Установке темы WordPress через панель управления.

Поздравляем, Вы установили фреймворк. Далее необходимо выполнить те же действия для установки темы child theme: themeXXXX.zip

1. Перейдите к меню Appearance (Внешний Вид) > Themes (Темы) > Install Themes (Установить Темы)
2. Нажмите на кнопку Upload (Загрузить)
3. Загрузите файл themeXXXX.zip
4. По завершению загрузки необходимо активировать тему. Для этого нажмите на кнопку Activate theme(Активировать тему).

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

Для получения более подробной информации посетите официальный сайт WordPress документации: http://codex.wordpress.org/Installing_WordPress

Установка через ftp:

Давайте рассмотрим альтернативный метод установки темы/фреймворка: имея FTP-доступ и используя FTP-клиент.

1. Распакуйте файлы CherryFramework.zip и themeXXXX.zip в любую папку на Вашем жестком диске.
2. Загрузите папки CherryFramework и themeXXXX на сервер (в каталог /wp-content/themes/).
3. Войдите в панель управления WordPress (добавьте /wp-admin после вашего доменного имени в адресной строке браузера).
4. Перейдите к меню Appearance (Внешний Вид) > Themes (Темы).
5. В разделе Available Themes (Доступные Темы) найдите theme1934 и активируйте её, используя кнопку Activate(Активировать).

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

Для правильной работы темы необходимо установить некоторые плагины. Просто нажмите на кнопку Begin install plugin (Начать установку плагина).

Установка демо-контента.

Для того, чтобы Ваш сайт выглядел как демо-версия, пожалуйста, следуйте инструкциям ниже.

1. Перейдите к меню Cherry Options > Import (Импорт) чтобы приступить к установке демо-контента.

2. При запуске мастера установки Вам будет предложено загрузить файл widget_data.json, содержащий настройки темы. После выбора файла нажмите на кнопку Show widget settings (Показать настройки виджета).

   После этого Вы сможете выбрать необходимые для Вас виджеты. Мы рекомендуем установить все предложенные виджеты, используя кнопку Import Settings (Загрузить настройки).

3. На втором шаге установки Вам будет предложено загрузить файл с форматом .xml, который содержит весь демо-контент шаблона (записи, страницы, категорий и т.д.). После выбора файла нажмите кнопку Upload File and Import(Загрузить файл и импортировать) (Если Вы не желаете устанавливать демо-данные, пропустите этот шаг).

   Далее необходимо выбрать автора для импортируемых записей и страниц. Нажмите кнопку Import Data (Импорт данных) для запуска процесса.

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

   После завершения импортирования Вы получите уведомление об успешной установке. Нажмите кнопку Finish (Готово).

4. Последним шагом установки будет нажать на кнопку Save Changes (Сохранить Изменения), чтобы активировать SEO-оптимизированный формат ссылок.

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

• Default Template (стандартный шаблон страницы с боковой панелью)
• Full Width Page (шаблон страницы с одной колонкой без боковой панели)
• Home Page (шаблон для домашней страницы)
• Filter Folio 2 cols (шаблон страницы галереи с 2 колонками)
• Filter Folio 3 cols (шаблон страницы галереи с 3 колонками)
• Filter Folio 4 cols (шаблон страницы галереи с 4 колонками)
• Testimonials (шаблон страницы отзывов)
• FAQs (шаблон страницы часто задаваемых вопросов)
• Archives (шаблон страницы архивов)

Позиции Боковых Панелей

• Sidebar — Боковая панель расположена на правой или левой стороне страницы
• Footer Area 1 — Расположена в нижней части страницы.
• Footer Area 2 — …
• Footer Area 3 — …
• Footer Area 4 — Расположена в нижней части страницы.

Создание категории

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

1. Войдите в панель управления WordPress (Dashboard).
2. Перейдите ко вкладке Post
3. Используйте кнопку Categories для записей блога
4. Введите имя новой категории
5. Сделав это, нажмите кнопку Add New Category (Добавить категорию)

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

1. Войдите в панель управления WordPress (Dashboard).
2. Перейдите ко вкладке Post
3. Нажмите на кнопку Add New (Добавить)
4. Добавьте содержание для новой записи. Для получения дополнительной информации о добавлении записи в блоге перейдите по этой ссылке: http://codex.wordpress.org/Posts_Add_New_SubPanel
5. Нажмите кнопку Publish (Опубликовать)

Форматы записи

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

Прочтите следующую статью для получения дополнительной информации о форматах записи: http://codex.wordpress.org/Post_Formats

1. Войдите в панель управления WordPress (Dashboard).
2. Перейдите ко вкладке Post
3. Здесь Вы можете выбрать формат записи, нажмите на кнопку переключателя (радио-кнопка) в окне Format.

Примечание: Некоторые из форматов имеют собственные опции. Эти опции будут доступны под редактором записей.

Ниже Вы можете увидеть список доступных форматов, их описание и соответствующие настройки.

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

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

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

Отдельный формат записи

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

Формат Запись-Галерея

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

Чтобы загрузить/прикрепить изображение, нажмите кнопку Upload/Insert, загрузите необходимые изображения и нажмите кнопку Attach (Вложить), затем кнопку Save Changes (Сохранить изменения).

Этот Формат имеет все стандартные поля (название, содержание, категории и т.д.) как и обычный формат записи.

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

Формат Запись-Ссылка (Link Post)

После выбора данного формата Вы получите дополнительное поле — URL, где нужно указать ссылку (URL) на страницу ресурсов. Заголовок записи будет использован в качестве ссылки.

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

Формат Запись-Изображение (Image Post)

Image Post Format — Формат записи, который основан на одном изображении, загруженном через опцию Featured Image.
После выбора данного формата записи Вы сможете отключить функцию lightbox, выбрав соответствующие настройки в поле Enable Lightbox.

Формат Запись-Цитата (Quote Post)

Quote Post это так называемая запись-цитата. Используется для публикации котировки нескольких человек.

При выборе данного формата записи Вы получите дополнительные поля The Quote (Цитата) — содержимое цитаты, а также поле Author (Автор) — имя автора цитаты.

Формат Запись-Аудио

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

При выборе данного формата Вы получите следующие дополнительные опции:

• Title — название трека
• Artist — исполнитель аудио трека
• Audio Format — формат аудио трека
• Audio URL — прямая ссылка на аудио дорожку

Формат Запись-Видео

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

При выборе данного формата Вы получите следующие дополнительные опции:

• Title — название видео-клипа
• Artist — исполнитель видео-клипа
• URL #1 — прямая ссылка на видео-клип в формате .m4v
• URL #2 — прямая ссылка на видео-клип в формате .ogv
• Embedded Code — добавление видео по коду, например, через YouTube, Vimeo и др.

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

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

Следующий слайдер работает на Camera Slideshow

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

Создание Записи-Галереи

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

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

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

Создавая запись-галерею, Вы можете выбрать один из доступных типов записи.

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

Создание записи с отзывами

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

Создание записи "Часто задаваемые вопросы"

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

Создание записи "Наша команда"

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

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

1. Войдите в панель управления WordPress (Dashboard).
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 (Опубликовать)

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

Ознакомьтесь со следующими уроками как добавить страницу с портфолио и как работать со страницей-портфолио.

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

Затем нажмите на кнопку "вставить шорткод". Выберите необходимый шорткод.

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

• Dynamic (динамический)- используется для вывода контента (записи, пользовательские типы записей, теги и т.д.)
• Grid Columns — различные колонки для формирования сетки.
• Elements — дополнительные элементы для формирования контента.
• Other — дополнительные элементы для формирования контента.

Dynamic (динамические)

Post Grid (Записи сеткой)

[posts_grid type="post" columns="3" rows="3" order_by="date" order="DESC" link="yes"] 

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

Post List (Записи списком)

[posts_list type="post" numb="4" thumbs="large" post_content="excerpt" order_by="date" order="DESC" link="yes" tags="yes"] 

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

Mini Post Grid (Мини-Записи сеткой)

[mini_posts_grid numb="4" thumbs="small" order_by="date" order="DESC" align="left"] 

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

Mini Post List (Мини-Записи списком)

[mini_posts_list type="post" numb="4" thumbs="small" meta="yes" order_by="date" order="DESC"] 

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

Recent Posts (Последние записи)

[recent_posts post_format="standard" meta="false" thumb="true"]  

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

Popular Posts (Популярные записи)

[popular_posts num="5"]  

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

Recent Testimonials (Последние Отзывы)

[recenttesti num="5" 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"] 

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

Carousel (Карусель)

[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"] 

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

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"] 

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

Tags (Тэги)

[tags] 

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

Колонки

Grid Columns (span1-12) (Колонки сеткой (span1-12)

[span#] [/span#] 

Описание: используется для формирования структурных элементов сетки, где # — число от 1 до 12, которая определяет ширину элемента.

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

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

Fluid Columns (one_half, one_third…) (Подвижные колонки (one_half, one_third…)

[one_half] [/one_half] 

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

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

Обратите внимание, что при формировании подвижной сетки необходимо "обернуть" сетку элементов в [row_fluid] шорткод:

Multiple Columns (75% / 25% и etc.) (Несколько колонок (75% / 25% и т.д.)

[row]
[span8] Your content... [/span8]
[span4] Your content... [/span4]
[/row]
              

Шорткод для нескольких колонок используются для упрощения формировании контента путем введения наиболее часто используемых вариантов сетки.

Элементы

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] 

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

Blockquote (Блок цитатой)

[blockquote] Text... [/blockquote] 

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

Icon (Иконка)

[icon image="#" align="left"]  

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

Frame (Рамка)

[frame] I'm frame [/frame]  

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

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] 

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

Списки шорткодов (unstyled, check, check2, arrow, arrow2, star, plus, minus)

[check_list] List here ... [/check_list] 

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

Audio

[audio type="mp3" file="#" title="Title"] 

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

Video

[video m4v="#" ogv="#" width="400" height="300"]  

Описание: используется для вставки видео-контента, который может быть загружен из внешних ресурсов (YouTube, Vimeo) или с Вашего сайта.

Прочее

Alert Boxes (message, info, success, danger) Блоки оповещения (сообщение, информация, успех, опасность)

[alert_box style="message" close="yes"]Hello, World![/alert_box] 

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

Close icon (Закрывающая иконка)

[close dismiss="alert"] 

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

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 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]  

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

Google Map (Карты Google)

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

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

Плагины

Виджеты, использованные в теме, перечислены ниже.

Contact Form 7

Скачать: http://wordpress.org/extend/plugins/contact-form-7/
Описание: Форма обратной связи для страницы контактов.

Виджеты

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

Cherry — Recent Comments (Cherry — Последние комментарии)

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

• Title: — Название виджета
• Number of comments to show: — Количество комментариев для показа.

Cherry — Recent Posts (Cherry — Последние записи)

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

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

  Cherry — Advanced Cycle

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

  • Title: — Название виджета
  • Posts type: — Выберите тип записи
  • Number of posts to show: — Число записей
  • Sort by: — Опция выбора записи
  • Reverse sort order (ascending): — Инвертировать сортировку
  • Show number of comments — показать количество комментариев
  • Show meta — показать мета-данные
  • Container 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 после записи
  • Link text: — текст ссылки
  • Link class: — CSS-класс для ссылки More link
  • Show post thumbnail — показать миниатюру записи
  • Width: — ширина изображения
  • Height: — высота изображения
  • Thumbnail as link — преобразовать изображение в ссылку
  • Show global link to all posts — показать глобальные ссылки для всех записей
  • Link text: — текст данной ссылки
  • Link URL: — URL ссылки

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

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

  • Title: — Название виджета
  • Facebook URL, Twitter URL, Flickr URL etc. — ссылки на Ваши учетные записи социальных сетей
  • Display: способ отображения значков.
    • Icons — только иконки.
    • Labels — только текст.
    • Both — иконки и текст.

  Cherry — 125×125 Ads

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

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

  Cherry — Twitter

  Это виджет, который отображает последние Твитты с Вашего Twitter аккаунта. Виджет содержит следующие параметры:

  • Title: — Название виджета.
  • Twitter Name: — Ваше имя в twitter
  • Twitts number: — Количество Твиттов для показа.

  Cherry — Flickr

  Это виджет, который отображает фотографии из вашей галереи Flickr. Виджет содержит следующие параметры:

  • Title: — Название виджета.
  • Flickr ID: — Ваш flickr ID
  • Images count: — количество фотографий для показа.
  • Link Text: — Текст ссылки под фотографиями Flickr.

  Cherry — vCard

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

  • Title (optional): — Название виджета.
  • Street Address: — укажите свой адрес здесь
  • City/Locality: — Укажите Ваш город или населенный пункт здесь
  • State/Region: — Укажите Вашу страну или регион здесь
  • Zipcode/Postal Code: — введите Ваш почтовый индекс здесь
  • Telephone: — номер телефона
  • Email: — Ваш адрес электронной почты

Данная тема содержит опцию Settings (Параметры). Эти параметры позволяют легко и быстро изменить цветовую палитру темы, порядок элементов и т.д. Для того, чтобы использовать эти настройки, перейдите к меню Appearance → Cherry Options.

General (Общее)

• Body styling — Вы можете изменять цвета сайта.
• Header background color — Цвет фона в шапке
• Buttons and links 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

Logo & Favicon (Лого и значок веб-сайта)

• What kind of logo? — позволяет выбрать логотип: текстовое лого, или логотип-изображение.
• Logo URL — При выборе опции Image logo Вы можете загрузить новое изображение с помощью функции ‘upload’ (загрузить) или использовать любое изображение из библиотеки Media.
• 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.

Navigation (Навигация)

• Menu 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.

• Delay — задержка в миллисекундах, которая определяет, когда меню должно скрыться
• Fade-in animation — включить/отключить эффект fade-in
• Slide-down animation — включить/выключить анимацию слайда
• Speed — скорость открытия подменю
• Arrows markup — включение/выключение стрелки для пунктов под-меню

Slider (Слайдер)

• Sliding effect — эффект перехода слайдов
• 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 — полоса загрузки в слайдере

Blog (Блог)

• Blog Title — Название Вашего блога используется на странице блога
• Related Posts Title — Ваше название используется на странице Single Post page для похожих записей
• Sidebar position — Вы можете выбрать позицию для боковой панели (правая или левая)
• Blog image size — Размер изображения (Нормальный или большой) на странице блога
• Single post image size — размер изображения (Нормальный или большй) для страницы single post page
• Enable Meta for blog posts? — отображение мета для записей
• Enable excerpt for blog posts? — Отображать отрывки для записей

Portfolio (Галерея, портфолио)

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

Footer (Футер)

• Footer copyright text — содержание текста в футере. Если текстовое поле пусто, то будет отображаться стандартный текст. Он находится в файле footer.php
• Google Analytics Code — Вы можете поместить код для сбора SEO-статистики Вашего сайта… Например, код для Google Analytics
• Feedburner URL — Feedburner является одним из сервисов Google, который заботится о своей ленте RSS. Вставьте здесь Ваш Feedburner URL, чтобы посетитель смог это увидеть у Вас на сайте
• Display Footer menu — включить или отключить Нижнее меню
• Foter Menu 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.

Как создать форму обратной связи в WordPress

В этой видеоинструкции вы узнаете, как создать форму обратной связи в WordPress с помощью плагина Contact Form 7

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

1. Откройте административную панель WordPress

2. Перейдите в Plugin (Плагины) и нажмите Add New (Добавить новый)

   В случае, если вам необходимо воспользоваться поиском, то напишите Contact Form 7 в поисковом поле.
   Если плагин включен в ваш шаблон, нажмите ссылку Upload и найдите файл плагина в папке шаблона sources/plugins.

3. После установки плагина нажмите Activate.

Создание формы для связи

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

1. Для добавления контактной формы нажмите кнопку Add new на вкладке Contact.
2. Кроме того, вы можете нажать Add New вверху страницы.
3. В этом поле введите HTML для тэгов <form>, <input> и т.д.
4. Вы можете использовать выпадающий список тэгов для добавления необходимых полей.

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

How to replace text logo

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

1. Откройте админ-панель
2. Откройте Settings>General (настройки — общие)

3. Здесь Вы можете изменить поле Site Title (название сайта), чтобы поменять лого.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

Как создать шаблон страницы

Некоторые страницы могут иметь индивидуальный шаблон (PHP файл, вида custom.php), который Вы создаете для Вашей темы. Этот новый шаблон заменит существующий шаблон page.php.

WordPress может использовать различные шаблоны страниц. Во вкладке Pages Вы можете выбрать шаблон, в секции Page Attributes (атрибуты страницы).

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

Создание Ваших шаблонов страниц

Файлы шаблонов страниц можно найти в директории wp-content/themes. Чтобы создать новый шаблон, Вам нужно создать новый .php файл. Например, custom.php

Чтобы сделать его шаблоном, Вам нужно начать с:

<?php
/*
Template Name: Custom
*/
?>

Новый PHP файл может иметь любое название, кроме тех, что зарезервированы самим движком WordPress. Эта новая страница может включать все что угодно, начиная со статического контента заканчивая некоторым контентом с HTML разметкой.

Пожалуйста, ознакомьтесь с детальным обучающим видео ниже:

How to install WordPress plugin (through admin panel)

1. В админ-панели откройте Plugins (Плагины)
2. Нажмите Add New (добавить новый).
3. В верхнем меню выберите Upload (загрузить).
4. Нажмите Browse (найти) и выберите Ваш плагин (все плагины можно найти в папке sources/plugins), затем нажмите Открыть и Загрузить.
5. После загрузки активируйте плагин, используя кнопку Activate Plugin .

Как использовать медиабиблиотеку в WordPress

В этой инструкции вы узнаете, как использовать медиабиблиотеку WordPress.

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

Доступ в библиотеку вы можете получить через административную панель WordPress. Откройте вкладку Media (Медиафайлы) и перейдите в Library (библиотеку). Тут вы увидите все ваши медиафайлы.

Нажмите кнопку Edit возле любого из элементов для изменения настроек (введите альтернативное название изображения, проверьте размеры и т.д.)

Для добавления нового элемента в библиотеку нажмите кнопку Add New (Добавить). После этого выберите файл на вашем компьютере и нажмите Upload (Загрузить).

Мы сделали всё возможное, чтобы создать подробную и понятную пользователю документацию. Однако, если у Вас возникли трудности с нашим шаблоном или у Вас есть какие-либо предложения по улучшению качества документации — просим связаться с нашей службой поддержки:

• Онлайн Чат
• Сервисная Служба
• Телефон: 1-347-342-0463

Дополнительные ссылки

• WordPress уроки
• WordPress руководство пользователя