Мечтаете создать свой первый сайт на WordPress? В этой статье мы расскажем и покажем, как создать сайт на популярной CMS WP. 

Материал написан в формате пошаговой инструкции для новичков.

Мы покажем:

  • Как зарегистрировать домен и хостинг
  • Как выбрать шаблон
  • Как настроить веб-сайт и установить нужные плагины.

Также опубликуем первую запись на веб-сайт.

Что нужно для создания сайта на WordPress с нуля?

Перед тем, как создать сайт на WordPress, нужно ответить на вопрос: «Для чего мне нужен сайт?».

Сайт — это маркетинговый инструмент. Он решает разные задачи: например, привлечение клиентов в бизнес, продажа товаров и услуг, повышение узнаваемости бренда.

А еще с помощью сайта можно зарабатывать деньги: монетизировать свои профессиональные навыки, проводить онлайн-обучение, продавать рекламу на блоге.

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

Для создания WordPress-сайта вам потребуется:

  • Домен. URL-адрес вашего сайта. Если вы планируете делать сайт под русскоязычную аудиторию, то регистрируйте домен в зоне .ru.
  • Хостинг. Это хранилище для файлов вашего сайта. 
  • Шаблон. WordPress-тема для сайта. Выбрать шаблон можно заранее: до того, как вы приступите к созданию сайта.

Еще вам нужно свободное время. Процесс создания сайта на WordPress с нуля займет, примерно, 60 минут. Просто следуйте инструкции ниже и у вас не возникнет проблем с созданием своего первого интернет-проекта.

Как создать сайт на WordPress самостоятельно: пошаговая инструкция

Перейдем к практической части статьи: создадим первый сайт на WordPress с нуля. Процесс состоит из 8 основных этапов: мы зарегистрируем домен и хостинг, установим CMS, подберем шаблон, сделаем базовые настройки сайта и опубликуем первую запись.

Шаг №1: Выбор домена и хостинга

Первый этап: выберем и зарегистрируем домен, и хостинг для сайта. 

Домен — это URL-адрес сайта в формате www.sitename.ru. Домен должен быть коротким и простым. Можно использовать название компании или бренда.

Хостинг — это хранилище для файлов сайта. 

В качестве хостинга для сайта мы будем использовать Beget. На платформе можно разместить интернет-проект за 2-3 минуты.

Еще на Beget мы зарегистрируем домен. 

Для начала работы зайдите на официальный сайт хостинг-провайдера Beget. В правом верхнем углу нажмите кнопку «Регистрация».

Кнопка регистрации на сайте Beget
Кнопка регистрации на хостинге Бегет

Откроется окно регистрации. Зарегистрироваться на платформе могут физические и юридические лица. 

Введите свои данные: ФИО, мобильный телефон и E-mail. 

Выберите тариф. По умолчанию выбран тарифный план «Start». Мы рекомендуем стартовать с базового тарифа «Blog» — для первого сайта его будет достаточно.

Регистрация хостинга Бегет
Окно регистрации на хостинге: выбираем тариф (в левой части) и указываем персональные данные

После регистрации вы попадете в личный кабинет. Первые 30 дней — бесплатно. Это тестовый период.

Цена хостинга по тарифу Blog — 190 руб/мес. Но на хостинге можно сэкономить: оплатите услугу на 1 год (1 980 руб/год). В этом случае цена одного месяца составит 168 руб.

Теперь зарегистрируем домен.

Для этого зайдите в личный кабинет хостинга и перейдите в раздел «Домены и поддомены».

Раздел «Домены и поддомены» в ЛК Бегет
Раздел для управления доменами и поддоменами

В этом разделе перейдите во вкладку «Зарегистрировать домен». Введите имя домена в соответствующей строке: например, example.ru. Если домен свободен, то вы сможете оплатить услугу и зарегистрировать домен.

Управление доменами и поддоменами
Вкладка для регистрации домена. Цена на год: 179 руб.

После того, как вы нажмете кнопку «Продолжить», откроется раздел регистрации домена. 

Здесь нужно указать личные данные для регистрации домена.

Выберите тип персоны: физическое лицо/ИП или юридическое лицо.

Укажите страну проживания, ФИО и ФИО латиницей.

Введите данные администратора домена: почтовый индекс, область проживания (на русском и латиницей), город (на русском и латиницей), адрес (на русском и латиницей).

Создание новой персоны для домена

Ввести паспортные данные. Если у вас ИП, то обязательно укажите ИНН.

Паспортные данные для домена

Завершающий этап — ввод данных для управления доменом. Это адрес электронной почты (Email) и номер телефона.

После того, как вы ввели все данные, нажмите кнопку «Продолжить». Чтобы завершить регистрацию домена, нужно пополнить баланс. Стоимость домена в зоне .ru — 179 руб/год. 

Установка SSL-сертификата

После покупки домена нужно установить SSL-сертификат. Он бесплатный.

Для этого зайдите в раздел с доменами и выберите опцию «Управление SSL-сертификатом».

Управление SSL-сертификатом
Раздел для установки бесплатного SSL-сертификата

В разделе «Бесплатный SSL сертификат» нажмите кнопку «Установить». На домен будет установлен SSL-сертификат Let’s Encrypt.

Когда закончится установка сертификата, возле домена появится иконка зеленого щита с галочкой. Ваш сайт будет доступен по защищенному и безопасному протоколу https.

Шаг №2: Прилинковка домена

Второй этап: теперь нужно прилинковать домен. Это делается на хостинге Beget.

Зайдите в личный кабинет и перейдите в раздел «Сайты».

Во вкладке «Создать сайт» введите имя сайта. Например, можно использовать название домена. Сайт — это директория на диске сервера, на которую ссылается один или несколько доменов/поддоменов.

Создание нового сайта в Beget
Создаем новый сайт на хостинге

Важно: в имени сайта не должно быть пробелов. Допускаются символы: «-» и «_».

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

Прикрепить домен к сайту
Кнопка «Прикрепить домен»

Выберите домен, который вы зарегистрировали на первом этапе работы. Нажмите кнопку «Прикрепить».

Прикрепляем домен (кнопка)
Прикрепляем домен к сайту

Все изменения вступят в силу в течение 10 минут. Это значит, что через 10 минут можно приступать к следующему этапу создания сайта на WordPress. 

Читайте также:  Что такое CMS? Какой движок для сайта выбрать в 2021 году

Шаг №3: Установка CMS на хостинг

Третий этап: пришло время установить CMS WordPress на наш сайт. Это делается за 2 минуты — через личный кабинет хостинга Beget.

Что такое CMS, вы можете прочитать в нашей статье «Что такое CMS? Какой движок выбрать для сайта».

В ЛК зайдите в раздел «CMS».

Раздел CMS в Бегет
В этом разделе можно выбрать систему управления сайтом (CMS)

В списке доступных CMS выберите WordPress. 

Устанавливаем Вордпресс для сайта
Выбираем Вордпресс

Откроется окно установки WP на сайт. Выберите сайт для установки и домен по умолчанию.

Здесь нужно выполнить базовые настройки:

  1. Введите описание сайта. Эту информацию можно изменить в любой момент через админку WP.
  2. Укажите логин администратора — латиницей. Например, siteadmin. 
  3. Введите пароль — сложный, с буквами и цифрами. 
  4. Укажите Email администратора.
Установка WP на веб-сайт через Бегет
Окно установки CMS WP

После того, как вы введете все данные для WordPress, нажмите кнопку «Установить».

Установка CMS WP на сайт займет 2-3 минуты.

Важно: теперь вы можете заходить на свой сайт — для этого введите домен в адресной строке браузера. Если при входе на сайт появляется ошибка — сообщение о том, что домен не прилинкован к директории на сервере, — то очистите cookie браузера. Или попробуйте открыть сайт через вкладку инкогнито в браузере.

Шаг №4: Вход в админку WP

Четвертый этап: поздравляем, вы создали свой первый сайт на WordPress. Теперь нужно войти в панель администратора. Через админку мы настроим сайт.

Войти в панель администратора просто: для этого введите специальный URL в адресную строку браузера.

URL-адрес такой: вашдомен.ru/wp-admin. Вместо «вашдомен» — введите URL-адрес своего сайта.

Ссылка для входа в админку ВП
Так выглядит URL-адрес для входа в админку

Откроется новая вкладка — здесь нужно ввести имя пользователя и пароль от WordPress. Эти данные вы указывали во время установки CMS на сайт.

Панель входа в админку WP
Введите имя пользователя и пароль

После этого вы попадете в админку WP.

Панель администратора WordPress
Так выглядит панель администратора Вордпресс

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

Шаг №5: Выбор и установка шаблона

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

Шаблон меняется через админку WP. Для этого перейдите в раздел «Внешний вид» — «Темы».

В верхней части интерфейса нажмите кнопку «Добавить».

Добавить новую тему ВП
Кнопка для добавления новой темы для сайта

Откроется список доступных шаблонов. В каталоге есть бесплатные WP-темы.

Список шаблонов в Вордпесс
Список бесплатных шаблонов

В каталоге бесплатных шаблонов есть варианты для разных проектов: блогов, журналов, корпоративных сайтов и интернет-магазинов.

Выберите понравившуюся тему и нажмите кнопку «Установить». После установки шаблона — активируйте его.

Установка шаблона WP
Кнопка для установки WP-шаблона

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

Поэтому мы рекомендуем использовать шаблоны от WPShop. Например, на нашем сайте используется тема Reboot от WPShop. Это отличный вариант для блогов и других контентных проектов. 

Премиум шаблоны от WPShop — это темы без тяжелых библиотек и фреймворков с адаптивным дизайном, и SEO-оптимизацией (отлично отображаются на всех устройствах). 

Преимущества шаблонов WPShop
Основные преимущества шаблонов от WPShop

Еще на сайте WPShop вы можете найти темы для других тематик:

Название темыОписание
Root SEO-оптимизированный премиум шаблон с гибкими настройками внешнего вида и встроенной рекламой.
Bono Отличная тема для интернет-магазинов. Встроенные модули, SEO-оптимизация, встроенное избранное.
JournalX Шаблон с бесконечным скроллом. Подходит для информационных сайтов, журналов, новостных проектов.
Cook It Шаблон для кулинарных сайтов. Видео-рецепты, удобное наполнение ингредиентов, встроенная реклама, грамотное SEO.
Yelly Тема, которая предназначена для сайтов с вирусным контентом.

Стоимость шаблонов — от 3 800 руб. 

Шаг №6: Базовые настройки сайта

Шестой этап: переходим к базовым настройкам сайта. Для этого зайдите в раздел «Настройки» в админке WP.

Общие

В этом разделе укажите следующую информацию:

  • Название сайта. Например, «Полезные рецепты» или «Блог об интернет-маркетинге».
  • Краткое описание. В нескольких словах опишите свой сайт. Например, «Полезные статьи и подборки для начинающих маркетологов» или «Лучшие кулинарные рецепты на каждый день».
  • Адрес WP и сайта (URL). Здесь нужно внести одно изменение. По умолчанию ссылка на сайт прописана через http. Так как мы подключили SSL-сертификат для домена, то добавьте букву s к http. У вас должна получиться ссылка в формате «https://вашдомен.ru»
  • Email-администратора. Если вы не хотите менять свой адрес электронной почты, то оставьте этот пункт без изменений.
Общие настройки WordPress-сайта
Раздел с общими настройками веб-сайта

Остальные параметры можно оставить без изменений. 

Обсуждение

Далее перейдите в раздел «Обсуждение» (разделы «Написание» и «Чтение» нам не нужны — их мы оставим без изменений). 

В этом разделе мы настраиваем оповещения и комментарии. Рекомендуем отключить функцию оповещения других блогов, упоминаемых в статье. 

Настройка обсуждения ВП
Настройки обсуждения

При желании можно отключить возможность комментирования записей. Выставляйте параметры по собственному предпочтению: например, если вы не хотите получать уведомления о новых комментариях (они будут приходить на почту), то отключите эту функцию.

Читайте также:  Что такое CMS? Какой движок для сайта выбрать в 2021 году

Чтобы отключить или включить нужную опцию — уберите или поставьте галочку возле соответствующей функции.

Постоянные ссылки

Обязательно настройте постоянные ссылки на сайте. Для этого в настройках выберите пункт «Произвольно». 

Мы рекомендуем использовать формат ссылок %category%/%postname%. Для этого выберите эти пункты в строке «Доступные элементы».

Настройка постоянных ссылок
Раздел с настройками постоянных ссылок

Это значит, что ваши записи на сайте будут отображаться в следующем формате: https://вашдомен.ru/название_категории/название_записи.

Чтобы применить настройки нажмите кнопку «Сохранить изменения» в нижней части интерфейса. 

Шаг №7: Устанавливаем плагины

Седьмой этап: теперь нужно установить базовые плагины. Установка плагинов выполняется через админку WordPress. Для этого зайдите в раздел «Плагины» и нажмите кнопку «Добавить новый».

Добавить новый плагин
Кнопка добавления нового плагина

Здесь можно:

  1. Загрузить файл плагина с компьютера.
  2. Найти нужный плагин в библиотеке WP. Для этого нужно воспользоваться поиском.
Загрузка и поиск плагинов WP
Два варианта добавления плагинов: загрузка с компьютера и поиск в библиотеке WP

Сразу после создания сайта, мы рекомендуем установить 4 плагина.

Yoast SEO

Yoast SEO — лучший плагин SEO для WordPress. Это must-have для продвижения сайта — особенно если у вас контентный сайт или блог. 

Yoast SEO

Плагин бесплатный. Есть платная версия (но она вам не понадобится, бесплатной версии более чем достаточно).

С помощью Yoast SEO можно настроить: 

  • Отображение страниц в поисковой выдаче.
  • Добавить хлебные крошки.
  • Настроить цепочки навигации.

Cyr-To-Lat

Еще один важный плагин. Обязательно установите Cyr-To-Lat до того, как начнете публиковать первые записи и создавать страницы. 

Cyr-to-Lat

Этот плагин переводит названия страниц в URL с кириллицы на латиницу. Простой пример: по умолчанию адрес страницы выглядит так — https://вашдомен.ru/название_страницы (название_страницы — на кириллице).

После установки плагина ссылки будут выглядеть так — https://вашдомен.ru/nazvanie_stranicy.

Clearfy PRO

Clearfy PRO — это премиум-шаблон от WPShop. 

Clearfy PRO

Что умеет плагин:

  • Удаляет лишний код и мусор с исходного кода.
  • Улучшает SEO на сайте.
  • Удаляет дубли страниц.
  • Усиливает защиту сайта.
  • Защищает контент от копирования.

Детальную информацию о плагине можно посмотреть на официальном сайте WPShop.

WPS Hide Login

Плагин WPS Hide Login нужен для защиты сайта. Он помогает изменить ссылку для входа в админку.

WPS Hide Login

Как вы помните, по умолчанию это: https://вашдомен.ru/wp-admin. Это стандартная ссылка для всех новых сайтов.

После установки WPS Hide Login в настройках, в разделе WPS Hide Login, появится строка URL входа. Введите новое слово или словосочетание, которое будет использоваться вместо wp-admin — например, enteradmin.

Теперь чтобы попасть в админку введите URL с новым словом: вместо «https://вашдомен.ru/wp-admin» — «https://вашдомен.ru/enteradmin».

Шаг №8: Публикуем первую запись

Восьмой этап: после того, как вы создали и настроили сайт на WordPress, можно переходить к следующему, завершающему этапу. Давайте опубликуем первую запись на сайт.

Для этого зайдите в панель администратора WP и перейдите в раздел «Записи» — «Добавить новую».

Откроется редактор записи. В верхней строке введите заголовок. Под заголовком находится «тело» будущей записи.

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

Добавить любой элемент можно через блоки встроенного редактора Gutenberg. Также можно подготовить заметку в другом текстовом редакторе — например, Google Документы — и скопировать его в редактор Gutenberg. 

Чтобы добавить запись на сайт нажмите кнопку «Опубликовать». Также в редакторе есть кнопка «Просмотреть». С помощью этой функции можно посмотреть, как публикация выглядит на сайте.

Ответы на частые вопросы: мини-FAQ

Итак, вы создали свой первый сайт на WordPress. Наверняка у вас осталось много вопросов. Помните, что только постоянная практика поможет освоить все тонкости CMS WP.

Чтобы помочь вам в освоении, мы ответим на самые популярные вопросы по теме.

Нужны ли знания HTML/CSS для создания сайта?

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

Можно ли сделать интернет-магазин на WordPress?

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

Как создать сайт бесплатно?

Вы можете создать веб-сайт на официальном сайте WordPress.com. Но у бесплатного сайта есть свои недостатки: например, у вас будет домен второго уровня в формате https://название.wordpress.com

Также бесплатный сайт будет размещен на хостинге WP — у вас не будет доступа ко всем файлам, базам данных и разделам.

Обязательно ли устанавливать плагины?

Да. Дело в том, что плагины расширяют базовый функционал WordPress. С помощью плагинов можно улучшить SEO, защитить веб-сайт от взлома и спама.

Заключение: что делать дальше?

Как видите, создать первый сайт на WordPress — просто. Весь процесс займет 60-80 минут. Главное — следуйте рекомендациям, которые описаны в нашей статье и тогда у вас не возникнет проблем с покупкой хостинга или настройкой веб-сайта.

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