Создание сайта с нуля самостоятельно
Отсчет пошел, у меня есть буквально 15 минут, чтобы объяснить вам как сделать сайт на wordpress максимально быстро.
Почему на wordpress?
- Наиболее популярная CMS
- Отлично продвигается и обладает всеми нужными инструментами
- Легко масштабируема и адаптивна под разные задачи.
Есть четкая последовательность действий при создании сайта с нуля:
- Выбор хостинг провайдера — рекомендую Beget.
- Покупка доменного имени и установка SSL сертификата.
- Установка WordPress.
- Закрытие сайта от индексации на момент разработки.
- Верстка — для авантюристов.
- Установка шаблона — если нужно быстро.
Обо всем по порядку.
Выбор хостинга для wordpress
Их существует великое множество, остановлюсь на том, чем пользуюсь сам в 90% случаев, без головной боли и подводных камней.
Обратите внимание, что сейчас мы будем рассматривать самый простой вариант — виртуальный хостинг, так как данная статья все же рассчитана на новичков, желающих создать сайт самостоятельно.
Beget
Это именно то, что я всегда рекомендую своим заказчикам
- Никакого навязывания услуг
- Бесплатный, автоматически SSL с покупкой домена
- Молниеносная тех. поддержка - не раз выручали в сложных ситуциях
- Посуточная оплата
- Скидка при годовой оплате хостинга
- Установка WordPress в 1 клик
- Автоматические бесплатные бекапы
- При регистрации любого тарифа вы сразу же получаете 30 дней хостинга в подарок без предоплат и прочего - то, что нам нужно
30 дней бесплатно
Скажу парочку слов и о других провайдерах, но ничего хорошего:
- Timeweb — постоянно навязывает доп. услуги, в целесообразности которых не всегда можно разобраться новичку. Неудобная панель и довольно неторопливая поддержка.
- Nic.ru — венец тихого ужаса. Даже не пытайтесь создать свой первый сайт самостоятельно с помощью этого провайдера. Услуги навязывают, отключить потом их сложно, поддержка еле шевелится и не торопиться отключать все ненужное. Крайне неудобная панель управления с постоянным навязыванием платного SSL сертификата.
- Reg.ru — Сложная установка бесплатного SSL сертификата, установить можно, но придется покопаться в инструкциях — все сделано так, чтобы продать платный. Навязывают бесполезные доп. услуги, отказаться конечно можно, но велика вероятность этого не заметить, нужно быть начеку.
Регистрация хостинга на Beget
Выбираем самый дешевый — его более чем достаточно для всех наших нужд. После того, как вы введете все регистрационные данные, вас перекинет сразу же в панель управления вашим хостингом.
Регистрация доменного имени на хостинге beget
Теперь вам нужно зарегистрировать доменное имя, для этого на главном экране панели управления хостингом кликните на пункт «Домены и поддомены» (рис. ниже).
В открывшейся странице выбираете пункт «Регистрация доменов» и выполняете все отмеченные действия, как на изображении ниже, только вместо vash-domen.ru — пишите свое название домена для вашего сайта.
Далее следуете несложным инструкциям регистрации домена и по завершении возвращаетесь назад, на главный экран панели управления хостингом — сюда.
Переходите в пункт меню «Домены и поддомены» и ждете когда напротив вашего доменного имени появится зеленый значок с галочкой — это будет означать, что SSL сертификат успешно установлен для вашего доменного имени и можно продолжать работу по дальнейшей настройке и созданию сайта с нуля самостоятельно. (изображение ниже)
Установка WordPress
Большое дело сделано, далее разберемся как сделать сайт на wordpress. Напомню, что инструкция рассчитана на новичков, поэтому будьте внимательны и у вас точно все получится!
Снова открываем стартовую страницу панели управления хостингом, и переходим в пункт «CMS» и выбираем WordPress, как показано на изображении ниже.
После этого откроется окно установщика, вам необходимо заполнить следующие поля:
- Домен по умолчанию: именно на него установится сам движок, если у вас несколько — будьте внимательны.
- Описание сайта (будет отображаться во вкладке — потом можно изменить)
- Логин для доступа в админку сайта
- Пароль для доступа в админку сайта
- Почта администратора сайта (потом можно изменить)
Ну вот и все, вы установили wordpress! ждете 5-10 минут окончания процесса установки и заходите в админку своего сайта по ссылке вида:
http://ваш-домен.ru/wp-admin/
Далее вводите логин, пароль, что указывали при установки и вот вы уже внутри административной панели вашего собственного сайта!
Закрытие сайта от индексации и HTTPS
Следующие 2 базовые вещи, которые вам нужно сделать:
- Закрыть сайт от индексации, чтобы пока вы занимаетесь его разработкой — роботы не могли его просматривать и индексировать, это позволит сохранить SEO потенциал сайта и не выкинет в поиск страницы с рыбным или техническим наполнением.
- Перейти на безопасный протокол HTTPS — сейчас, вы можете заметить, что браузер ругается на ваш сайт, что он работает в небезопасном режиме, это нужно обязательно исправить до начала работ.
ВАЖНО! — не забывайте сохранять изменения.
Установка шаблона wordpress
Итак, только что, чисто технически мы создали с вами сайт на wordpress с нуля, скорее всего вам бы хотелось облагородить его визуально.
Начнем с самого простого — установки шаблона готового сайта.
Для этого воспользуемся хорошей темой для новичков — Astra и посмотрим ее бесплатные шаблоны — здесь
Итак, мы определились с шаблонов, я вот точно один присмотрел, погнали это все дело налаживать.
- Возвращаемся в админку нашего сайта
- Находим пункт «Внешний вид»
- Выбираем подпункт «Темы»
- Нажимаем вверху «Добавить»
- В поиске вбиваем Astra или ищем ее глазами, должна быть на первых 2-х строчках.
- Наводим на нее мышкой и жмем «Установить» и затем «Активировать»
Отлично! Тему мы установили и активировали, далее давайте установим нужные нам плагины (дополнения) для того, чтобы в 1 клик импортировать шаблон и править его.
- Переходим в админку сайта
- Открываем раздел «Плагины»
- Нажимаем сверху «Добавить новый»
- В поиске вбиваем «starter templates»
- Нас интересует плагин от автора «Brainstorm Force» (Изображение снизу)
- Активируем его здесь же, либо в разделе «Плагины»
Далее переходим в раздел «Плагины» и видим наш установленный и активированный плагин «Starter Templates» — наводим на него мышку и кликаем «See Library» как показано на изображении снизу
Откроется менеджер установки, выполняем следующие действия.
- На 1 этапе кликаем «Build Your Website Now», снизу под видео.
- На 2 этапе выбираем «Elementor»
- На 3 этапе кликаем на любой понравившийся нам шаблон, мне например, приглянулся «Planet Earth», показал его на картинке ниже
После всего этого открывается мастер установки/импорта шаблона, выбираете там настройки, которые подходят именно вам — цвета, шрифты и так далее и завершаете процесс импорта, а на заключительном шаге делаете все как на картинке ниже.
Все готово, после установки шаблона на wordpress вам будет предложено взглянуть на ваш сайт и если вы все делали по инструкции, то увидите то, что импортировали, в моем случае вот это:
Как его редактировать
Чуть не забыл самое главное — шаблон то есть, но как его подогнать под свой контент? Здесь все достаточно просто.
- Переходите в админку сайта
- Открываете раздел «Страницы»
- Наводите курсор мышки на нужную вам страницу сайта и нажимаете «Редактировать в Elementor» (как показано на изображении ниже)
- Вуаля, после недолгой загрузки вы попадете в «drag and drop» редактор, далее уже дело за вами!
Если сходу сложно осилить — боюсь вам придется немного изучить инструментарий, а в частности — Elementor.
Щупайте руками, смотрите обучающие видео на YouTube — на Elementor очень много информации и документации в интернете.
По итогу у нас с вами получилась небольшая инструкция по созданию сайта с нуля самостоятельно, очень надеюсь, что у вас все получилось!
Если дочитали до конца — ловите краба, крепко вас обнимаю и спасибо за ваше внимание! Не забывайте тыкать на сердечко — мне будет приятно, что статья была полезна 🙂
