В этом видео я расскажу и покажу на примере, как можно легко создать сайт на WordPress в 2021 году.
Особенно данное видео будет полезно для начинающих.
Зарегистрировать хостинг для сайта на WordPress здесь
Почему нужно иметь свой сайт в 2021 году?
Не смотря на большую популярность социальных сетей и мессенджеров, лучше иметь свой сайт, где вы будите собирать свою аудиторию.
Любой аккаунт в социальной сети могут заблокировать в любое время без объяснения причин.
Сайт принадлежит только вам, а также домен (адрес сайта в интернет) вы регистрируете на свои паспортные данные.
В этом видео я буду создавать блог на WordPress, так как его легко будет адаптировать под любую тематику.
Первым шагом будет регистрация хостинга.
Простыми словами хостинг — это то место (мощный компьютер), где размещаются файлы сайта, постоянно подключён к сети интернет.
Данный проект я буду размещать на хостинге от компании TimeWeb
На данном хостинге предусмотрены специальные тарифные планы для размещения сайтов на WordPress.
Переходим на главную страницу сайта.
И далее на страницу Хостинг для CMS.
Здесь есть два тарифных плана для сайтов на WordPress: Стандарт и PRO.
Я рекомендую начинать с тарифа Стандарт.
Что входит в данный тариф: возможность размещения до 10 сайтов, 10 баз данных, 10 Гб для всех сайтов.
Можно оплачивать помесячно или сразу на 1 год.
При оплате на 1 год получается скидка по оплате в месяц и регистрация бесплатного домена.
Еще я не сказал, что на хостинге ТаймВэб есть 10 дневный бесплатный период.
Т.е. вы можете просто зарегистрироваться и тестировать хостинг в течении 10 дней.
Я выбираю помесячную оплату, с автоматической установкой WordPress.
Нажимаем на кнопку Регистрация.
Появляется форма для регистрации, где нужно ввести ваше имя и адрес электронной почты.
Если Вы хотите зарегистрировать хостинг на компанию, то нужно переключиться на другую вкладку Юридическое лицо.
После того, как вы указали необходимые данные, нажимаем на кнопку Заказать.
Автоматически создаётся новый аккаунт, вам на почту должны прийти логин и пароль для входа в панель управления хостингом.
Мы сразу видим, что WordPress установился, отображаются логин и пароль для входа в панель администратора WordPress.
Тут же есть две ссылки: на сайт и для перехода к приложению.
Эта же информация отправляется на вашу почту.
По ссылке Перейти на сайт мы сразу переходим на главную страницу нового сайта.
А по ссылке Перейти к приложению — к форме для ввода логина и пароля администратора сайта.
Вводим логин и пароль, попадаем в панель управления сайтом.
И первое что нужно сделать — обновить версию WordPress до последней версии, у меня до версии 5.6, обновить плагины и шаблоны.
Можно переключить тему оформления или шаблон на другой из уже установленных.
Возвращаемся на хостинг и закрываем окна с сообщениями.
Для того чтобы оплатить хостинг, кликаем по кнопке Оплатить со скидкой.
Переходим на страницу с оплатой услуг.
Отключаем опцию Защитник сайта, она нам пока не нужна.
Мы будем создавать новый сайт, после его создания и наполнения контентом, можно при желании включить данную опцию.
Она стоит дополнительных денег, а мы стремимся в начале сократить необходимые затраты по минимуму.
Возможны различные варианты оплаты: банковской картой, через систему ЮMoney (бывшие Яндекс.Деньги), счет, квитанция, QIWI или Pay.
При оплате картой, можно привязать карту для автоматического пополнения баланса.
Когда у вас окончится период оплаты, автоматически с вашей карты спишется необходимая сумма для оплаты хостинга.
Я пока оплачивать не буду, а покажу что ещё интересного есть в панели управления хостингом.
Откроем первый пункт меню слева Домены и поддомены.
Данный раздел предназначен для работы с доменами.
Здесь вы можете добавить новый домен одним из трех способов:
— зарегистрировать домен через TimeWeb;
— добавить уже зарегистрированный домен на хостинг;
— перенести домен (передать домен под управление TimeWeb)
Как я уже говорил, если вы оплачиваете услуги хостинга на один год, то можете бесплатно зарегистрировать один домен для вашего сайта.
Я регистрировать новый домен не буду, у меня есть свободный домен, я добавлю его к новому сайту.
Аналогично, если вы регистрируете домен где-то в другом месте.
Следующий пункт меню — Сайты.
Здесь отображается список всех ваших сайтов на хостинге.
По умолчанию создается основной сайт, ниже расположен сайт WordPress с которым мы и будем работать.
Для того чтобы привязать домен к сайту, необходимо в начале оплатить услуги хостинга.
Я оплачиваю через ЮMoney.
Всё оплачено и мы переходим в раздел Домены и поддомены.
Нажимаю на кнопку Добавить домен.
На новой странице есть поле для ввода домена и кнопка Добавить.
А ниже расположена инструкция по добавлению домена.
Я перехожу в панель управления доменами, где регистрировал свой домен.
Подробнее о нём можно узнать из видео Как зарегистрировать домен для сайта за 169 рублей
Кликаю по стрелке справа в разделе DNS-серверы.
Далее по стрелке вниз в разделе Укажите свои DNS-серверы.
И вставляю значения из текста инструкции.
После чего нажимаю на кнопку Сохранить.
Возвращаюсь на страницу Добавления домена и вставляю его в поле формы.
Тут важно выбрать правильно сайт, к которому мы привязываем домен.
По умолчанию это основной сайт, а мы должны выбрать сайт с WordPress.
После чего нажимаем на кнопку Добавить.
Для обновления значений DNS-серверов нужно время от 12 до 24 часов.
После чего, если открыть адрес сайта (домен) в браузере, мы должны увидеть наш пустой WordPress сайт на хостинге.
Прошло необходимое время, открываем страницу Сайты и видим, что к нашему сайту WordPress добавился дополнительно новый домен.
Сейчас для нормальной работы сайта необходимо установить SSL-сертификат.
Чтобы адрес сайта начинался не с HTTP, а с HTTPS.
Для этого в панели управления есть пункт меню SSL-сертификаты.
Переходим по нему и наблюдаем страницу, где должен быть список SSL-сертификатов.
Для того чтобы получить SSL-сертификат нужно нажать на кнопку Заказать.
Мы увидим несколько типов сертификатов.
Для наших задач (ведения блога), подойдет бесплатный SSL Let’s Encrypt.
Он выдается на три месяца с дальнейшим автоматическим продлением.
Выбираем его.
И ниже на странице указываем домен, для которого мы его будем использовать.
Отмечаем согласие с правилами предоставления услуг и нажимаем на кнопку Заказать.
Сертификат будет выпущен и установлен в течение одного или двух часов.
Пока мы ждем установки сертификата, на почту должно прейти уведомление, удалим лишние с сайта и выполним первоначальную настройку.
Можно удалить все записи, очистить корзину
Удалить все ненужные страницы.
Удалить плагины и шаблоны оформления.
Затем переходим в раздел Настройки — Общие.
Вводим новое название сайта и краткое описание.
И нажимаем на кнопку Сохранить изменения.
Для этого переходим в раздел Внешний вид — Темы.
Нажимаем на кнопку Добавить.
В поле поиска вводим Blocksy.
Устанавливаем и активируем данную тему.
Сразу после этого нам предлагают установить дополнение Bloscky Companion.
Нажимаем на кнопку для установки.
В новом окне нажимаем по ссылке Пропустить.
Попадаем на страницу расширения, где нужно нажать на кнопку Allow & Continue.
На следующей вкладке можно увидеть несколько вариантов оформления сайтов для разных применений.
На почту должно прийти письмо для подтверждения адреса почты для Blocksy Companion.
Нужно нажать на кнопку в письме и войти в админку сайта.
Чтобы все кириллические ссылки и названия файлов автоматически переводились в латинские буквы, нужно установить плагин Cyr to Lat reloaded.
После установки и активации, нажимаем на кнопку Преобразовать, для старых записей и рубрик.
Если перейти на главную страницу блога, то увидим следующую пустую страницу.
Сейчас установим плагин визуального конструктора страниц Elementor.
На главной странице выключим все элементы через выпадающую панель Настройки экрана.
Давайте установим один из вариантов оформления сайтов от Blocksy Companion.
Переходим в раздел Blocksy на вкладку Starter Sites.
Подводим к первому варианту, отображаются три кнопки с различными вариантами для редактирования шаблона.
Стандартный с использованием Gutenberg, и два конструктора Brizy и Elementor.
Если нажать на кнопку Preview можно посмотреть работу сайта на примере.
Нажимаю кнопку Import и начинается процесс настройки импорта сайта.
Можно выбрать вид конструктора для редактирования.
Что использовать для формы контакта плагин WPForms или Elementor.
Далее выбрать что импортировать: настройки, виджеты и контент.
Оставляем последнюю позицию, чтобы удалился весь ранее импортированный контент с сайта пред импортом.
И далее кнопку Instal.
Начинается процесс импорта сайта.
Как он завершается, можно перейти на главную страницу сайта или перейти к настройкам шаблона.
Еще я забыл сказать, что в Настройках в разделе Постоянные ссылки можно указать собственную структуру ссылок.
Выбрать один из пяти вариантов или настроить собственную.
Я делаю свой вид ссылок название категории и имя страницы.
Сохраняем изменения.
Далее начинаем процесс редактирования уже готового сайта.
Переведём в начале главное меню.
Далее заголовки всех страниц через Свойства страницы.
Любую страницу можно отредактировать, с использованием конструктора Elementor.
Для этого у необходимой странице кликнуть по ссылке Редактировать в Elementor.
Я хочу отредактировать главную страницу.
Страница открывается в редакторе.
Щелкая по элементам мы можем их редактировать.
Удалять и добавлять новые.
Я уже рассматривал работу с конструктором Elementor в видео Как создать интернет-магазин на WordPress за 1 день в 2020 году. Продолжение
На этом этапе я заканчиваю видео.
Ждите продолжения рассказа о том, как создать WordPress сайт в 2021 году.