Мы в соцсетях:

Как создать сайт на WordPress самому?

196

Дорогие посетители сайта и зрители канала «Сайт — это Легко». Рады представить вам бесплатный пошаговый курс по созданию сайтов на Движке WordPress. Все направления и замечания можете направлять в раздел «обсуждение».

Регистрируем домен и хостинг у хостинг-провайдера Timeweb

Вступление

Что бы создать сайт на WordPress самому с нуля в 2022 году не нужно обладать навыками программирования. Процесс создания сайта по нашей пошаговой инструкции займёт не более 15 минут. Успехов!

WordPress в отличии от конструкторов сайтов может реализовать любую задачу и является полноценной системой управления сайтом с огромным сообществом. На WordPress создано более миллиона шаблонов, тем, плагинов и разрешений разработчиками со всего мира. Освоить WordPress не так уж и сложно. А освоив его даже на начальном уровне вы получите огромные возможности, не сравнимые с конструкторами сайтов.

Как зарегистрировать домен и хостинг?

Нашему сайту нужен адрес (так называемый домен). К примеру, домен моего сайта — sajtexpert.ru. Так же нам нужен хостинг. Хостинг, простыми словами — это пространство, где будет располагаться наш сайт. Другим словами хостинг — облачное хранилище в сети интернет, где будут хранятся файлы сайта (картинки, статьи, базы данных и другой контент).

Регистрируемся у хостинг-провайдера

Получить домен и хостинг можно в специальном сервисе — «хостинг-провайдере». Их очень много в интернете. Крайне необходимо выбрать недорогой и качественный, что бы наш сайт работал быстро и без ошибок. Я пользуюсь хостингом «Таймвеб». Да и установку сайта будем проводить с помощью инструментов именно этого хостинга. Поэтому переходим по ссылке и начинаем регистрацию.

Для того что бы зарегистрироваться достаточно ввести свою почту и нажать кнопку «Создать аккаунт». Так же можно пройти быструю регистрацию через соцсети. После регистрации система перенаправит нас в личный кабинет. А логин и пароль придёт на почту.

Меняем тарифный план на более доступный

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

Для начала давайте подберём оптимальный тарифный план. Для этого заходим в раздел «Аккаунт», «Тариф».

По умолчанию у нас установлен Тариф под названием «Century» за 497 рублей в месяц. Данный тариф включает в себя 25 сайтов, которые вы можете расположить на хостинге. Если 25 сайтов вы делать не собираетесь можете рассмотреть и другие тарифы. Например такой как “WordPress Start”, на котором можно создать до 10 сайтов. Рекомендую оставить его, так как даже если вы не собираетесь создавать много сайтов, пускай у Вас всегда будет возможность для экспериментов, например создать какой-нибудь тестовый сайт и попробовать внедрить в него различные фишки. Если вы твёрдо решили создать один сайт, то самым доступным будет тариф “Year +”. За 255 рублей в месяц вы можете создать и разместить на хостинге один полноценный сайт на WordPress. Для смены тарифного плана нажимаем на кнопку «Сохранить изменения».

Как оплатить хостинг со скидкой используя промокод

Итак. Мы зарегистрировали хостинг. Теперь его необходимо оплатить. Существуют и бесплатные хостинги, но у них куча минусов:

реклама на вашем сайте,
низкая скорость,
отсутствие различных инструментов,
ограничения по посещаемости.

Поэтому, на мой взгляд, лучше взять недорогой, но без головной боли. Тем более, что 180 рублей в месяц — смешная плата за то, что ваш сайт будет в безопасности и работать на высокой скорости. Если вы ещё не решились оплачивать хостинг или нет, то можете воспользоваться бесплатным тестовым периодом от Timeweb. Для этого у Вас есть 10 дней.

Для зрителей канала и посетителей блога sajtexpert.ru есть два индивидуальных промокода, они перед вами на экране.

SAJTEXPERT12

1 месяц хостинга в подарок при оплате услуг за год.

SAJTEXPERT24

3 Месяца хостинга в подарок при оплате услуг за 2 года.

Вы можете оплатить хостинг на месяц, тогда его стоимость составит 255 руб./в мес. Если вы оплатите хостинг на год, то получите ряд преимуществ:

домен в подарок,
месяц хостинга в подарок (или три при оплате за два года!),
экономия около 1000 р в год!

Ниже приведены таблицы для наглядности выгод оплаты хостинг за год.

Так же если вы ещё не уверены, что будете заниматься созданием сайтов и не хотите оплачивать хостинг у вас есть бесплатный пробный период в 10 дней, за который вы можете попробовать свои силы.

Важно! Если Вы решили оплачивать хостинг на год, что бы получить месяц хостинга в подарок, необходимо ДО ОПЛАТЫ активировать промокод. Тот же принцип действует и при оплате хостинга на два года, при котором Вы получаете 3 месяца хостинга в подарок).

Что бы активировать промокод преходим во вкладку «Бонусы и промокоды». Нажимаем на кнопку «Ввести промокод». В поле вводим необходимый промокод sajtexpert12 — если хотим получить месяц хостинга в подарок sajtexpert24, для 3х месяцев бесплатного пользования хостинга.

Итак, я ввожу промокод sajtexpert12, после чего он появляется у меня в разделе «Добавленные бонусы и промокоды». Здорово! Теперь при оплате хостинга на год я смогу получить месяц бесплатного хостинга и бесплатный домен в подарок!

Переходим в раздел «Оплата».

В выпадающем окне выбираем режим оплаты на год, что бы все скидки и подарки применялись. Листаем чуть ниже, на своё усмотрение отключаем или оставляем платную функцию защитник сайтов и нажимаем кнопку «оплатить картой».

Вводим данные карты и нажимаем кнопку «Оплатить». Платежи надёжно защищены SberPay.

Регистрация домена.

Удаление технического домена

Хостинг оплачен. Теперь нам необходимо зарегистрировать домен. Таймвеб предоставляет нам так же технический домен. Если в двух словах, он нужен для всякого рода экспериментов. Мне он не подходит, так как я хочу зарегистрировать домен с более красивым и звучным названием. И если у вас хостинг с одним сайтом, то этот технический домен необходимо удалить.

Заходим в раздел «Домены», «Мои домены.» И удаляем технический домен. Будет он выглядеть примерно так вот так: «ваше имя пользователя.tw1.ru.» Для удаления нажмите на иконку с корзинкой справа.

Выбор доменной зоны и имени домена.

Отлично! Технический домен удалён! Теперь в этом же разделе нажимаем «Зарегистрировать домен».

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

Для своего сайта я выбрал вот такое название домена: «hotel-continental». В доменной зоне по умолчанию установлена зона «ru», её и рекомендую оставить. Получилось hotel-continental.ru.

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

Система перебрасывает нас к форме регистрации домена. Обязательно выбираем регистрацию на один год, что бы не оплачивать домен отдельно а оплатить его промокодом. Функцию платной защиты можете оставить на своё усмотрение. Но я чуть позже расскажу вам, как можно бесплатно защитить ваш сайт.

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

Во всплывающем окне заполняем все поля и нажимаем кнопку «Создать». Вводите свои настоящие данные! Так вы юридически закрепите собственность домена за собой!

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

Важный момент! Перед тем как нажать кнопку «Зарегистрировать домен», необходимо удостовериться, что в поле «Сумма к оплате» стоит тумблер «оплатить отдельно». Это нужно для того, что бы вы могли активировать промокод на бесплатный домен! Проверяем, что кнопка «оплатить отдельно» горит зеленым, нажимаем «Зарегистрировать домен».

Оплата домена с помощью промокода

Домен зарегистрирован. Если вы оплачивали хостинг на месяц, домен так же необходимо оплатить. Если вы оплачивали хостинг на год, я покажу вам как оплатить наш домен бонусами. Для этого заходим в раздел «Баланс и платежи», «Бонусы и промокоды».

В открывшемся окне нажимаем кнопку «Активировать» справа от нашего промо кода.

Далее жмём на ссылку с названием нашего бонуса.

Откроется всплывающее окно. В списке выбираем домен, который мы только что зарегистрировали и нажимаем кнопку «использовать бонус».

Ура, домен оплачен на целый год!

Теперь внимание! Что делать, если бонус не отображается? У меня такое было. Возможно стоит подождать, но я написал в тех поддержку с просьбой уточнить этот вопрос. Мне ответили буквально в течение пары минут, и бонус сразу появился в личном кабинете.

Итак, мы зарегистрировали домен. Посмотреть на него мы можем в разделе «Домены», «Мои домены». Давайте попробуем перейти на наш домен.

Ничего не происходит и мы можем видеть окно с ошибкой.

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

Мой домен заработал примерно через пару часов, я это понял, когда вновь перешёл по ссылке сайта из раздела «мои домены» и увидел вот такую заглушку от хостинга Timeweb:

Установка безопасного соединения

Сейчас наш сайт работает по незащищённому протоколу (http) и доступен вот по такому адресу:

Fashion

Нам необходимо, что бы сайт работал по безопасному протоколу (https) и был доступен вот по такому адресу:

httрs://hotel-continental.ru

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

А на другом сайте вы могли видеть иконку «замочек». При клике на него можно узнать, что сайт имеет безопасное подключение. Так вот это нам сейчас и нужно, сто бы наш сайт работал по защиiённому протоколу HTTPS. Так мы обеспечим безопасность данных наших посетителей.

Делается это буквально в пару кликов через панель управления хостингом. Первое что нам необходимо сделать — это заказать SSl-сертификат.

«SSl-сертификат» — это цифровой сертификат, который позволяет установить зашифрованное соединение.

Заказать SSl-сертификат можно в разделе «Домены», «SSL сертификаты». В открывшемся разделе нажимаем кнопку «Заказать сертификат».

Из списка — выбираем нижний, бесплатный. Данный сертификат выдаётся на 3 месяца, но продлится автоматически по истечении этого времени.

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

Сертификат заказан. Можете немного отдохнуть, пока установка ssl-сертификата завершится на сервере. Это займет 15–20 минут. По завершении установки вам придёт письмо на почту. Убедится в этом можно в разделе «Домены» — «SSl сертификаты». Статус сменится с «Заказан» на «Установлен».

Мы заказали SSL — сертификат. Но пока наш сайт ещё окончательно не перешёл на защищённый протокол. Окончательную настройку мы завершим чуть позже. После установки системы управления сайтом.

Установка CMS.

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

Чистка и удаление лишних файлов с хостинга.

Для этого заходим в раздел «Файловый менеджер». Далее — однократно кликаем на папку «public_html». И удаляем папку. Если у вас нет такой папки — ничего не делаем.

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

Создание сайта WordPress.

В левом углу у нас появилась кнопка «Создать новый сайт». Нажимаем на неё.

Во всплывающем окне выбираем пункт «Создать сайт на CMS».

Далее выбираем «WordPress».

В открывшемся окне жмём на кнопку «Установить приложение».

Выбираем наш домен и нажимаем кнопку «Начать установку».

По завершении установки обязательно запишите логин и пароль к вашей админ-панели.

Переводим сайт на безопасный протокол HTTPS.

Итак, что дальше? Мы установили движок. Теперь нам необходимо перевести наш вновь созданный сайт на безопасный протокол. Для этого переходим в раздел «Сайты», «Мои сайты». Слева от названия нашего домена (hotel-continental.ru) находим кнопку с настройками (она выглядит как зелёная шестерёнка) и нажимаем на неё.

Далее в открывшемся окне — включаем тумблер с безопасным соединением. Сохраняем настройки.

Из этого же раздела, пробуем перейти на наш сайт.

Если Вы по-прежнему видите заглушку хостинга Timeweb, обновите страницу с очисткой кэша. Для Chrome — это сочетание клавиш «CTRL=F5». А если Ваш браузер выдаёт ошибку о небезопасном соединении, это вполне нормально, не пугайтесь, сайт пока ещё окончательно не переведён на безопасный протокол. Выберите дополнительные настройки и перейдите на сайт. Окно предупреждения может чуть отличаться от моего. Это зависит от Вашего браузера.

Поздравляю! Вы самостоятельно создали свой первый сайт. Давайте посмотрим как он выглядит.

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

Первоначальная настройка.

После установки движка мы можем управлять сайтом через админ-панель, в которую можно войти по специальной ссылке. Сохраните так же эту ссылку или добавьте в закладки своего браузера. Выглядит она вот так: имядомена/wp-admin.

Давайте попробуем войти в админку.

Далее выскочит предупреждение о корректности почты администратора. Если email верный — нажимаем «Адрес email верен». Если хотите его поменять, нажимайте «обновить».

Мы вошли в админ панель. Состоит она из меню в левой части и основной части, где мы будем проводить большинство настроек.

Теперь перейдём в настройки и заполним название нашего сайта и краткое описание.

Так же помним, что наш сайт должен работать по защищённому протоколу, поэтому в полях «адрес WordPress» и «адрес сайта» меняем значение c http на https. Вот так:

При необходимости меняем email администратора и жмём кнопку «Сохранить изменения». Она в самом низу.

После сохранения настроек ещё раз авторизуемся в админке.

Поздравляю всех начинающих вебмастеров с созданием собственного полноценного сайта!

Один ответ

admin:
01.12.2023 в 22:03
Добрый день! Пожалуйста, задавайте вопросы и пожелания. Если вы поделитесь своим опытом, это будет бесценно для других начинающих веб-мастеров. Конструктивная критика так же приветствуется! Будьте вежливы и уважительны друг к другу.
Войдите, чтобы ответить

Добавить комментарий Отменить ответ

Для отправки комментария вам необходимо авторизоваться.