Сайты под ключ, сделанные с любовью

Как создать сайт с нуля самостоятельно

Как сделать сайт на wordpress
8 – “Нравится”
Picture of Vladimir Sergeev
Vladimir Sergeev
4 марта, 2023
7 мин.
250
Понравилась статья? Поделитесь!
VK
Telegram
WhatsApp

Оглавление

Создание сайта с нуля самостоятельно

Отсчет пошел, у меня есть буквально 15 минут, чтобы объяснить вам как сделать сайт на wordpress максимально быстро.

Почему на wordpress? 

  1. Наиболее популярная CMS
  2. Отлично продвигается и обладает всеми нужными инструментами
  3. Легко масштабируема и адаптивна под разные задачи.


Есть четкая последовательность действий при создании сайта с нуля:

  1. Выбор хостинг провайдера – рекомендую Beget.
  2. Покупка доменного имени и установка SSL сертификата.
  3. Установка WordPress.
  4. Закрытие сайта от индексации на момент разработки.
  5. Верстка – для авантюристов.
  6. Установка шаблона – если нужно быстро.

Обо всем по порядку.

Выбор хостинга для wordpress

Их существует великое множество, остановлюсь на том, чем пользуюсь сам в 90% случаев, без головной боли и подводных камней.

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

Beget

Это именно то, что я всегда рекомендую своим заказчикам 

30 дней бесплатно

Скажу парочку слов и о других провайдерах, но ничего хорошего:

  1. Timeweb – постоянно навязывает доп. услуги, в целесообразности которых не всегда можно разобраться новичку. Неудобная панель и довольно неторопливая поддержка.
  2. Nic.ru – венец тихого ужаса. Даже не пытайтесь создать свой первый сайт самостоятельно с помощью этого провайдера. Услуги навязывают, отключить потом их сложно, поддержка еле шевелится и не торопиться отключать все ненужное. Крайне неудобная панель управления с постоянным навязыванием платного SSL сертификата.
  3. Reg.ru – Сложная установка бесплатного SSL сертификата, установить можно, но придется покопаться в инструкциях – все сделано так, чтобы продать платный. Навязывают бесполезные доп. услуги, отказаться конечно можно, но велика вероятность этого не заметить, нужно быть начеку. 

Регистрация хостинга на Beget

Переходим на официальный сайт хостинга Beget – сюда.

Далее переходим в раздел “Хостинг” – “Виртуальный хостинг” – здесь.

Сейчас нам необходимо определиться с тарифом 

Выбор тарифа для создания сайта на wordpress

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

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

Теперь вам нужно зарегистрировать доменное имя, для этого на главном экране панели управления хостингом кликните на пункт “Домены и поддомены” (рис. ниже).

Инструкция по покупке доменного имени

В открывшейся странице выбираете пункт “Регистрация доменов” и выполняете все отмеченные действия, как на изображении ниже, только вместо vash-domen.ru – пишите свое название домена для вашего сайта.

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

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

Переходите в пункт меню “Домены и поддомены” и ждете когда напротив вашего доменного имени появится зеленый значок с галочкой – это будет означать, что SSL сертификат успешно установлен для вашего доменного имени и можно продолжать работу по дальнейшей настройке и созданию сайта с нуля самостоятельно. (изображение ниже)

Проверка наличия SSL сертификата на Beget

Установка WordPress

Большое дело сделано, далее разберемся как сделать сайт на wordpress. Напомню, что инструкция рассчитана на новичков, поэтому будьте внимательны и у вас точно все получится!

Снова открываем стартовую страницу панели управления хостингом, и переходим в пункт “CMS” и выбираем WordPress, как показано на изображении ниже.

Установка wordpress на хостинге

После этого откроется окно установщика, вам необходимо заполнить следующие поля:

  1. Домен по умолчанию: именно на него установится сам движок, если у вас несколько – будьте внимательны.
  2. Описание сайта (будет отображаться во вкладке – потом можно изменить)
  3. Логин для доступа в админку сайта
  4. Пароль для доступа в админку сайта
  5. Почта администратора сайта (потом можно изменить)
Последний этап установки wordpress

Ну вот и все, вы установили wordpress! ждете 5-10 минут окончания процесса установки и заходите в админку своего сайта по ссылке вида:

http://ваш-домен.ru/wp-admin/

Далее вводите логин, пароль, что указывали при установки и вот вы уже внутри административной панели вашего собственного сайта! 

Закрытие сайта от индексации и HTTPS

Следующие 2 базовые вещи, которые вам нужно сделать:

  1. Закрыть сайт от индексации, чтобы пока вы занимаетесь его разработкой – роботы не могли его просматривать и индексировать, это позволит сохранить SEO потенциал сайта и не выкинет в поиск страницы с рыбным или техническим наполнением.
  2. Перейти на безопасный протокол HTTPS – сейчас, вы можете заметить, что браузер ругается на ваш сайт, что он работает в небезопасном режиме, это нужно обязательно исправить до начала работ.


ВАЖНО! – не забывайте сохранять изменения.

Запрет индексации сайта на wordpress
Переход на безопасный HTTPS протокол

Установка шаблона wordpress

Итак, только что, чисто технически мы создали с вами сайт на wordpress с нуля, скорее всего вам бы хотелось облагородить его визуально. 

Начнем с самого простого – установки шаблона готового сайта. 

Для этого воспользуемся хорошей темой для новичков – Astra и посмотрим ее бесплатные шаблоны – здесь

Итак, мы определились с шаблонов, я вот точно один присмотрел, погнали это все дело налаживать.

  1. Возвращаемся в админку нашего сайта
  2. Находим пункт “Внешний вид”
  3. Выбираем подпункт “Темы”
  4. Нажимаем вверху “Добавить”
  5. В поиске вбиваем Astra или ищем ее глазами, должна быть на первых 2-х строчках.
  6. Наводим на нее мышкой и жмем “Установить” и затем “Активировать”

Отлично! Тему мы установили и активировали, далее давайте установим нужные нам плагины (дополнения) для того, чтобы в 1 клик импортировать шаблон и править его.

  1. Переходим в админку сайта
  2. Открываем раздел “Плагины”
  3. Нажимаем сверху “Добавить новый”
  4. В поиске вбиваем “starter templates”
  5. Нас интересует плагин от автора “Brainstorm Force” (Изображение снизу)
  6. Активируем его здесь же, либо в разделе “Плагины”
Установка дополнений с шаблонами Astra

Далее переходим в раздел “Плагины” и видим наш установленный и активированный плагин “Starter Templates” – наводим на него мышку и кликаем “See Library” как показано на изображении снизу

Инструкция по установке шаблона для сайта на wordpress

Откроется менеджер установки, выполняем следующие действия.

  1. На 1 этапе кликаем “Build Your Website Now”, снизу под видео.
  2. На 2 этапе выбираем “Elementor”
  3. На 3 этапе кликаем на любой понравившийся нам шаблон, мне например, приглянулся “Planet Earth”, показал его на картинке ниже
Выбор шаблона сайта

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

Заключительный этап установки шаблона для сайта на cms wordpress

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

Готовый сайт на WordPress

Как его редактировать

Чуть не забыл самое главное – шаблон то есть, но как его подогнать под свой контент? Здесь все достаточно просто.

  1. Переходите в админку сайта
  2. Открываете раздел “Страницы”
  3. Наводите курсор мышки на нужную вам страницу сайта и нажимаете “Редактировать в Elementor” (как показано на изображении ниже)
  4. Вуаля, после недолгой загрузки вы попадете в “drag and drop” редактор, далее уже дело за вами! 

Если сходу сложно осилить – боюсь вам придется немного изучить инструментарий, а в частности – Elementor.

Щупайте руками, смотрите обучающие видео на YouTube – на Elementor очень много информации и документации в интернете.

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

Если дочитали до конца – ловите краба, крепко вас обнимаю и спасибо за ваше внимание! Не забывайте тыкать на сердечко – мне будет приятно, что статья была полезна 🙂

8 – “Нравится”
VK
Telegram
WhatsApp

Похожие материалы

Остались вопросы или нужна помощь?

Оставьте заявку и я свяжусь с вами в ближайшее время и отвечу на все вопросы. Я не кусаюсь :)

Пишите в мессенджеры, отвечаю в течение 15 минут.

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

Оставьте заявку

Перезвоню вам в течение 10 минут в рабочее время