43
добавляющий новые возможности. С помощью плагинов на WordPress
можно реализовать практически любую поставленную задачу. Добавить на
сайт опросник, создать фото галерею, превратить блог в электронный
магазин с возможностью конфигурировать товар и делать онлайн заказ —
все это под силу дополнительным плагинам.
Рис. 2.15 Плагин WooCommerce
При установке WooCommerce, его мастер установки проведет через
настройку основных шагов для запуска полноценного магазина. Варианты
электронной коммерции практически бесконечны, и мастер установки
сокращает дальнейшие поиски, и выделяет наиболее важные параметры,
поэтому пропустить что-то невозможно.
На следующем шаге запустится мастер установки и первичной
настройки веб-сайта. Первым делом необходимо указать физический адрес
компании и принимаемую валюту (рисунок 2.16).
С WooCommerce можно принимать чеки, оплату наложенным
платежом, банковским переводом или использовать PayPal для принятия
основных кредитных карт и других платежей PayPal.
На следующем шаге предлагается установить варианты приема
платежей. В WooCommerce интегрирована международная система оплаты
с помощью кредитных карт PayPal (рисунок 2.17).
44
Рис. 2.16 Установка адреса и принимаемой валюты
Рис. 2.17 Выбор системы приема платежей
45
Компания «Форвард» на сайте сможет продавать некоторые свои
услуги. Для этого необходимо заполнить соответствующие страницы.
Продаваемые услуги в структуре WooCommerce являются товарами.В
консоли администратора необходимо добавить название товара и краткое
описание (рисунок 2.18).
Рис. 2.18 Добавление товара
В качестве цены можно указать базовую цену, а также цену
распродажи (рисунок 2.19).
Рис. 2.19 Установка цены товара
46
К каждому товару можно добавить изображения. Одно из них будет
главным, а другие будут показываться в галереи изображений товара
(рисунок 2.20).
Рис. 2.20 Добавление изображений товарам
В целом в настройках WooCommerce можно довольно гибко
провести установки под нужды компании (рисунок 2.21).
Рис. 2.21 Настройки WooCommerce
47
Далее был начат процесс заполнения сайта контентом. Создавались
новые страницы и заполнялись необходимой информацией (рисунок 2.22).
Страница добавления контента в виде страниц сайта состоит из различных
блоков. Например, блок для определения названия страницы, блок для
содержимого страницы, который может быть модифицирован в
соответствии с возможностями тонкой настройки WordPress. Также блок
для добавления изображения страницы. После заполнения страницы
контентом она была опубликована через блок публикации.
Рис. 2.22 Добавление контента
С помощью плагина Contact Form 7, была добавлена форма
обратной связи. Установка данного плагина проводилась в специальном
пункте меню в консоли разработчика (рисунок 2.23).
Ресурс должен быть ориентирован в первую очередь на удобство
пользователя. Разместить на страницах сайта всю информацию, которая
может заинтересовать посетителя, невозможно и, откровенно говоря, в
этом нет необходимости. Главное, чтобы все данные, касающиеся
предлагаемых товаров или услуг, были в распоряжении владельца или
администратора ресурса. При этом нужно предоставить пользователю
48
возможность быстро задать интересующий вопрос, не прикладывая для
этого излишних усилий. Именно для таких целей используется форма
обратной связи на сайте.
Рис. 2.23 Плагин Contact Form 7
Большинство данных форм работают по стандартной схеме:
клиенту предлагается написать не только свой вопрос, но и
имя, а также электронный адрес;
это сообщение поступает на электронный ящик владельца или
администратора ресурса, где он может ознакомиться с сутью
вопроса;
ответ отправляется непосредственно на e-mail посетителя,
который он указал в форме.
Скорость такой коммуникации напрямую зависит от расторопности
администратора. Сайты с большим количеством посетителей часто
пользуются услугами работника, прямой обязанностью которого является
переписка с посетителями. Такую переписку можно эффективно
использовать в качестве дополнительного канала для рекламы и
продвижения определенных продуктов. Кроме того, обратная связь
позволяет получить данные о том, какой из предлагаемых продуктов
49
пользуется большим спросом, какими вопросами чаще всего интересуются
клиенты, а также, что стоит изменить на сайте для большего удобства
пользователей.
Именно также и работает форма, развёрнутая на сайте компании
«Форвард». Пользователь набирает данные, нажимает кнопку
«Отправить». Данные формы отправляются на электронную почту
администратора, а пользователю показывается сообщение о удачной или
неудачной отправке.
На сайте с помощью плагина «Buttons Shortcode and Widget»
(рисунок 2.24) были развернуты стилизованные кнопки.
Рис. 2.24 Плагин для стилизации кнопок
Социальные кнопки на сайте улучшают ранжирование, привлекают
новую аудиторию, способствуют распространению контента. Они
присутствуют как на коммерческих сайтах, так и в блогах, на лендингах и
даже в мобильных приложениях.
После этих шагов, можно заняться настройками внешнего вида
главной страницы сайта, подобрав цвета и различные фоновые
изображения.
50
Настройки по внешнему виду сайта и структура интерфейса
осуществлялась через окно настройки WordPress (рисунок 2.25).
Основные настройки главной страницы сайта осуществлялись в
рамках возможностей выбранной темы. После перехода на сайт,
необходимо выбрать пункт «Настроить» для того, чтобы модифицировать
внешний вид сайта. Именно с помощью этого блока и был сформирован
внешний облик сайта.
Выбранная тема предоставляет гибкие возможности по
отображению разных элементов на главной и второстепенных страницах
сайта. Имеется возможность установки дополнительных блоков на
страницы сайта, и широкий выбор внешних настроек отображения.
51
Рис. 2.25 Окно настройки интерфейса WordPress
Далее, в администраторской консоли было создано и настроено
меню (рисунок 2.26). Для созданного меню была определена область на
сайте в которой она и размещается. Данное меню совпадает с основной
навигацией по сайту.
Меню можно создавать и конфигурировать меню прямо из
админки, добавляя ссылки кликами по чекбоксам и меняя порядок ссылок
простым перетаскиванием. В меню можно добавить ссылки на страницы,
категории и отдельные посты. Можно создавать многоуровневые меню,
так же в меню можно добавлять свои произвольные ссылки, о которых
WordPress не знает.
52
Рисунок 2.26 — Настройка меню WordPress
Также очень большое значение имеет и SEO-ориентированность
CMS. Сайты, разработанные на WordPress, хорошо индексируются
поисковыми системами. Google и другие поисковые системы используют
передовые алгоритмы, чтобы правильно понимать и ранжировать
страницы в результатах поиска.
Виджеты — это одна из многих возможностей WordPress. Если для
того, чтобы редактировать контент сайта, использовался редактор и
метабоксы, то для изменения содержимого сайдбара или футера как раз-
таки и нужны виджеты.
По сути виджеты можно добавлять куда угодно на страницах сайта,
но это зависит от темы WordPress, которая используется, точнее от
количества зарегистрированных в ней сайдбаров. Есть темы, которые и
вовсе не поддерживают виджеты. В соответствующем разделе настроек
интерфейса были добавлены необходимые виджеты.