Как создать сайт на CMS WordPress
Опубликовано 5 Апрель, 2020
Из каждой ситуации важно уметь извлекать плюсы. Обстановка карантина и самоизоляции — в некотором смысле повод остановиться, задуматься, разобраться в себе. Самое время начать делать то, что вы давно откладывали. Например, создать свой сайт. Пусть вас не пугают технические термины — с пошаговым гидом от 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.
Завершение настроек
Теперь всё, что нужно для сайта, готово к работе! После завершения настроек вы попадёте прямо в Личный кабинет и увидите активные услуги. Разберёмся, что здесь к чему:
- Это карточка вашего хостинга. Нажав на неё, вы увидите доступные действия с хостингом. Здесь можно зайти в панель управления, перейти в CMS, продлить услугу, поменять тариф и прочее.
- Карточка домена. В ней можно посмотреть доступные действия с доменом. Заметьте, что ваш сайт не сразу будет доступен по выбранному адресу — требуется некоторое время, чтобы домен стал активен. Но работать с сайтом можно сразу же по временному техническому адресу, который доступен автоматически.
- Карточка SSL-сертификата.
Теперь можно приступить к настройке сайта.
Шаг 4. Создаём сайт
Переходим в карточку хостинга и находим кнопку «Панель WordPress».
Нажимаем на неё, попадаем на страницу входа в WordPress. Вводим логин и пароль от CMS, которые мы задали на этом шаге.
Готово! Теперь мы можем редактировать сайт. Для примера изменим тему, подключим плагин Elementor и напишем первый пост.
Тема — это заготовка дизайна вашего сайта, которая задаёт внешний вид для большинства его основных элементов: шапки, меню, постов и прочего.
Плагины — дополнительные функции, расширяющие возможности сайта, которые можно подключить по мере необходимости.
Меняем тему
Обратите внимание на тёмно-серую панель слева — она содержит основной набор настроек и инструментов для работы с сайтом. Чтобы сменить тему, перейдите в раздел «Внешний вид» → «Темы». Нажмите «Добавить новую».
Перед вами откроется каталог — можете установить любую тему на свой вкус. Мы выбрали Envo Blog.
После установки вы можете настроить тему: поменять название сайта, добавить меню, настроить виджеты, заменить изображение в шапке и прочее.
Подключаем плагин
В основной панели найдите вкладку «Плагины» и перейдите в неё. Нажмите на кнопку «Добавить новый» и в строке поиска введите “Elementor”.
Elementor — очень удобный и простой конструктор страниц, который поможет расширить стандартные возможности WordPress и добавить больше индивидуальности сайту.
Выбираем первый результат в выдаче и нажимаем «Установить», а затем «Активировать».
После этого Elementor предложит создать первую страницу. Конструктор работает по принципу “Drag and drop” — вы можете просто перетаскивать необходимые элементы на страницу и сразу видеть, как они будут смотреться на сайте. Созданные страницы можно найти в разделе «Страницы» на основной панели.
Пишем пост
Переходим на вкладку «Записи» в основной панели. По умолчанию WordPress создаёт первую запись с названием «Привет, мир!». Попробуем отредактировать её.
Наводим курсор на запись и нажимаем «Изменить».
Откроется стандартный редактор текста WordPress. Здесь есть множество инструментов для создания красивых постов — вставка изображений, списков, галерей, интерактивных элементов. Контент разбивается на блоки, что позволяет удобно взаимодействовать с разными форматами информации. Чтобы выбрать новый блок, нажмите на иконку «плюс»:
Справа есть поле с настройками поста и отдельных блоков. Здесь можно задать URL записи, добавить изображение, указать рубрики и метки, включить/отключить комментарии.
URL записи — адрес, по которому будет доступен пост (например awesomeguide.ru/hello-world). URL должен выглядеть аккуратно — используйте в нём только буквы латинского алфавита и дефисы для разделения слов.
Нажимаем на кнопку «Обновить» в правом верхнем углу, и — готово! Запись появилась на сайте.
По такому же принципу работает и создание новых записей, только вместо «Обновить» вы увидите кнопку «Опубликовать». Перед публикацией записей лучше использовать предварительный просмотр, чтобы убедиться, что всё отображается корректно.