Я уже как-то начинал писать про бизнес идею — собственная социальная сеть. После публикации статьи, я получил несколько писем на электронную почту с просьбой детальнее описать процесс установки. Ну что же, мой дорогой читатель, твоя просьба для меня очень важна. Итак, сегодня пост про установку собственной социальной сети на базе CMS WordPress в сочетании с фреймворками BudyPress и bbPress. Мы будем использовать тему KLEO – Next level Premium WordPress Theme, о которой я также раньше писал.

Покупка Kleo

Купить тему KLEO – Next level Premium WordPress Theme очень просто. Для этого вам понадобится банковская карточка, на которой будет чуть более $63, можно даже в рублевом эквиваленте. Создайте аккаунт на сайте Themeforest.Net. В самом верхнем правом углу будет отображаться имя вашего аккаунта. Подведите к ней указатель мыши. Выберите пункт Make Deposit. В открывшейся странице выберите: на какую сумму вы хотите пополнить свой аккаунт (выбираем $70, можно больше). Ниже выбираем платежный шлюз из двух предложенных: PayPal или Skrill. Я пользовался и тем и другим — большой разницы не увидел. Дело вкуса. Оба предлагаемых платежных шлюза надежные и безопасные. Данные вашей карточки никуда не «утекут».

После того, как вы успешно осуществите платеж (внесли депозит) самое время приступить к покупке темы. Можно ее купить сразу (кнопка Buy Now), а можно сначала добавить в корзину (Add to cart), а затем перейти на Checkout page. Опять-таки дело вкуса.

После покупки темы (как только мы увидели, что сумма средств уменьшилась) переходим в раздел Downloads и скачиваем тему вместе со всеми прилагаемыми к ней файлами.

Установка WordPress

Не буду тратить много времени на этот шаг. Покупка домена и установка CMS WordPress подробно описана в статьях «Блог как бизнес. Часть 2» и «Блог как бизнес. Часть 3«. Вы можете установить CMS WordPress самостоятельно путем скачивания файлов движка с официального сайта wordpress.org, их копирования на хостинг, подключение к базе данных MySQL, а можете воспользоваться бесплатной опцией предустановленной CMS, которая есть на хостинге TimeWeb.

Установка Kleo

Для установки темы Kleo распакуйте содержимое скачанного архива. Перейдите в консоль управления сайтом. Зайдите в раздел Внешний вид подраздел Темы. Кликните по кнопке Добавить новую. Кликните по кнопке Загрузить новую (она находится вверху справа от заголовка Добавить темы). Выберите файл kleo-child.zip и кликните Установить. После того, как тема загрузится не активируйте ее, просто кликните по ссылке Вернуться на страницу тем. Проделайте все тоже самое для файла kleo.zip. А вот ее активировать нужно!

 

Устанавливаем социальную сеть

Рисунок 1. Устанавливаем социальную сеть — Kleo

Вы можете распаковать содержимое обоих архивов в папку /{папка_вашего_сайта}/public_html/wp-content/themes/ с помощью FTP клиента, а затем просто выбрать и активировать тему в разделе Внешний вид.

После того, как тема социальной сети Kleo была установлена, вам будет предложена установка плагинов и фремворков. Без них тема корректно работать не будет. Кликните ссылку Begin installing plugins, которая появится в левой верхней части окна.

Установка плагинов для темы Kleo

Рисунок 2. Установка плагинов для темы Kleo

Далее выделите все плагины для установки. Если вы не планируете использовать функциональность интернет магазина в своей социальной сети, тогда снимите галочки с WooCommerce и YITH WooCommerce Wishlist. Для остальных плагинов галочки оставляйте. Выберите действие — Install и кликните Применить. Далее вам может показаться, что все зависло. Однако это не так. Подождите некоторое время, пока WordPress импортирует и установит все необходимые плагины, без которых не будет работать ваша социальная сеть.

Установка плагинов для темы Kleo

Рисунок 3. Установка плагинов для темы Kleo

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

Установка плагинов для темы Kleo

Рисунок 4. Установка плагинов для темы Kleo

 

Импорт демо-контента

Тема KLEO – Next level Premium WordPress Theme для работы использует такие фреймворки как BudyPress, bbPress и WooCommerce. BudyPress — ядро социальной сети, которая работает под CMS WordPress. bbPress — фреймворк для организации форумов при помощи CMS WordPress. WooCommerce — позволяет организовать интернет-магазин на CMS WordPress.

Однако, подружить все это не так-то просто.

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

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

Создатели темы Kleo позаботились об этом и предоставили возможность импорта демо-контента одной кнопкой. Для этого зайдите в меню Внешний вид далее подпункт KLEO Demo Data.

Импорт демо контента для темы Kleo

Рисунок 5. Импорт демо контента для темы Kleo

Если импорт прошел неудачно, а определим мы это по отсутствию новых изображений в разделе Медиафайлы, большого новых страниц в разделе Страницы (более 40), меню в разделе Внешний вид подраздел Меню. тогда повторим попытку еще раз. Но, перед этим удалим все, что было импортировано ранее. Для раздела Страницы после удаления не забудьте удалить страницы из Корзины. В WordPress тоже есть раздел Корзина, как в Windows.

Стандартная установка демо контента

Можно попробовать установить демо контент стандартным способом.

Для этого перейдите в меню консоли Инструменты. Найдите в нем пункт Импорт.

Импорт демо контента для темы Kleo

Рисунок 6. Импорт демо контента для темы Kleo

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

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

Рисунок 7. Установка плагина WordPress Importer

После успешной установки плагина кликните по ссылке Активировать плагин и запустить импорт.

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

Рисунок 8. Установка плагина WordPress Importer

В архиве с темой, которую вы скачали на сайте ThemeForest.Net есть папка Demo Content. Распакуйте ее содержимое.

Загрузите файл demo-default-kleo.xml и кликните по кнопке Загрузить и импортировать файл.

Импорт демо контента для темы Kleo

Рисунок 9. Импорт демо контента для темы Kleo

Откроется новое окно. В нем установите галочку напротив пункта Download and import file attachments и кликните по кнопке Submit.

Импорт демо контента для темы Kleo

Рисунок 10. Импорт демо контента для темы Kleo

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

Новые страницы после импорта демо контента

Рисунок 11. Новые страницы после импорта демо контента

Если новых страниц стало значительно меньше (в идеале их должно быть свыше 40) , значит импорт прошел не совсем корректно. Удалите все, что уже загрузилось (не забудьте удалить из Корзины) и затем повторите попытку заново. Можете попробовать не устанавливать галочку Download and import file attachments.

Настройка WordPress

После того, как вы импортировали демо контент, нам нужно осуществить некоторые важные настройки CMS WordPress и далее их не менять. Настройки постоянных ссылок меняются в разделе Настройки далее подпункт Постоянные ссылки. Не забываем кликнуть синюю кнопку в самом низу Сохранить изменения.

Настройка постоянных ссылок WordPress

Рисунок 12. Настройка постоянных ссылок WordPress

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

Выбор главной страницы Kleo

Рисунок 13. Выбор главной страницы Kleo

И еще…

Во время импорта был создан еще один пользователь admin. Я бы его удалил.

Пользователь admin

Рисунок 14. Лишний пользователь admin

 Настройка меню

Теперь давайте настроим меню. Точнее активируем то меню, которое было импортировано вместе с остальным демонстрационным контентом.

Для этого перейдем в раздел консоли управления сайтом Внешний вид и выберем подраздел Меню. Самое большое многоуровневое меню мы активируем — установив флажки напротив пунктов Primary Menu. Сами пункты можно подкорректировать: например, удалить пункт Buy Theme и т.д. После всех правок, не забываем сохранять изменения.

Настройка меню социальной сети Kleo

Рисунок 15. Настройка меню социальной сети Kleo

Настройка темы Kleo

Вроде бы все основные настройки WordPress выполнены. Теперь перейдем к настройке темы.

Большинство настроек темы и социальной сети находятся в разделе консоли Theme Options. Они все категоризованы. Вы можете изменить любой элемент темы или добавить ту или иную функциональность.

Настройки социальной сети Kleo

Рисунок 16. Настройки социальной сети Kleo

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

Редактирование страницы

Рисунок 17. Редактирование страницы.



Если есть вопросы, тогда пишите в комментариях или на почту — обсудим. В ближайшем будущем мы продолжим настройку темы KLEO – Next level Premium WordPress Theme. Вы можете купить и изучить эту тему самостоятельно.

 

Игорь Огарев
Создатель блога бизнес идей ogaryov.com, владелец студии разработки сайтов Игоря Огарева — Ogaryov.Ru, WordPress fan;)