Мы используем cookie-файлы
Для оптимизации работы нашего сайта мы используем cookie-файлы. Продолжая использовать сайт, Вы соглашаетесь с использованием cookie-файлов.
Новый дизайн
Панель управления
  • Русский
  • Українська
  • English
  • UAH
  • USD
  • RUB
  • EUR
  • 0-800-307-307  Горячая линия
  • +38(044) 392-74-33  Киев
  • +38(057) 728-39-00  Харьков
  • +38(056) 794-38-31  Днепр
  • +38(032) 229-58-93  Львов
  • +38(048) 738-57-70  Одесса
  • +38(093) 170-15-42  Life
  • +38(067) 400-88-44  Киевстар
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7(499) 348-28-61  Москва

Создание сайта на CMS WordPress

Введение

WordPress одна из самых простых CMS и наиболее популярных систем управления сайтом во всем мире. 

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

В видео подробно показано, как добавить веб ресурс в панели управления “Хостинг Украина” и установить CMS WordPress. 

Как при помощи плагина Elementor и дополнений для него можно создавать страницы в визуальном редакторе. Помимо страниц, мы затроним тему контактных форм и покажем процесс работы с плагином Contact Form 7.

Для примера использовали такие ресурсы:

  • CMS WordPress: https://ru.wordpress.org/​
  • Плагин Elementor: https://elementor.com/Темы для Elementor: https://elementor.com/help/best-elementor-themes/
  • Тема OceanWP: https://oceanwp.org/​
  • Документация: https://www.ukraine.com.ua/wiki/

Подготовка CMS

Создание сайта при помощи этого руководства не требует наличия глубоких технических навыков. Установка WordPress будет произведена автоматически, все основные настройки будут выполнены через интерфейс панели управления Хостинг Украина и через админку WordPress. Страницы сайта будут создавать в визуальном редакторе Elementor с использованием готовых шаблонов самого Элементор, а также дополнительных плагинов библиотек. 

Текстовые версии руководств:

https://www.ukraine.com.ua/wiki/hosting/my-sites/site-add/

https://www.ukraine.com.ua/wiki/hosting/cms/auto-install/

https://www.ukraine.com.ua/wiki/hosting/ssl/install/

Знакомство с Elementor

В данном видео будет рассказано о том как работать с палгином Elementor. Перейдите в раздел страниц в админке, удалите существующие страницы, создайте новую и нажмите на кнопку “Редактировать в Elementor” в верхнем меню. Вы будете переадресованы на страницу конструктора, где слева будет расположена панель Elementorа, а справа предпросмотр страницы. 

Библиотеки шаблонов для Elementor

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

Также вам понадобятся такие плагины:

Плагин Elements Kit Lite: https://wordpress.org/plugins/elementskit-lite/

Плагин Envato Elements: https://wordpress.org/plugins/envato-elements/

Плагин Starter Templates: https://wordpress.org/plugins/astra-sites/

Создание главной страницы в Elementor

В этом видео мы будем использовать - Starter Templates для создания главной страницы, которая будет состоять из четырех блоков. Плагин разрабатывается той же командой, которая занимается темой оформления Astra. Разумеется, шаблоны из библиотеки подойдут для использования и с другими темами оформления. В нашем случае используется тема Ocean WP. 

Также вам понадобятся:

Плагин Starter Templates  https://wordpress.org/plugins/astra-sites/

Сервис подбора цветов https://coolors.co/

Настройка темы оформления OceanWP

В платной версии плагина Elementor присутствует конструктор тем, который позволяет настраивать хедер, футер и отдельные страницы сайта, такие как страница блога, результатов поиска и тому подобное. В этом случае, будет достаточно темы “Hello”, которую предоставляют разработчики элементора. Она содержит только базовые настройки, поэтому при ее использовании не возникает конфликтов с настройками самого Elementor. К сожалению, на бесплатной версии плагина такой функционал отсутствует. Решить эту проблему можно установкой и настройкой темы оформления. В прошлых видео мы устанавливали тему OceanWP, которая, обладает наиболее широким ассортиментом настроек в своей бесплатной версии. 

Настройка контактной формы в Contact Form 7

Среди всех плагинов контактных форм своей простотой и доступностью выделяется Contact Form 7. Он бесплатен, обладает всем необходимым функционалом и подойдет для решения большинства задач, которые ставятся перед формами обратной связи.

Также вам понадобятся:

Плагин Contact Form 7: https://ru.wordpress.org/plugins/contact-form-7/

Документация Contact Form 7: https://contactform7.com/docs/

Плагин Flamingo: https://ru.wordpress.org/plugins/flamingo/

Итог

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

 

Мы предлагаем лучший виртуальный хостинг для сайтов на Joomla, Wordpress и других популярных CMS с поддержкой PHP, Perl, MySQL.

Просто выберите домен, закажите хостинг и установите CMS в один клик.

Выбирайте пакет услуг, который максимально соответствует потребностям вашего проекта: SSD хостинг, VPS на SSD, Cloud (облачный) хостинг, облачный VPS. Выделенный сервер или dedicated server. 

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


Только зарегистрированные пользователи могут оставлять комментарии

Подпишитесь на рассылку

Будем присылать анонсы новых статей и полезные советы раз в неделю

Присоединяйтесь к нам в соцсетях