Пример создания сайта на WordPress
Для инструкции по созданию сайта мы выбрали последнюю версию WordPress 3.2.1 на день написания данной статьи. Для создания сайта на WordPress на нашем виртуальном хостинге рекомендуется выбирать тариф не ниже « Профи ». Рекомендуется получить бесплатный тестовый доступ, так как предполагается, что осуществлена автоматическая установка русской версии WordPress из Панели управления хостингом КОМТЕТ.
Установка WordPress
Мы рекомендуем выполнять установку WordPress из Панели управления хостингом. Автоинсталлер позволяет не только установить русскую версию WordPress, но и выбрать несколько популярных плагинов. Установка простая, не требует профессиональных знаний и занимает всего несколько минут.
Разумеется, вы можете самостоятельно установить нужную версию WordPress, действуя по инструкции с официального сайта WordPress .
Итак, мы установили WordPress. Прежде всего перейдем в панель администратора для управления сайтом (административный раздел, далее: админпанель ) WordPress, который находится по адресу:
http://имя_домена//wp-admin
Далее, приступим к созданию сайта поэтапно:
- создание статей;
- создание меню;
- создание форума;
- создание интернет-магазина.
Создание статей (страниц) в WordPress
-
В левом меню нажимаем на «Страницы», после чего «Добавить новую»:
-
Далее вводим заголовок и текст статьи, назовем еще для примера «Статья №1».
-
В колонке справа нажимаем «Опубликовать»:
-
Для полноты картины создадим еще 2 статьи (назовем их «Статья №2», «Статья №3»), таким же образом, повторяя пункты 1-3. В итоге у нас получится:
С помощью этих статей в дальнейшем мы создадим пример подменю.
Создание меню в WordPress
Теперь приступим к созданию меню и подменю, в которых будут отображаться наши статьи.
-
Переходим в правой колонке на «Внешний вид» - «Меню»:
-
Здесь вводим имя нашего меню, например «Новое меню», и нажимаем кнопку «Создать меню»
-
В блоке «Области темы» выбираем из выпадающего списка наше меню «Новое меню»
Не забываем нажать кнопку «Сохранить» в данном блоке. -
В блоке «Страницы» отмечаем галочкой наши статьи и нажимаем «Добавить в меню»:
-
Также можно добавить пункт в нашем меню на сторонний ресурс. Это делается в блоке «Произвольные ссылки»:
В поле «URL» пишем имя сайта, в поле «Текст» — как будет называться данный пункт меню. -
В итоге справа, в блоке нашего меню мы получаем следующий результат:
Это наши пункты меню, с привязкой на указанные страницы сайта. -
Как упоминалось ранее, сделаем из «Статья №2» и «Статья №3» меню и подменю. В WordPress подменю создаются предельно просто — для этого нужно удерживая левой кнопкой мыши нужный нам пункт меню (например, «Статья №3») перетащить на другой пункт меню (например, «Статья №2»):
И у нас получится, что «Статья №3» будет подменю пункта «Статья №2». -
Теперь осталось только сохранить все сделанные нами изменения для данного меню. Нажимаем:
-
Переходим по адресу нашего сайта и видим созданное нами меню:
При нажатии на пункты меню мы будем переходить на соответствующие страницы сайта.
Теперь перейдем к созданию наиболее распространенного функционала на сайте, а именно:
-
форум;
-
электронный магазин.
Так как публикация плагинов в WordPress имеет специфический характер (на одном примере нельзя описать установку для всех плагинов, есть только общий принцип), то мы рассмотрим статьи с конкретными примерами, а именно:
-
электронный магазин, на примере WP e-Commerce 3.8.5 .
Создание электронного магазина, с использованием плагина WP e-Commerce 3.8.5
Теперь приступим к созданию электронного магазина. Для описания создания магазина наш выбор пал на плагин WP e-Commerce 3.8.5 не случайно. Данный плагин является чрезвычайно простым и удобным для создания и настройки интернет-магазина. Еще один его плюс — плагин полностью русифицирован.
Итак, задача — создать магазин со структурой:
Магазин сайта:
- Инструменты;
– Молоток;
– Пила;
- Продукты.
Приступаем:
-
Устанавливаем плагин WP e-Commerce 3.8.5, в результате чего у нас в левой колонке админпанели появляется новый блок:
-
Переходим в раздел «Категории».
-
В поле «Название» вписываем «Магазин сайта» и в самом низу страницы нажимаем кнопку «Добавить новую категорию товаров».
-
На этой же странице добавляем 2 категории «Инструменты» и «Продукты», указывая для них в поле «Родительская» категорию «Магазин сайта»:
-
Итого у нас должно получиться 3 категории (1 родительская и 2 дочерних):
-
Теперь переходим в левом меню на «Товары» и нажимаем кнопку «Добавить».
-
В первом поле указываем имя товара, например «Молоток».
-
В нижестоящем окне заполняем описание товара.
-
В блоке справа «Категории» указываем категорию для данного товара, а именно «Инструменты»:
-
В нижестоящем блоке «Управление ценой» указываем стоимость товара, например 200:
-
Остальные блоки заполняем по усмотрению, после чего нажимаем кнопку «Опубликовать».
-
Аналогично (пункты 6-11) добавляем товар «Пила».
-
В итоге мы создали заданную структуру интернет-магазина.
-
Теперь необходимо опубликовать магазин на нашем сайте WordPress. Для этого переходим в раздел «Внешний вид» - «Меню» основной консоли:
-
В блоке «Категории» отмечаем галочкой родительскую категорию «Магазин сайта» и нажимаем кнопку «Добавить в меню»:
Не забываем сохранить меню:
-
Теперь разместим корзину товаров, чтобы покупатели могли оформить свой заказ. Для этого переходим в левой панели на «Внешний вид» — «Виджеты», находим там блок с названием «Корзина» и перетаскиваем, зажав левую кнопку мыши, в виджет «Область подвала 1»:
-
Готово. Мы добавили на сайт интернет-магазин, который открывается по соответствующему пункту меню:
Примечание: по данному электронному магазину: по умолчанию цена в магазине указывается в $, поэтому если нужно использовать другую валюту, то это делается так:
-
Переходим в левом меню консоли админпанели на «Параметры» — «Магазин»:
-
Выбираем здесь для Типа валюты: Russia (Russian Ruble), а также позицию, на которой будет находится знак валюты — Локальное нахождение валюты: 100 RUR:
-
Нажимаем кнопку «Обновление».
Итог создания сайта на WordPress
В результате всех действий, описанных в статье мы получаем работающий на виртуальном хостинге макет сайта, в котором есть набор статей, привязанных к меню и подменю, а также работающий форум и интернет-магазин. Стоит отметить, что при описании создания элементов сайта не были затронуты некоторые параметры этих элементов, так как данные параметры являются опциональными (то есть не влияют на работу описанного функционала, и изменяются в зависимости от пожеланий) — это картинки для товаров, описание разделов и т.д.