Делаем из шаблона Twenty Eleven интернет-магазин

Последний, который от отечественного разработчика. Все плагины практически одинаковы, но мы отдадим предпочтение и рассмотрим работу с плагином woocoommerce. Так как он наиболее часто обновляется и хорошо поддерживается разработчиками.
Давайте создадим интернет-магазин на базе бесплатного шаблона Twenty Eleven, который является стандартным темой, разработанный командой Automatic.
В результате данного урока мы должны получить следующий вид интернет-магазина:34
Сайт далеко не идеален, но на примере создание интернет магазина на стандартной темы, вы сможете создать интернет магазин на любом шаблоне с более красивым дизайном. Так же если вы захотите покупать шаблон на themeforest, то стоит отметить, что некоторые шаблоны уже имеют плагин woocoomerce, что в принципе говорит о том, что особой разницы нет, какой шаблон покупать: шаблон для интернет магазина с плагином woocomerce или обычный шаблон. Основное отличие в адаптации под интернет коммерцию, а так же в цене и слайдеров для товаров. Платные и бесплатные шаблоны, немного другая тема, но добавлю, среди бесплатных шаблонов есть большое кол-во тем, которые ни чуть не уступают коммерческим.
1. Во-первых, нам нужно активировать тему Twenty Eleven, Внешний вид- Темы — Активировать, если её нет в списке, то давайте загрузим нашу тему Внешний вид — Темы — Установить Темы — Обзор — Установить – Активировать .

2. После установки, перейдём в Внешний вид — Настройки темы — Разметка по умолчанию и отметим Содержимое справа.
35
3. Уберем изображения в заголовке для того, чтобы у нас на главной страницы отображалось только название интернет магазина. Внешний вид- Настройка темы- Удалить изображения заголовка. Изменим цвет текста заголовка, например, на зелёный. Сохраняем и переходим к следующему шагу.
56

4. Теперь создадим Меню для нашего сайта, для начало нужно создать необходимые страницы, например, следующие: Главная, О компании, Контакты, Услуги
Для создания страницы нужно нажать Страницы – Добавить новую. В заголовке пишем нужное нам название, затем нажимаем Опубликовать.
Теперь перейдём в Внешний вид- Меню. Справа галочкой отметим нужные нам страницы и нажмём Добавить в меню.
34523
В области темы нужно Выбрать Primary Menu – Главное. Справа появится список, который мы сохраним. Таким же способом создадим ещё одно меню внизу Footer Menu и добавим О компании, Услуги, Контакты. Сохраняем.

5 . Для того, чтобы создать полноценный интернет магазин, нам нужно установить плагин woocommerce. Далее устанавливаем плагин saphali-woocommerce-lite.1.3.4, он полностью русифицирует и дополняет плагин woocommerce.
После установки вы увидим надпись — Установить страницы Woocommerce, нажимаем да.
Затем отредактируем наше Меню, переходим во Внешний вид — Меню — добавляем необходимые страницы, например, Магазин, Оплата в верхнее меню и тд.
6. Настройка валюты. WooCommerce -Настройки – Общие — Валюта- ставим рубли, а так же выберем нужную нам страну Россию.
Теперь заходим в Параметры — Чтение — На главной страницы отображать — Статическую страницу и выбираем страницу с товарами, по умолчанию которая называется Магазин.
7. Создание и настройка товаров. Переходим далее Товары — Добавить новый. Вводим название товара, добавляем категорию товара, миниатюру, а также изображение товара в Галереи. Указываем обычную цену, при необходимости цену со скидкой. В итоге у нас получится следующее:
657

8. Чтобы наш сайт выглядел, как полагается добавим необходимые виджеты: сортировка по цене , категории товаров и тд. Внешний вид — Виджеты делаем так же, как на рисунке.
5657
Не забудем в файле robots.txt добавить страницы для исключения, чтобы поисковая система не проиндексировала страницу с личными данными ваших клиентов. Для этого откройте ваш robots.txt и добавьте название страниц, которые нужно скрыть от поисковых систем. Например, следующую запись:
Disallow: /my-account/
Disallow: /order/