Приветствую Вас на канале студии «Profit Web».

В этом ролике Вы узнаете, как сделать сайт на WordPress c нуля. Этот видео-урок позволит начинающему сделать сайт самому от начала до конца, просто повторяя за нами!

В качестве вступления скажем, что wordpress — это самая популярная платформа для создания сайтов в мире, 43% всех сайтов в Интернете работают на платформе WordPress.

А теперь за дело. Приступаем к созданию сайта!

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

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

Все проекты нашей студии зарегистрированы и размещены у самого крупного хостинг-провайдера в России – РЕГ РУ. Это проверенный годами провайдер, который работает без сбоев. А промокод: F12F-A1CE-5C54-6F5C даст Вам 5% скидку на регистрацию домена и/или хостинга.

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

Что касается хостинга, у РЕГ РУ есть специальный раздел, для сайтов на WordPress. Если у Вас будет один сайт, то вам достаточно будет тарифа «ХОСТ А». Хостинг для WordPress 👉 https://clck.ru/dueuq

Домен и хостинг купили. Переходим к установке wordpress

Установка WordPress

Мы будем показывать установку WordPress на хостинг-провайдере РЕГ РУ. Но эта информация будет полезна всем, так как у других провайдеров этот процесс происходит аналогично.

Заходим в раздел все услуги. Здесь вы увидите свой домен и хостинг. Теперь нам необходимо привязать домен к хостингу. Кликаем на хостинг и нажимаем кнопку привязать домен и выбираем свой. Тут нам предлагают автоматически сделать все необходимые настройки. Соглашаемся, жмем подключить!

Всё! Домен подключен к хостингу.

Далее переходим в панель управления хостингом. Здесь нам нужен инструмент Autoinstall CMS.

Он позволяет установить на хостинг различное программное обеспечение. Мы выбираем соответственно «установить WordPress».

Давайте пробежимся по меню установки.
Протокол — оставляем Http, выбираем домен на который устанавливаем WordPress, в нашем случае это – строй дом инфо точка ру.
Имя и описание сайта. Можно оставить по умолчанию. В нашем случай сайт будет называться «строй дом инфо» — Описание пишем «Всё о строительстве частных домов и ремонте». Не бойтесь тут допустить ошибку, так как эту информацию всегда можно изменить потом. Далее аккаунт администратора. Тут можно задать свой логин и пароль или сгенерировать его (выбирайте на свое усмотрение). Главное сохранить эти данные, они понадобятся потом для входа в административную панель сайта. Именно там будет происходить вся работа с сайтом и его настройкой.

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

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

Создание сайта WordPress / Настройка

Адрес админ панели по умолчанию — это название сайта и еще к нему добавляем «/wp-admin» . Тут нам понадобится пароль и логин, которые мы сохранили на стадии установки. Входим и попадаем в админ панель. Вся дальнейшая работа с сайтом будет проходить здесь.

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

Но мы установим бесплатный шаблон из каталога WordPress. В админ панели выбираем Внешний вид — Темы — тут уже есть темы, которые идут по умолчанию. Мы нажимаем добавить и в поиске вводим название шаблона «Hestia».Устанавливаем и Активируем.

Переходим на сайт. Нам нравится это шаблон, он универсальный и подойдет для большинства задач. Шаблон адаптивный, будет смотреться одинаково хорошо на компьютере и смартфоне. Главная страница состоит из разделов, которые можно редактировать и настраивать под себя. Чем мы сейчас и займемся. Переходим в раздел «настроить» и начинаем менять данные установленные по умолчанию.

Меняем название, описание. У этого шаблона есть кнопка. Поменяем название на «Подробнее». Ссылку куда она будет вести, придумаем позже. Эту кнопку можно использовать, как призыв к действию, написать «Заказать» или «Купить» , а вести она будет на страницу с ваши контактами или форму заказа.
Далее меняем фоновую картинку и логотип. Текст в меню меняем на русский язык. Мы сейчас не заморачиваемся с дизайном, а просто показываем пример работы с шаблоном. Все происходит интуитивно понятно и просто.

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

У нас информационный сайт. Мы уберем не нужные нам сейчас разделы, добавим статей в блог, отредактируем контакты.

По статьям. Для работы с текстом мы установили «классический редактор» через раздел «плагины» в админ панеле. Плюс в дополнение к нему устанавливаем Advanced Editor Tools, который расширяет его функционал. Плагины, позволяют расширять стандартный функционал сайта на WordPress. Мы это сделали, так как просто привыкли работать с классическим редактором за долгие годы, ну а вы можете попробовать современный редактор. Так мы плавно перешли к теме плагинов.

Плагины WordPress

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

Yoast SEO – сразу устанавливаем этот плагин. Он добавляет функционал, который помогает правильно СЕО оптимизировать сайт.

Wordfence – обязателен к установке. Самый лучший плагин по безопасности и защите сайта.

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

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

WooCommerce – С помощью этого Плагина, вы добавите интернет-магазин на Ваш сайт. Там будет все что нужно, каталог товаров, корзина заказов и т.д.

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

Резюме

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

Мы прошли все этапы создания сайта: — регистрация домена и хостинга, установка WordPress на хостинг и настройка сайта через админ панель.

Кстати этап установки можно было пропустить. У рег ру есть предложение, с уже установленным вордпрессом, ссылка на тарифы 👉https://clck.ru/duevE. Создать сайт в таком случае становится еще проще! Всё, что нужно — выбрать шаблон и наполнить его текстом и иллюстрациями.

А так же Вы всегда можете обратиться в нашу студию за услугой по созданию сайтов, мы возьмем всё на себя, контакты все там же, в описании.

Рубрики: Статьи

0 комментариев

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

Avatar placeholder

Ваш адрес email не будет опубликован.