Создание интернет магазина на Wordpress с нуля

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

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

• Вы хотите легко управлять веб-сайтом.
• Вы хотите легко добавлять другие разделы на сайт интернет-магазина (блог, страницы, и т.д.).
• Вам не нужны лишние затраты на другие интегрированные платформы, как Shopify или BigCommerce.
• Вы хотите начать с небольшого проекта и расширяться по мере необходимости.
• Вас не пугает техническая работа – то есть, аббревиатура «FTP» вызовет у вас чувство любопытства, а не страха (вообще, сделать онлайн-магазин на ВордПресс достаточно просто, но далеко не в один клик).
• Вы хотите иметь общую платформу, под которую сможете легко найти дополнительных разработчиков по мере роста.

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

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

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

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

Этот плагин отличается от других подобных решений тем, что товары в нем добавляются как обычные записи WordPress, но с ценником и кнопкой для покупки. После чего, можно объединить эти записи в рубрику, тем самым создав группу товаров. Кроме того, можно сделать из них витрины и прайс-листы, с возможностью тонкой настройки.

В WP Shop можно выбрать множество вариантов, чтобы дать пользователям возможность получать и оплачивать товары с вашего веб-сайта, включая как онлайн способы (оплата через все электронные платежные системы, картами VISA и MASTERCARD, РОБОКАССА и ЕДИНАЯ КАССА (W1)), так и офлайн способы (получение курьером, самовывоз из офиса, наложенным платежом по почте). Кроме того, в нем доступна полноценная интеграция платежной системы Яндекс Касса. Для каждого варианта оплаты предусмотрена своя форма оформления заказа.

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

• Личный кабинет покупателя, позволяющий просматривать профиль, текущие заказы, историю покупок.
• Инструмент для продажи «цифровых продуктов», разрешающий скачивание файла только после оплаты.
• Система скидок, формирующихся по заданной формуле.
• Генерация XML файлов, позволяющая передать ассортимент сайта в различные сервисы, такие как Яндекс.Маркет.
• Подключение PayPal, и интеграция метрик Яндекс и Google.
• Экспорт и импорт настроек.

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

WP Shop можно установить прямо из административной панели WordPress вашего сайта, но обратите внимание, что для корректной работы понадобиться дополнительный плагин – cFormsII, иначе не будет отображаться форма для оформления заказа. Отдельная форма для каждого варианта оплаты, в cFormsII, создается автоматически, когда установлен WP Shop.

Товары в плагин добавляются очень просто. Сделать это можно через создание новой записи WordPress, у которой заголовок будет наименованием изделия, содержание – описанием, а миниатюра — изображением. Чтобы эта запись отображалась как карточка продукта, нужно добавить к ней произвольное поле с именем «cost_1» и значением равным цене. Цена вводится без пробелов, а копейки следует отделять точкой. Обратите внимание, что наименование валюты вводить не требуется, оно добавляется автоматически.

У одного изделия может быть несколько свойств, которые будут влиять на цену, как пример — вес или комплектация. Чтобы не создавать кучу копий для всех разновидностей одного изделия, можно просто добавить дополнительный ценник. Это делается через создание еще одного произвольного поля с именем «cost_2» и нужной ценой.

К каждому ценнику можно добавить собственное описание, это делается с помощью создания произвольного поля «name_1» для «cost_1» и «name_2» для «cost_2» соответственно. Цифры в индексе полей у одного продукта должны обязательно соответствовать.

Помимо создания записей для каждого продукта с нуля, в WP Shop можно использовать партнерский интернет-магазин как источник. Для этого вам понадобиться дополнительный модуль от этого же разработчика — WP Shop YML Parser. Он позволяет скопировать партнерский список продуктов, а потом импортировать в WP Shop. Также, в нем можно синхронизировать партнерский магазин с вашим, чтобы своевременно обновлять ассортимент.

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

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

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

[vitrina название_тега кол-во_стобцов высота_блока кол-во_строк длина_текста]

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

[vitrina телефоны 4 500 4 140]

Краткое описание для отдельных изделий на витрине можно добавить в дополнительное поле «short_text», иначе оно будет браться из текста записи. Кроме того, можно добавить другие дополнительные поля на витрину, такие как: pic (HTML код для изображения), видео, flash, и даже JavaScript.

Чтобы добавить корзину на страницы сайта, нужно всего лишь сделать текстовый виджет, содержащий шорткод [minicart]. В нем будет отображаться количество заказанных продуктов, а также их общая сумма. Чтобы можно было посмотреть на товары присутствующие в корзине, необходимо создать новую страницу, как пример — «Мои покупки», с содержимым [cart]. Ссылка на нее должна быть обязательно на английском языке. После чего, нужно скопировать эту ссылку, а затем, в разделе «Настройки магазина», вставить ее в поле «Ссылка на страницу корзины».

В этом модуле, по умолчанию задана универсальная форма для покупки. Эта форма не дает возможности выбирать способы оплаты и доставки. Чтобы отображалась форма для конкретного способа, нужно включить расширенный режим. Его можно найти в разделе «Настройки магазина» и отметить опцию «Показывать способ оплаты». Количество этих способов зависит от того, сколько из них вы включили в разделе «Настройки оплаты». Теперь, покупателю будет выводиться та форма, которая соответствует выбранному способу.

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

Иногда, бывает такая ситуация, что стоимость товара оказывается меньше цены за доставку, а это не целесообразно экономически. В таком случае, установка минимальной суммы для дальнейшего оформления покупки будет самым простым решением. Стандартная минимальная сумма равна 0.1 руб. но ее можно поменять в разделе «Настройки магазина», в блоке «Корзина». Кроме того, там же можно сделать предупреждение для покупателя, набравшего заказ меньше минимальной суммы.

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

Как создать интернет магазин пошаговая инструкция - Миллион рублей

Ранее я уже рассказывал, как создать интернет магазин в своей статье «Сделать деньги на партнерской программе ». но этот магазин не продавал товар владельца сайта, а вел на сайты партнеров, чтобы получить определенный процент с продажи. Да и самоназвание статьи не совсем понятно многим моим читателям, что дало мне основание на создание новой статьи с пошаговой инструкцией по созданию интернет магазина, используя бесплатную CMSсистемуWordPress. Для справки, CMS (Content management system) — это система управления контентом. Проще говоря, вам не потребуются знания программирования для управления своим интернет магазином! Начнем пошаговое изучение.

Хостинг — это сервис по предоставлению доступа к вычислительным мощностям серверных компьютеров. Конечно, вы можете купить свой серверный компьютер, подключить к нему выделенный интернет канал и настроить, но это дорого и сложно, а мы разбираемся, как создать интернет магазин с минимальными вложениями. Так что вот вам список хостингов из наиболее популярных на сегодняшний день.

• Fozzy — компания, созданная профессионалами хостинг-индустрии, в рамках холдинга XBT;
• Хостинговые телесистемы — ЗАО «Хостинговые Телесистемы», JSC «Hosting Telesystems»;
• РЕГ.РУ — один из крупнейших аккредитованных регистраторов доменных имен в Европе, который осуществляет свою деятельность по обслуживанию доменных имен с 2006 года;
• Fornex Hosting .
• Jino.ru

Давайте возьмем для примера компанию «Fozzy «. Стоимость хостинга с дисковым пространством в 10Gb и возможностью подключения 1 сайта и 1 базы данных. что достаточно для создания интернет магазина, стоит 120 рублей в месяц. Есть еще более выгодное предложение Хостинг + Домен «.RU» за 1300 рублей в год. Ведь, чтобы создать интернет магазин, домен вам тоже придется покупать, а в этой компании он стоит 150 рублей, если покупать его отдельно. Так что не спешите пока покупать хостинг без домена. Теперь я расскажу о домене.

Домен (доменное имя) — это имя вашего сайта, которое входит в состав URL адреса вашего сайта (например, www.mlnrub .ru). Подробнее о нюансах выбора доменного имени я уже писал в своей статье «Сделать деньги на партнерской программе «. Так что сейчас сразу переходим к действию. Проверить доступность придуманного вами домена можно на том же сайте «Fozzy » перейдя по вкладкам Услуги — Доменные имена. Если вы выбрали доменное имя, то можете приступать к покупке хостинга в комплекте с доменом. В компании «Fozzy » перейдите по вкладке Услуги — CMS хостинг и там выбрать WordPress. Вы перейдете на страницу, где необходимо будет ввести выбранное доменное имя и домен верхнего уровня (.ru или .com или другой). Обратите внимание, что домен в зонах «.ru»и «.рф» предоставляется бесплатно. т.е. входит в стоимость годовой регистрации хостинга. В итоге, в вашем распоряжении будет хостинг с предустановленной CMS WordPress. Внимание! Инструктировать вас по пользованию панели управления самого хостинга я не буду, так как у каждой компании своя панель управления, а я не знаю, какую компанию вы выберете. Но вы можете прочитать мою статью «Сделать деньги на партнерской программе » где я подробно рассказываю про настройки в хостинге Jino. Продолжаю объяснять, как создать интернет магазин на WordPress. Так что переходим к настройкам в административной панели WordPress.

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

Создание интернет магазина на wordpress

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

Содержание статьи:
1. Краткая инструкция
2. Описание действий, показанных на видео.
3. Подробная инструкция с описанием каждого шага.

2. Теперь о том, что показано на видео:

1. Установка шаблона, плагина WooCommerce — excelling eCommerce, Saphali Woocommerce Russian
2. Создание меню интернет магазина
4. Создание товара
5. Показан перевод шаблона с помощью плагина Codestyling Localization. Создание страницы контактной формы в шаблоне woocommerce.
6. Показана возможность отображения главной страницы 2 способами:
Первый способ. Отображение главной страницы вместе с фильтром. На видео до 6 минуты. Если вы выбрали данный способ, то видео можно дальше не смотреть.

3. Подробное описание каждого шага по созданию интернет-магазин на wordpress:

1. Покупка хостинга и домена.
В интернете можно встретить платные и бесплатные хостинги. Ранее я ещё рекомендовал бесплатные хостинги, то сейчас перестал, тк читатели стали писать, что интернет-магазин отключают из-за нагрузки. Имейте виду бесплатный аккаунт очень ограничен, настройка интернет-магазина, установка плагинов и прочее может вызвать нагрузку и блокировку вашего аккаунта. Данная ситуация может возникнуть почти на всех free хостингах, по этой причине рекомендую регистрировать платный. Например, webhost1 имеет бесплатный период в 7 дней, отмечу, что данным хостингом я пользуюсь давно и полностью доволен (домены ru по 100 рублей). В противном случае вы можете потратить своё время, хотя не исключаю того, что существуют вполне приемлемые бесплатные хостинги.

2. Установка на хостинг
Вы можете установить сайт на локальном пк на денвер или сразу на хостинг, так сказать на боевую. Установка wordpress на денвер видео и статья Установка CMS WordPress на Denwer. Большинство хостингов имеют авто установщики скриптов, поэтому вы можете воспользоваться данным способом. В случае, если вы будете пользоваться услугами webhost1.ru, вы можете установить wordpress с помощью авто установщика, что займёт менее 2 минут.

3. Создание карты сайта и robots.txt
Для создания карты сайта мы будем использовать плагин Google XML Sitemaps.
robots.txt для интернет-магазина представлен ниже и он подойдёт вам в том случае, если Постоянные ссылки — Название записи. Название Host и Sitemap ставьте своего сайта.

robots.txt загружаем в директорию вашего сайта на хостинге.

5. Настройка безопасности с помощью плагина Limit Login Attempts

Рекомендую использовать простой плагин Limit Login Attempts. не требующий настроек, так как подойдут опции по умолчанию. Просто установите и активируйте. С помощью данного плагина мы установим лимиты на неправильный ввод пароля и логина. Подробнее о безопасности сайта на wordpress читайте в статье «Защита сайта на WordPress»

6. SEO оптимизация нашего сайта. Установка плагина All In One SEO Pack

7. Установка WooCommerce — excelling eCommerce. После установки появится табличка, где будет предложено установить страницы. Мы ничего не делаем и переходим к следующему шагу.

На видео используется следующие версии плагинов

Заключительный шаг, скачайте и установите бесплатный шаблон Mysile
9. Установка и настройка шаблона Mystile от Wocommerce. В данном шаблоне нет ничего сложного, подробнее можно прочитать в статье Настройка дизайн-темы Mystile от Woothemes

10. Перевод шаблона. Установите плагин Codestyling Localization. Весь шаблон переводить не надо, только нужные слова на главной страницы, на это уйдёт малое количество времени. Подробнее в данной статье Перевод при помощи плагина, на примере шаблона wootiqua

По умолчанию покупатель магазина может выбрать покупку наличными или с помощью банковских карт Visa и Master, используя Paypal. При желание вы можете подключить любой платёжный шлюз: будь-то оплата с помощью банковской карты, веб-мани, яндекс деньги, paypal и тд.

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

Для включения оплаты наличными перейдем во вкладку Woocommerce — Настройки — Платёжные шлюзы и выберем Наличные. Ставим галочку напротив поля Позволь наложенный платеж. Далее вы можете указать подробную информацию, заполнив инструкцию или оставив всё как есть.

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

Оплата с помощью Paypal

Paypal является известным платёжным кошельком. Покупателю может оплатить покупку с помощью банковских карт Master Card и Visa. При оплате он попадёт на защищённую страницу Paypal, где заполнит данные и совершит покупку. Это наиболее распространённый способ, который я встречал на зарубежных wordpress сайтах, в рунете же популярностью пользуются другие методы оплаты, о них читайте ниже.

Оплата с помощью Webmoney, Яндекс.Деньги, QIWI, картой Visa и MasterCard

Данные платёжные системы к сайту можно подключить по отдельности, а можно сразу подключить сервис Robokassa, куда входят эти и другие популярные способы приёма платежей. Существует специальный бесплатный плагин, позволяющий подключится к робокассе. Более подробно читайте статью Подключаем Robokassa к WordPress интернет-магазину.

О подключение любого кошелька webmoney к интернет-магазину woocommerce читаем в статье Настройка плагина WooCommerce — Webmoney Payment Gateway http://chempalov.ru/?p=16022

Вы можете протестировать интернет-магазин woocoomerce: способы Оплата наличными, вам придёт письмо на почту с тестовым фото бесплатно, либо протестируйте оплату через Visa или Master card с помощью Paypal для этого перейдите во вкладку магазин .

Интеграция wordpress с 1С

В рунете имеется бесплатный плагин для интеграции woocommerce с 1С под названием iMega Teleport https://wordpress.org/plugins/imega-teleport/installation

На официальном сайте разработчик даёт подробную инструкцию teleport.imega.ru/instructions

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

Наиболее популярные вопросы я собрал в статье Woocommerce: ответы на вопросы

Как сделать интернет-магазин на WordPress: пошаговая инструкция

19 августа 2016 – Матвей Курицын, Эквид

У вас сайт на WordPress и вы хотите поставить на него интернет-магазин? Попробуйте виджет электронной коммерции Эквид.

Последнее обновление WordPress было загружено более 43 миллионов раз. Эта CMS неслучайно так популярна. WordPress мощный, легкий в установке и простой в использовании — такой же, как Эквид. Больше 1 миллиона продавцов в 175 странах мира выбрали Эквид для продажи своих товаров. Присоединяйтесь к ним.

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

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

1. В панели управления WordPress перейдите на страницу «Плагины» > «Добавить новый».
2. В строке поиска введите «Ecwid» и нажмите «Поиск».
3. В результатах поиска найдите «Ecwid Ecommerce Shopping Cart» и нажмите «Установить».
4. После установки нажмите «Активировать».

После установки плагина вам нужно завести аккаунт в Эквиде. Регистрация аккаунта проста и займет всего несколько минут. Если аккаунт уже есть, подключите его, нажав на кнопку «Подключите магазин».

Чтобы настроить Эквид-магазин на вашем сайте на WordPress, перейдите в каталог товаров:

• Загрузите фотографии товаров.
• Добавьте описания.
• Укажите способы доставки.
• Настройте email-уведомления о заказах.
• Добавьте способы оплаты.
• Выберите и подключите полезные приложения для управления магазином.
• Редактируйте мета-теги: заголовки и описания страниц товаров. Это поможет в продвижении сайта в поисковиках.

Во кладке «Внешний вид» настройте отображение витрины:

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

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

На сайт на WordPress новые функции можно добавить с помощью виджетов. На странице «Внешний вид» > «Виджеты» выберите необходимые виджеты для интернет-магазина от Эквида:

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

Как магазин будет выглядеть в результате? Например, как Sheakardel :

Вы можете менять и добавлять любую информацию: новые товары, варианты доставки и оплаты. Для этого в панели управления WordPress перейдите на страницу «Магазин Ecwid». Там же вы можете редактировать остатки товаров, отслеживать статистику и смотреть профили клиентов.

Вы также можете управлять магазином через Панель управления Эквида или скачать бесплатные приложения для iOS и Андроида. Благодаря им магазин всегда будет с вами. Можно смотреть и формировать заказы, регулировать остатки или добавлять новые фото на ходу.

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

• Тема «Хамелеон»: адаптирует ваш Эквид-магазин под любую тему WordPress. Он анализирует структуру и цвета вашего сайта и меняет вид витрины магазина так, чтобы она выглядела гармонично, как естественная часть сайта. Чтобы включить функцию, в Панели управления WordPress, перейдите во вкладку «Магазин Ecwid» > «Дополнительные».

Cделать интернет-магазин особенным, выделиться среди конкурентов, облегчить работу себе и жизнь покупателям помогут приложения. Добавьте больше снимков к товарам с помощью приложения Avalanche. Выгружайте контакты клиентов и делайте по ним рассылки с помощью приложения MailChimp. Больше полезных приложений в Магазине приложений Эквида.

Поиск товаров и покупки в интернете с помощью смартфонов становятся обычным делом. Создайте мобильное приложение вашего интернет-магазина, чтобы покупателям было с вами удобно. Используйте наше решение ShopApp. мы сделаем приложение для вас и разместим в App Store и Google Play. Витрина магазина будет доступна вашим покупателям в любую минуту, а процесс покупки станет быстрее, чем когда-либо.

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

Протестировать возможности Эквида вы можете бесплатно и сколько угодно долго. Создайте интернет-магазин. добавьте в него до 10 товаров и продавайте.

Матвей Курицын – менеджер по продукту в Эквиде. Знает, как вести много проектов и ничего не упустить.

Сервис - сайтов: Пошаговая инструкция по созданию интернет-магазина с помощью плагина Quick Shop

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

Самым легким плагином для создания интернет-магазина на WordPress можно считать Quick Shop . Он не будет перегружать сайт и настроить его можно в течение 10 минут.

Рассмотрим все этапы его настройки.

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

Данного плагина нет в хранилище WordPress, поэтому скачиваем его с сайта автора .

Переходим в раздел «Страницы », нажимаем «Добавить новую » (см. рисунок 1).

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

Важно! Мы НЕ вставляем на этой странице форму заказов cforms. Иначе мы получим дубль из двух форм, так как эта форма прикрепляется автоматически.

Аналогично создаем страницу, куда будет переадресован пользователь после оформления заказа. Например, назовем её «Ваш заказ принят ». Здесь вы можете поблагодарить клиента за заказ и дать ему определенные инструкции.

Рисунок 1. Добавление страницы оформления заказа

Переходим на страницу настроек Quick Shop (см. рисунок 2).

Из обязательных пунктов Вам нужно указать валюту и символ валюты, выбрать страницу оформления заказа, которую мы создали в предыдущем шаге, а также включить опцию«Запрос счета по E-mail». При этом Вам будет отправляться оповещения об оформлении заказа, после чего Вы сможете связаться с клиентом и уточнить детали доставки и оплаты.

Важно! Чтобы перед символом валюты сохранился пробел, мы указываем его в виде html-символа  

Рисунок 2. Страница настройки плагина Quick Shop

Переходим в раздел настроек cformsII (см. рисунок 3).

Рисунок 3. Настройка плагина cformsII

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

Вместо нее будет использоваться форма самого Quick Shop .

Важно! Чтобы произошло прикрепление формы Quick Shop, используется именно первая форма. созданная в cformsII (id формы = 1), поэтому мы ее не используем под другие цели. Если Вам необходимо создать, например, форму контактов в с помощью этого плагина, Вы создаете новую форму (см. рисунок 4).

Рисунок 4. Добавление новой формы cformsII

На странице настройки формы вы можете указать в секции «Messages, Text and Button Label»русскоязычные сообщения. которые вы хотите показывать клиентам в ходе оформления заказа (см. рисунок 5).

Рисунок 5. Настройка сообщений для формы оформления заказа

НамважнеесекцияCore Form Admin / Email Options. Здесь мы настраиваем переадресацию на страницу «Ваш заказ принят » после оформления заказа (созданную на 3-м шаге).

Остальные настройки можно оставить «как есть».

Рисунок 6. Настройка переадресации на страницу оповещения об успешном оформлении заказа

Нажимаем в админке на вкладку Quick Shop и попадаем на страницу, где нам заранее необходимо указать список товаров и их цен (см. рисунок 7).

Список задается в формате «Заголовок | Цена », каждый товар с новой строки. Сохраняем изменения.

Рисунок 7. Добавляем список товаров Quick Shop

Переходим в раздел «Записи ». Создаем новую запись. Добавляем описание продукта. Далее нажимаем на иконку в виде корзинки на панели инструментов визуального редактора и выбираем из выпадающего списка соответствующий товар (см. рисунок 8). Нажимаем кнопку «Insert ». Сохраняем запись.

Рисунок 8. Прикрепление товара к записи

В итоге, на странице записи у нас появляется форма для добавления товара в корзинку (см. рисунок 9). В приведенном примере на уровне плагина удалено поле для ввода количества товара, по-умолчанию в плагине оно есть.

Рисунок 9. Товар на сайте

Теперь нам осталось только отобразить корзинку с товарами пользователя на сайте.

Для этого переходим в раздел «Внешний вид » → «Виджеты » в админке и перетаскиваем виджет Quick Shop Cart в необходимую область виджетов (см. рисунок 10).

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

Рисунок 10. Добавляем виджет корзины

Получаем корзину на сайте (см. рисунок 11).

Чтобы изменить внешний вид корзины, вы можете отредактировать файл widget.php в папке плагина Quick Shop. или воспользоваться редактором WordPress («Плагины » → «Редактор » → Выбираем из выпадающего списка в правом верхнем углу Quick Shop → Далее в боковом меню слева выбираем файл quick-shop/widget.php ). Если у Вас нет начальных знаний php / html делать это не рекомендуется.

Рисунок 11. Корзина Quick Shop на сайте

На этом наш урок закончен!

Скачать русскую версию плагина Quick Shop вы можете по этому адресу .

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

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

WordPress — это самая популярная система управления контентом (CMS). По данным Web Technology Surveys, на этом «движке» по состоянию на 2015 год работает 23,8 % от общего числа существующих сайтов, а также 60,4 % сайтов, использующих CMS. Ниже перечислены основные причины популярности WordPress:

• Бесплатный «движок». CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие.
• Практически неограниченные возможности. С помощью WordPress вы можете создать личный блог, корпоративный сайт, интернет-магазин, информационный портал, отраслевой ресурс, галерею мультимедиа.

Говорите, WordPress подходит только для личных блогов? Вы ошибаетесь. WordPress используют The New Yorker. Reuters. TechCrunch. Республиканская партия США. Fortune и многие другие крупные СМИ, корпорации и организации. Черт, даже Rolling Stones и Snoop Dogg оценили этот «движок».

• Гибкая настройка внешнего вида и функциональности. Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний ресурс. А с помощью плагинов вы можете решать технические задачи, обеспечивать необходимую функциональность сайта.
• Простота администрирования. Чтобы работать с WordPress, вам не нужны специальные знания. Принципы работы с «движком» понятны на интуитивном уровне.
• Возможность создать сайт и опубликовать первый контент в течение 5 минут. Конечно, вам придется потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на первую публикацию вы потратите не больше 5 минут.

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

Если у вас некоммерческий проект, выбирайте бесплатный хостинг. Например, делиться с миром фотографиями котиков или вести дневник молодого бодибилдера можно на платформе WordPress. Адрес вашего сайта будет выглядеть так: primer.wordpress.com. Если вы реализуете коммерческий проект, например, создаете тематический блог, корпоративный сайт или планируете зарабатывать с помощью ресурса любым способом, выбирайте платный хостинг.

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

Зарегистрировать домен вам также поможет хостер. Достаточно придумать доменное имя, убедиться, что оно свободно, и оплатить регистрацию.

Следующие рекомендации помогут вам выбрать удачное доменное имя:

• Выбирайте доменное имя, частично или полностью совпадающее с названием сайта. Например, для сайта «Одноклассники» хорошие доменные имена — это odnoklassniki.ru или ok.ru. Понятно, что имя vk.com этому ресурсу не подходит.
• Используйте максимально короткое доменное имя. Владельцам смартфонов сложно ввести в строку браузера длинный адрес. Поэтому лучше использовать имя vk.com, чем vkontakte.ru.
• Убедитесь, что выбранный адрес сайта легко запоминается и имеет смысл. Как вы поняли, владельцы «Одноклассников» не случайно выбрали короткое название ok.ru, а не ass.ru, простите за грубый пример.

Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например. com. info. org. net. ru. ua. by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например. club. guru. ninja. expert и другие.

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

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

• Назовите базу, укажите логин и пароль.

• Переименуйте файл wp-config-sample.php в wp-config.php. Откройте его с помощью текстового редактора и укажите хост, название базы данных, имя пользователя и пароль от базы данных. Подробнее о редактировании файла wp-config.php читайте здесь .
• С помощью FileZilla или другого FTP-клиента загрузите файлы WordPress в папку httpdocs.

• Установите WordPress. Для этого перейдите по ссылке vash-site/wp-admin/install.php. Заполните необходимую информацию: укажите название сайта, имя пользователя, пароль, электронную почту. Укажите, могут ли поисковые системы индексировать ресурс.

Если вы все сделали верно, то увидите следующее сообщение:

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

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

• Какой шаблон лучше выбрать: обычный или адаптивный? Если вы не планируете отдельно создавать мобильную версию сайта, обязательно выбирайте шаблон с адаптивной версткой. Благодаря этому ваш сайт станет mobile-friendly и не пострадает в результате любых мобильных армагеддонов .
• Лучше выбрать бесплатную или платную тему? Если вы только начинаете работать с WordPress, лучше выберите платный шаблон. Разработчики платных тем обычно регулярно их обновляют, а также предоставляют покупателям информационную поддержку. Кроме того, платные шаблоны используются реже. Покупая или заказывая создание темы, вы уменьшаете вероятность сделать шаблонный сайт.
• Какая тема лучше: русскоязычная или англоязычная? Если вы пишете на русском языке, вам нужна русскоязычная тема. Ваши читатели хотят видеть текст «Читать далее» и «1 комментарий», а не «Read more» и «1 comment». Однако здесь не все однозначно. Если у вас есть время и желание покопаться в коде или заплатить за это специалистам, сделайте финт ушами: найдите подходящую англоязычную тему и русифицируйте ее. Зачем? У вас гораздо больше шансов найти отличный англоязычный шаблон, который не используют ваши коллеги и конкуренты, чем отыскать уникальную русскоязычную тему.
• Где взять англоязычный шаблон для WordPress? Вам поможет Google. Введите в поисковую строку запрос «templates for wordpress». Если хотите сэкономить, добавьте к нему волшебное слово «free».

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

Чтобы проверить понравившуюся тему в деле, ее необходимо установить. Это можно сделать так:

• Скачайте дистрибутив с сайта разработчика.

• В административной панели выберите меню «Внешний вид – Темы – Install a theme».

• На странице установки укажите путь к дистрибутиву. Нажмите кнопку «Install».

• Активируйте тему. Войдите в меню «Внешний вид – Темы», выберите нужный шаблон и нажмите кнопку «Активировать».

Вы установили и активировали понравившийся шаблон. Теперь приступайте к настройке «движка» и темы.

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

Войдите в административную панель WordPress и выберите меню «Настройки». Укажите необходимые данные в каждом разделе настроек:

• В разделе «Общие» укажите название и краткое описание сайта. Эта информация будет отображаться для пользователей. В полях «Адрес WordPress» и «Адрес сайта» укажите URL вашего ресурса. Выберите часовой пояс, формат даты, язык сайта. Оставьте поле «Членство» пустым, так как на первом этапе развития ресурса на нем захотят регистрироваться только боты и злоумышленники.

• В разделе «Написание» выберите необходимые параметры. В начале работы вам подойдут дефолтные настройки форматирования, главной рубрики и формата записей. Если вы хотите публиковать заметки через электронную почту, введите необходимые данные: адрес сервера, порт, логин и пароль. Однако новичкам лучше публиковать посты в административной панели WordPress. Обязательно укажите хотя бы один надежный сервис слежения за обновлениями в разделе «Сервисы обновления». В этом случае «движок» будет автоматически уведомлять поисковые системы о публикации новых материалов. Например, выберите сервис http://rpc.pingomatic.com/. Сохраните изменения.

• В разделе «Чтение» укажите, что должно отображаться на главной странице сайта. Если вы создаете блог, на главной должны быть последние записи. В качестве примера обратите внимание на блог известного маркетолога Хайди Коэн. Если вы создаете сайт со статическими страницами, то на главной должна отображаться одна из них. В этом случае создайте статическую страницу «Блог», на которой будут отображаться посты. Укажите, сколько записей отображать на одной странице и в лентах RSS. Выберите отображение в ленте анонсов статей. Если вы по какой-то причине в настоящее время не хотите, чтобы поисковики индексировали ваш сайт, установите галочку в соответствующем поле.

• В разделе «Настройки обсуждения» выберите подходящие параметры. В большинстве случаев вам подойдут дефолтные настройки. Уделите внимание полям «Модерация комментариев» и «Черный список». Вы можете указать признаки, по которым комментарии будут перед публикацией поставлены в очередь на модерацию или окажутся в списке «Спам».

• В разделе «Медиафайлы» оставьте настройки по умолчанию.
• В разделе «Постоянные ссылки» выберите структуру ссылок на ваши материалы. Например, ссылка может включать название поста и дату публикации или только название поста. Также вы можете добавить префиксы для ссылок на категории.

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

В консоли WordPress выберите меню «Внешний вид – Настроить». Приступайте к настройке:

• В разделе Title, Tagline & Logo загрузите логотип, укажите название и краткое описание сайта.

• В разделе Main Slider вы можете выбрать настройки слайдера. Не спешите тратить на это время. Лучше не используйте слайдер вообще. Во-первых, он делает ваш сайт более тяжелым. Во-вторых, он считается элементом, недружественным к мобильным устройствам.
• В разделе Design & Layout можно настроить внешний вид и макет сайта. Вы можете выбрать отображение записей в блоге в одну, две или три колонки. Также у вас есть возможность выбрать ширину сайдбара или отключить сайдбар для всех или некоторых страниц. Также вы можете использовать пользовательские таблицы стилей и указать произвольную информацию в футере.
• В разделе «Цвета» выберите цвет фона, названия и краткого описания сайта.
• В разделе Google Web Fonts можно выбрать интернет-шрифты от Google.
• C помощью раздела Social Icons укажите ссылки на ваши профили в социальных сетях.
• В разделах «Изображение заголовка» и «Фоновое изображения» вы можете загрузить и выбрать соответствующие фото.

Пропустите разделы «Виджеты» и «Статическая главная страница». Статическую страницу вы уже настроили, а виджеты лучше настраивать не в меню темы, а в меню WordPress. Для этого выберите раздел «Внешний вид – виджеты». В левой части экрана вы видите доступные виджеты. Перенесите необходимые элементы в сайдбар или футер сайта способом drag-and-drop. Настройте виджеты и сохраните изменения.

NB! Не перегружайте сайдбар виджетами. Оставьте те из них, которые действительно нужны пользователям. Например, подумайте, нужны ли вашим читателям блоки «Мета», архив, облако меток.

В разделе «Внешний вид – меню» настройте меню сайта. Придерживайтесь такого алгоритма действий:

• Назовите меню и нажмите кнопку «Создать меню».
• Добавьте в меню нужные страницы верхнего уровня.
• В настройках страницы выберите текст ссылки, который будет отображаться в меню.
• В настройках укажите, что CMS должна автоматически добавлять в меню новые страницы верхнего уровня.
• Выберите области темы, в которых будет отображаться меню.

Пропустите разделы «Заголовок», «Фон» и «Install a Theme». Выберите меню «Внешний вид – редактор» и приступайте к русификации темы.

Зачем русифицировать темы для WordPress? Обратите внимание на иллюстрацию ниже:

Если вы используете англоязычный шаблон, ваши читатели видят служебные записи на английском языке: read more, posted by, one thought on и т.п. Наверное, даже без знания английского читатели понимают на уровне интуиции, что такое «read more». Но если вы пишете для русскоязычной аудитории, лучше предложить ей «читать далее» или «узнать больше».

Чтобы русифицировать шаблон самостоятельно, выполните следующие действия:

• Войдите в меню «Внешний вид – редактор».
• Выберите файл php, который вы будете редактировать. Например, начните с шаблона страницы 404.

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

• Найдите эти элементы в коде файла php.

• Замените английский текст русским. Обновите файл.

Все еще не верите, что сумеете русифицировать шаблон самостоятельно? Поработайте с еще одним файлом php. Например, русифицируйте комментарии.

Придерживайтесь описанного выше алгоритма:

• В меню «Внешний вид – редактор» найдите шаблон формы комментариев.

• Найдите и замените английский текст на русский.

Например, это можно сделать так:

• Обновите файл и проверьте результат.

Обратите внимание на проблему: шаблон выводит число комментариев и слово «Комментарии». Получается, что ваши читатели будут видеть записи «2 комментарии», «90 комментарии» и т.п. Чтобы решить проблему, вы можете убрать отображение числа комментариев:

Проверьте, исправлена ли проблема.

Таким же способом вы можете заменить английское слово «Edit» на русское «Редактировать». Чтобы заменить английский текст на русский в других элементах сайта, в меню «Внешний вид – редактор» ищите соответствующие файлы php, находите в них текст и меняйте его.

Читатели подсказали, что русификация темы путем перевода в коде файлов php — это топорный метод. Во-первых, есть риск удалить или добавить что-то лишнее, в результате чего сайт может лечь. Во-вторых, после обновления темы придется русифицировать ее заново. Поэтому вы можете русифицировать тему с помощью программы Poedit.

Чтобы русифицировать тему, действуйте так:

• Скачайте с официального сайта и установите программу Poedit.
• Скачайте на компьютер языковые файлы выбранного шаблона. Для этого вам потребуется доступ к FTP. Его можно получить с помощью FTP-клиента, например, FileZilla, а также с помощью плагинов, например, wp-FileManager. Если вы установили данный плагин, действуйте так:
  • В консоли выберите меню FileManager – Configuration.
  • Настройте конфигурации, как указано на иллюстрации.
  • Сохраните изменения.

• В меню FileManager – FileManager выберите папку wp-content – themes.

• Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.

• Скачайте на компьютер файлы en.mo и en.po.

• Откройте программу Poedit и выберите опцию «Создать новый перевод».

• Откройте файл перевода и укажите код языка.

• Приступайте к переводу.

• Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po.
• С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.

Вы русифицировали шаблон.

Плагины — это едва ли не самая опасная болезнь начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, многие вебмастера ищут в «Яндексе» статьи типа «100500 лучших плагинов для WordPress». Они устанавливают десятки расширений. Почему это негативно влияет на развитие ресурса? Дело не в замедлении работы сайта, хотя избыточное число плагинов может вызывать такую проблему.

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

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

• Обеспечение безопасности сайта.
• Борьба со спамом.
• Техническая оптимизация ресурса в соответствии с требованиями поисковых систем.
• Повышение функциональности и юзабилити ресурса.

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

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

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

Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить новый». Введите название расширения в поле поиска в правом верхнем углу и нажмите «Ввод». Также вы можете скачать плагин с сайта разработчика и установить его с помощью функции «Загрузить плагин» в верхней части экрана административной панели.

Нажмите кнопку «Установить плагин».

После установки активируйте плагин. Теперь вы можете настроить параметры резервного копирования. Выберите меню «Инструменты – Резервное копирование». Также вы можете войти в меню настройки через разделы управления «Плагины – Установленные – Tools – Backup».

В разделе «Таблицы» настроек поставьте галочку напротив опции «Исключить спам-комментарии». В разделе «Настройки резервного копирования» выберите способ сохранения архива. Например, вы можете получать его на свой электронный адрес. В разделе «Расписание резервного копирования» выберите периодичность создания архива. На первом этапе развития ресурса вы можете делать резервную копию раз в неделю.

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

Например, установите и активируйте Jeba Limit Login Attempts. Этот плагин заблокирует IP злоумышленника на 30 минут после трех безуспешных попыток авторизации в административной панели. Так вы защититесь от брутфорсинга: взлома сайта путем подбора пароля.

Не удивляйтесь, если сразу после регистрации сайта на нем будут появляться комментарии с рекламой виагры и станков для резки металла. Спам-боты никогда не спят. Базовую защиту от них обеспечивает корректная настройка «движка». А дополнительные укрепления вы можете создать с помощью плагинов:

Установите и активируйте плагин Akismet. Перейдите по отмеченной на иллюстрации ссылке, чтобы получить API-ключ.

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

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

Нажмите кнопку Continue, скопируйте полученный код и вставьте его в соответствующее поле на странице настроек плагина.

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

• Создание и обновление карты сайта
• Канонизация URL
• Оптимизация title страниц
• Автоматическая генерация мета-данных страниц
• Блокирование индексации дублированного контента
• Создание микроразметки страниц

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

Установите и активируйте выбранный плагин, например, Google XML Sitemap. Для настройки плагина перейдите в меню «Настройки – XML-Sitemap».

Начинающим вебмастерам лучше оставить настройки по умолчанию. После активации плагин создал карту сайта, добавил ее адрес в файл robots.txt и приготовился уведомлять поисковые системы об обновлениях ресурса.

Если вы считаете себя опытным вебмастером, можете изменить настройки плагина. В разделе «Дополнительные страницы» вы можете вручную включить в карту сайта URL, которые не были включены в нее автоматически. В разделе «Приоритет статьи» определите способ вычисления приоритетности индексирования контента. В разделах «Изменить частоты» и «Приоритеты» вы можете рекомендовать поисковым роботам наиболее приоритетные по вашему мнению типы контента.

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

Установите и активируйте выбранный плагин, например, All in One SEO Pack. Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если вы считаете себя продвинутым вебмастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню «Инструменты SEO» в консоли «движка».

Обратите внимание на следующие настройки:

• В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Вы планируете размечать страницу с помощью отдельного плагина.

• Если в качестве главной вы используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить», как указано на иллюстрации.

В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.

Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.

Сохраните параметры плагина. В кабинете для вебмастеров нажмите кнопку «Подтвердить».

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

Установите и активируйте выбранный плагин. Новичкам лучше обратить внимание на Schema Creator by Raven. Теперь вы можете размечать страницу при создании новых публикаций. Для этого в режиме редактирования новой записи воспользуйтесь меню Add Schema.

Выберите подходящий тип разметки. В представленном примере это тип Recipe.

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

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

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

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

Начните улучшение юзабилити с латинизации URL сайта. Зачем это нужно? Обратите внимание на ссылку, которую CMS генерирует по умолчанию. В ней есть кириллические буквы.

Скопируйте URL и вставьте его в комментариях на сайте или в текстовом редакторе.

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

Эту проблему можно решить с помощью Cyr to Lat Enhanced или аналогичного плагина. Для этого достаточно установить и активировать выбранный модуль.

Теперь все URL вашего сайта выглядят по-человечески.

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

Установите модуль Social Share Buttons for WordPress. Он позволяет опубликовать кнопки шеринга самых популярных соцсетей рунета. Перейдите в меню Share Buttons, чтобы настроить плагин.

В разделе «Главные настройки» укажите текст, который вы хотите вывести перед кнопками. Также выберите типы страниц, на которых должны отображаться кнопки. Подумайте, нужен ли блок шеринга на статичных страницах: главной, странице о проекте и т.п.

В разделе Share-настройки выберите стиль кнопок и список социальных сетей, кнопки которых вы хотите видеть на сайте.

В разделе Like-настройки отключите кнопки «Нравится», так как они фактически дублируют кнопки шеринга.

Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Также вы наверняка захотите использовать кабинет для вебмастеров «Яндекса» и отслеживать эффективность ресурса с помощью Google Analytics и «Яндекс.Метрики».

Чтобы зарегистрировать сайт в Google Analytics, выполните следующие действия:

• Войдите в свой аккаунт, выберите меню «Администратор – Ресурс – Создать ресурс».
• Укажите регистрационные данные сайта: название, URL, отрасль, часовой пояс. Нажмите кнопку «Получить идентификатор отслеживания».

• Установите и активируйте Google Analytics by Yoast или аналогичный плагин.
• На странице настроек плагина воспользуйтесь кнопкой «Регистрируйтесь, используя свой профиль в Google». Скопируйте предложенный код и вставьте его в соответствующее поле.

• Выберите нужный профиль аналитики и сохраните изменения.

• Проверьте, установлен ли код аналитики на страницах сайта. Это можно сделать вручную в режиме просмотра кода страницы. Также вы можете проверить статус отслеживания в меню Google Analytics «Администратор – Код отслеживания – Код отслеживания». Обратите внимание, Google Analytics требуется несколько часов, чтобы обновить статус отслеживания.

Теперь вы можете отслеживать эффективность сайта в интерфейсе аккаунта Google Analytics. Некоторые данные также доступны в меню «Аналитика – Консоль» административной панели WordPress.

Чтобы подключить сайт к «Яндекс.Метрике», войдите в свой кабинет на этом сервисе. Воспользуйтесь меню «Добавить счетчик». Укажите регистрационные данные сайта. На вкладке «Код счетчика» установите флажки напротив позиций «Вебвизор» и «Точный показатель отказов». Снимите галочку напротив поля «Информер».

Установите на сайт и активируйте плагин «Яндекс Метрика». Скопируйте код метрики и вставьте его в соответствующее поле в меню консоли «Настройки – Яндекс Метрика». Сохраните изменения.

Чтобы подключить сайт к сервису «Яндекс.Вебмастер», войдите в личный кабинет данного сервиса и воспользуйтесь меню «Добавить сайт». Укажите URL и нажмите кнопку «Добавить». После этого подтвердите права на ресурс. Выберите один из предложенных способов, например, вставьте мета-тег в код главной страницы.

Для этого откройте меню «Внешний вид – Редактор». Найдите файл «Заголовок». Вставьте код верификации непосредственно перед закрывающим тегом </head>. Обновите файл.

Убедитесь, что код установлен.

В кабинете «Яндекс.Вебмастер» нажмите кнопку «Проверить». Если вы все сделали верно, то увидите сообщение о добавлении сайта в очередь на индексирование.

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

Придерживайтесь такого порядка действий:

• Выберите меню «Страницы – Добавить новую».

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

• Добавьте изображение. Это можно сделать с помощью меню «Добавить медиафайл». В режиме добавления изображения укажите название файла, подпись и заполните поле «Атрибут alt».

• Укажите title, description и keywords.

• При необходимости с помощью меню Add Schema добавьте микроразметку.
• Укажите атрибуты страницы. Вы можете выбрать родительскую страницу и порядковый номер для создаваемой страницы.

• Если хотите, задайте миниатюру записи.
• Теперь вы можете оценить страницу в режиме предварительного просмотра или сразу опубликовать ее.

После публикации проверьте корректность отображения контента. Если нужно, отредактируйте страницу.

Чтобы добавить запись, выберите меню «Записи – добавить новую». Публикация поста практически не отличается от создания страницы. Обратите внимание на следующие нюансы:

• Большинство шаблонов поддерживает несколько форматов записи.

• Выбирайте подходящую рубрику для публикации. Чтобы создать рубрику, воспользуйтесь соответствующим меню.

• Вы можете добавлять к записям метки. Если вы используете плагин All in One SEO Pack и добавляете к записям ключевые слова, метки можно не указывать.

Вы создали и настроили сайт на WordPress и научились публиковать контент. Теперь вас ждет самая тяжелая и ответственная работа. Чтобы сайт был эффективным, вы должны регулярно создавать качественный и полезный для аудитории контент. Возможностей «движка» достаточно для реализации практически любого проекта: от информационного ресурса до интернет-магазина.

Кстати, если у вас есть вопросы, замечания и предложения, связанные с созданием и настройкой сайта, пишите их в комментариях. Также вы можете поделиться опытом работы с CMS WordPress, рассказать о любимых плагинах, отметить достоинства и недостатки самого популярного в мире «движка».