Как создать сайт на CMS WordPress

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

Шаг 1. Выбираем домен

Домен — это не просто набор букв или слов, но и будущая визитная карточка вашего сайта. Поэтому к его выбору надо подойти с умом. 

Домен — это адрес вашего сайта, по которому его смогут найти посетители. Например REG.RU, VK.COM, MAPS.YANDEX.RU — это всё домены.

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

Мы детально описали процесс правильного подбора домена в этой статье. Проверить доступность выбранного имени можно на странице сервиса по подбору доменов.

Чтобы наш гайд был максимально понятным, мы пройдём с вами все шаги и создадим сайт на WordPress с нуля. Для примера мы выбрали домен AWESOMEGUIDE.RU. При желании можно докупить адреса и в других зонах (.COM, .NET), если вы опасаетесь, что в дальнейшем конкуренты смогут зарегистрировать похожий адрес и выдать свой сайт за ваш.

Определились с доменом? Нажимаем на кнопку «Зарегистрировать».

Шаг 2. Приобретаем домен + хостинг + SSL

Теперь нужно выбрать хостинг и подключить к сайту SSL-сертификат.

Хостинг — услуга, которая предоставляет вам место на сервере и специальное программное обеспечение для управления сайтом. В этой статье мы рассмотрим виртуальный или shared-хостинг — самый распространённый вид хостинга, подходящий для большинства сайтов.

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

На предыдущем шаге вы нажали кнопку «Зарегистрировать», и у вас должен был открыться мастер заказа, в котором можно сразу же приобрести хостинг и SSL. 

Для хостинга мы выберем тариф Host-1, так как на старте он подойдёт для большинства сайтов. Если в дальнейшем вам потребуется больше ресурсов, можно в любой момент сменить тариф на более мощный.

Лучше подключить хостинг на 1 год или более длительный период: тогда вы получаете заметную скидку и платите за услугу меньше в пересчёте на месяц.

Возвращаемся в мастер заказа и ставим галочку напротив SSL-сертификата. В REG.RU можно бесплатно получить SSL-сертификат DomainSSL от GlobalSign на один год. В итоге финальная страница заказа должна выглядеть примерно так:

Жмём на кнопку «Оплатить». Вы можете оплатить выбранные услуги со счёта Личного кабинета или через одну из систем онлайн-платежей.

Шаг 3. Настраиваем хостинг

После оплаты вы попадёте на страницу настроек. 

Выбор панели управления

Панель управления позволяет вам управлять хостингом. Она нужна для расширенной настройки сайта, но в REG.RU базовые операции можно выполнять в несколько кликов через Личный кабинет. Если вы захотите более подробно разобраться, как работать с панелью управления, можете почитать нашу Базу знаний по хостингу.

Мы выбираем панель ISPmanager, так как она популярна, подходит для большинства сайтов и поддерживает все основные CMS.

Установка CMS

На этом шаге нам необходимо установить CMS WordPress. Это можно сделать в один клик, просто нажав на галочку напротив WordPress.

CMS — система управления содержимым сайта. Она позволяет легко настраивать внешний вид страниц, загружать контент, подключать дополнительные сервисы — например комментарии или платёжные системы.

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

Здесь вы можете задать логин и пароль для дальнейшего входа в CMS. По умолчанию используется логин admin, а пароль генерируется автоматически. Эти данные будут сохранены в вашем Личном кабинете, а также придут в виде письма на контактный e-mail.

Завершение настроек

Теперь всё, что нужно для сайта, готово к работе! После завершения настроек вы попадёте прямо в Личный кабинет и увидите активные услуги. Разберёмся, что здесь к чему:

1. Это карточка вашего хостинга. Нажав на неё, вы увидите доступные действия с хостингом. Здесь можно зайти в панель управления, перейти в CMS, продлить услугу, поменять тариф и прочее.
2. Карточка домена. В ней можно посмотреть доступные действия с доменом. Заметьте, что ваш сайт не сразу будет доступен по выбранному адресу — требуется некоторое время, чтобы домен стал активен. Но работать с сайтом можно сразу же по временному техническому адресу, который доступен автоматически.
3. Карточка SSL-сертификата.

Теперь можно приступить к настройке сайта.

Шаг 4. Создаём сайт

Переходим в карточку хостинга и находим кнопку «Панель WordPress».

Нажимаем на неё, попадаем на страницу входа в WordPress. Вводим логин и пароль от CMS, которые мы задали на этом шаге.

Готово! Теперь мы можем редактировать сайт. Для примера изменим тему, подключим плагин Elementor и напишем первый пост.

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

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

Меняем тему

Обратите внимание на тёмно-серую панель слева — она содержит основной набор настроек и инструментов для работы с сайтом. Чтобы сменить тему, перейдите в раздел «Внешний вид» → «Темы». Нажмите «Добавить новую».

Перед вами откроется каталог — можете установить любую тему на свой вкус. Мы выбрали Envo Blog.

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

Подключаем плагин

В основной панели найдите вкладку «Плагины» и перейдите в неё. Нажмите на кнопку «Добавить новый» и в строке поиска введите “Elementor”.

Elementor — очень удобный и простой конструктор страниц, который поможет расширить стандартные возможности WordPress и добавить больше индивидуальности сайту.

Выбираем первый результат в выдаче и нажимаем «Установить», а затем «Активировать».

После этого Elementor предложит создать первую страницу. Конструктор работает по принципу “Drag and drop” — вы можете просто перетаскивать необходимые элементы на страницу и сразу видеть, как они будут смотреться на сайте. Созданные страницы можно найти в разделе «Страницы» на основной панели.

Пишем пост

Переходим на вкладку «Записи» в основной панели. По умолчанию WordPress создаёт первую запись с названием «Привет, мир!». Попробуем отредактировать её.

Наводим курсор на запись и нажимаем «Изменить».

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

Справа есть поле с настройками поста и отдельных блоков. Здесь можно задать URL записи, добавить изображение, указать рубрики и метки, включить/отключить комментарии.

URL записи — адрес, по которому будет доступен пост (например awesomeguide.ru/hello-world). URL должен выглядеть аккуратно — используйте в нём только буквы латинского алфавита и дефисы для разделения слов.

Нажимаем на кнопку «Обновить» в правом верхнем углу, и — готово! Запись появилась на сайте.

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

Что дальше?

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

Мы рекомендуем ознакомиться с этими материалами:

Первые шаги с WordPress — подробнее узнайте о том, как устроен WordPress.

10 WordPress-плагинов, которые прокачают ваш сайт — скорее всего, все 10 вам не нужны, но какие-то наверняка пригодятся.

С чего начать SEO-продвижение сайта — привлеките на сайт посетителей.

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