Поиск по сайту Поиск

Как создать сайт на 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.

создание сайта на wordpress

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

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

  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-продвижение сайта — привлеките на сайт посетителей.

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

10 лучших IDE и редакторов кода для веб-разработчиков

10 лучших IDE и редакторов кода для веб-разработчиков

Писать код при желании можно и в текстовом редакторе — ничто не мешает вам создать простейший сайт в «Блокноте», сохранив...
Read More
Domains weekly: .РФ на страже русского языка, рост new gTLDs и пассивный доход от PORNO.COM

Domains weekly: .РФ на страже русского языка, рост new gTLDs и пассивный доход от PORNO.COM

В новой подборке новостей мы расскажем, как развивался русский язык вместе с зоной .РФ, что за риски таит в себе...
Read More
VPS нового поколения, ИИ, юникодные домены и мини‑сериал об админах: всё, что вы знали и чего могли не знать о REG.RU

VPS нового поколения, ИИ, юникодные домены и мини‑сериал об админах: всё, что вы знали и чего могли не знать о REG.RU

Ура-ура! 22 мая нам исполнилось 14 лет, и мы по-прежнему двигаемся только вперёд и становимся лучше. Мы решили поделиться с...
Read More
Domains weekly: старт .MEET от Google, годовой рост .RU и .РФ, вирусная реклама рэп‑альбома с new gTLDs

Domains weekly: старт .MEET от Google, годовой рост .RU и .РФ, вирусная реклама рэп‑альбома с new gTLDs

В новой еженедельной подборке новостей расскажем о старте регистраций в зоне  .MEET от Google, вирусной рекламной кампании нового рэп-альбома Future...
Read More
Как скорость загрузки страниц на мобильных устройствах влияет на посещаемость сайта

Как скорость загрузки страниц на мобильных устройствах влияет на посещаемость сайта

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

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

Для любого, кто управляет веб-сайтом, на первом месте должен стоять вопрос безопасности. Критические угрозы и уязвимости могут сильно ударить как...
Read More
Domains weekly: 10 лет .РФ, новый топ регистраторов в .COM и спор за ягодный домен

Domains weekly: 10 лет .РФ, новый топ регистраторов в .COM и спор за ягодный домен

В свежей подборке новостей расскажем о юбилее .РФ, отчёте ICANN о динамике регистраций в зоне .COM и неудачной попытке канадской...
Read More
С днём рождения, .РФ!

С днём рождения, .РФ!

В этом году кириллической национальной российской доменной зоне исполняется 10 лет. Мы решили вспомнить, как всё начиналось: в этом материале...
Read More
Domains weekly: стагнация ccTLD, конец страстей по .ORG и взлом клиентов GoDaddy

Domains weekly: стагнация ccTLD, конец страстей по .ORG и взлом клиентов GoDaddy

В сегодняшней подборке новостей расскажем, как изменилось число регистраций национальных доменов по сравнению с прошлым годом, чем закончилась сделка с...
Read More
Как поменять домен, чтобы сайт не просел в поисковой выдаче

Как поменять домен, чтобы сайт не просел в поисковой выдаче

Итак, вы решили изменить имя своего сайта после ребрендинга или просто выбрали более короткий домен. Но как при этом сохранить...
Read More