Создание сайта с нуля самостоятельно
Отсчет пошел, у меня есть буквально 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 очень много информации и документации в интернете.
По итогу у нас с вами получилась небольшая инструкция по созданию сайта с нуля самостоятельно, очень надеюсь, что у вас все получилось!
Если дочитали до конца – ловите краба, крепко вас обнимаю и спасибо за ваше внимание! Не забывайте тыкать на сердечко – мне будет приятно, что статья была полезна 🙂