Сколько стоит создать сайт на WordPress самому — пошаговая инструкция

Как самому создать сайт/блог на Wordpress Web
Как самостоятельно без программиста, без написания кода, за пять простых шагов, создать сайт/блог на wordpress? Простая, понятная для новичка инструкция...

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

Почему WordPress – приведу несколько причин, чтобы его использовать для сайта или блога

WordPress — самая распространенная CMS, на сегодняшний день. Статистику популярности движка WordPress можно посмотреть у независимого агентства Web Technology Surveys. На данное время, когда писалась эта статья она выглядит так: WordPress используют 42,3% всех веб-сайтов, что составляет 65,2% рынка систем управления контентом. А вот главные причины такого его успеха:

  • CMS WordPress — бесплатный движок

Он распространяется по открытому лицензионному соглашению (GNU GPL). Эту CMS можно свободно использовать, даже включая коммерческие цели

  • У CMS — неограниченные возможности

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

  • Гибкая настройка функционала и внешнего вида

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

  • Простое администрирование

Работа с движком WordPress не требует каких-либо специальных знаний многое понятно на интуитивном уровне

  • Можно быстро создать сайт и публиковать контент

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

Содержание статьи
  1. Шаг №1: определяемся с темой будущего сайта
  2. Шаг №2: выбираем домен, хостинг и регистрируем
  3. Выбираем домен 
  4. Выбираем домен по принципу:
  5. Проверяем домен на занятость:
  6. Проверяем историю домена
  7. Хостинг — важно
  8. Выбираем хостинг 
  9. Оплата услуг хостинга
  10. Приступаем к регистрации домена
  11. Настраиваем и создаем администратора
  12. Создаем нового администратора
  13. Шаг №3: подготовка хостинга перед установкой движка WordPress 
  14. Наводим порядок на хостинге
  15. Вкладка«Домены и поддомены»
  16. Вкладка «Сайты»
  17. Вкладка «Файловый менеджер»
  18. Установим SSL-сертификат
  19. Зачем устанавливать SSL-сертификат
  20. Шаг №4: установка движка WordPress 
  21. Шаг №5: делаем первоначальные настройки движка WordPress 
  22. Как зайти в панель управления сайта
  23. Проведем необходимые обновления
  24. Открываем в консоли вкладку «Настройки»
  25. Настройки — Общие
  26. Настройки — Написание
  27. Настройки — Чтение
  28. Настройки — Обсуждение
  29. Настройки —  Медиафайлы
  30. Настройки — Постоянные ссылки
  31. Настройки — Приватность
  32. Открываем в консоли вкладку «Внешний вид»
  33. Внешний вид — Темы
  34. Внешний вид — Настроить
  35. Приведу пример, настроек темы Astra
  36. Внешний вид — Виджеты
  37. Внешний вид — Меню
  38. Создание страниц
  39. Открываем в консоли вкладку «Плагины»
  40. Установка плагинов
  41. Необходимые плагины для сайта
  42. Установка файла «robots.txt»
  43. Переходим в консоли на вкладку «Записи»
  44. Добавить новую
  45. Рубрики
  46. Метки

Шаг №1: определяемся с темой будущего сайта

Чтобы правильно выбрать тему, желательно примерно ориентироваться в этих направлениях:

  1. Создавайте проект в том, в чем вы хорошо разбираетесь или может даже эксперт
  2. Еще можно взять тему ориентируясь на то-что вам интересно и вы хотите стать в ней экспертом
  3. В общем выбор темы сайта, это первая и ответственная ваша задача

В помощь для поиска идей, можно посмотреть рейтинги и каталоги сайтов:

  • Рейтинг качественных проектов от Яндекса
  • Рейтинг  HYPERLINK «https://www.liveinternet.ru/rating/ru/» HYPERLINK HYPERLINK
  • Рейтинг Рамблер

Шаг №2: выбираем домен, хостинг и регистрируем

Выбираем домен 

Давайте сначала подберем домен (доменное имя) — это будет адрес вашего сайта, по нему посетители будут заходить на ваш сайт, блог. У меня сайт называется «KUZNICA — WEBA», а доменное имя (домен — адрес сайта) web-forgensk.ru переводится тоже как «веб-кузница».

Выбираем домен по принципу:

  • Слово чем короче, тем лучше
  • Если выбранный домен занят, добавьте цифры, буквы или тире. Например, у меня было так: я хотел взять домен web-forge.ru он оказался занят, пришлось добавить nsk
  • Лучше домен подбирать на английском

Проверяем домен на занятость:

Проверяем занятость домена здесь: https://timeweb.com/ru/services/domains/

Вписываем свой вариант в поле (показано на скриншоте) и жмем «Проверить домены»

Домен занят

Видим, домен занят (в моем примере добавляю prk и проверяю)

Домен свободен

Все готово! Мы выбрали свой домен и видим сколько он будет стоить (179 руб.). Но пока с ним ничего не делайте а просто скопируйте «имя домена» к себе в блокнотик. И переходим к проверке его истории.

Проверяем историю домена

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

Предлагаю сделать проверку на примере, такого домена https://grigorich8.ru

Достаточно проверить буквально двумя методами:

  1. Проверим через сервис https://web.archive.org

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

Проверка через сервис

2. Давайте проверим еще через поисковик

Вводим имя своего домена в поисковую строку браузера и получаем:

Проверка через поисковик

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

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

Хостинг — важно

Хостинг — это хранилище всех файлов и баз данных сайтов

Обычный хостинг:

Share хостинг, подходящий вариант хостинга для новых проектов, потому что:

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

Постепенно трафик сайта растет. А когда перевалит за 1000 посетителей в сутки, придется либо переходить на тариф подороже, либо переносить сайт на VDS/VPS хостинг. Если у вас есть такая возможность и желание, то можете сразу купить VDS/VPS хостинг. В будущем не будете заморачиваться с переносом сайта.

Когда у вас не коммерческий проект и вы хотите просто делиться фотографиями или вести свой дневник, например, боксера. То вам не обязательно платить за хостинг, а можете воспользоваться бесплатной платформой wordpress.com. Но если вы создаете коммерческий проект и планируете в дальнейшем зарабатывать на нем, непременно надо выбирать платный хостинг.

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

Что, нам дает выделенный IP адрес — это значит сайт наш будет находиться на индивидуальном (единоличном) IP адресе. А так наши сайты на хостинге имеют один IP адрес для нескольких сайтов, их может быть и 100, и 300. Количество их зависит от хостинга.

В итоге, если какой-нибудь сайт использует запрещенную информацию или спам и т.д. То заблокируют все сайты находящиеся на этом IP адресе. Вывод делаем какой? Если хотим успешно продвигать свой проект, то выделенный IP адрес просто необходим… Конечно придется доплачивать хостингу какую-то сумму за выделенный IP адрес.

Выбираем хостинг 

Советую выбрать хостинг «timeweb» или «beget», материал статьи буду писать на примере, хостинга «timeweb».

Приступим: Заходим на сайт https://timeweb.com/ru/

Хостинг Timeweb

 Откроется страница, здесь нам надо выбрать тарифный план. Можете выбрать самый первый «Year+» если в планах разместить только один сайт. Но я бы рекомендовал выбрать тариф «Optimo+» он подороже, но у него и больше преимуществ.

Дальше мы еще будем разбирать как создать на своем домене, поддомен. На созданном поддомене можно будет потренироваться с настройками сайта. А затем уже перейти в основной и уже как говорится «с набитой рукой» создать классный сайт. И на тарифе «Optimo+» в дальнейшем можно создать еще восемь сайтов.

Тарифные планы

Вверху в поле «показано на скриншоте» выберите на какой срок будите  оплачивать хостинг: Оплата за 1 год или Оплата за 1 месяц. Какую оплату выберите, такая сумма будет выведена в панели управления хостинга, после регистрации. Останется только потом там оплатить.

Нажимаем «начните бесплатно» откроется окно где вводим свои данные для регистрации:

P.S. — хостинг дает десять дней бесплатного тарифа, т.е. можно оплатить через десять дней. Но мы будем разбирать оплату сразу. Оплачивать можно на месяц, но лучше сразу на год, получается хорошая экономия ваших денежных средств.

Заполняем регистрацию
  1. Вводим ФИО (вводим только реальные свои данные)
  2. Ваш E-mail — адрес электронной почты
  3. Кликните по строчке (У меня есть код партнёра «только цифры«) выйдет поле
  4. Где попрошу вас ввести код партнера 78297 — это мой код. Для вас это ничего не будет стоить (сумма останется прежней) а мне упадет хоть какая-то копеечка за труд
  5. Жмем кнопку — «СТАТЬ КЛИЕНТОМ»

Внимание! Если вы кликнули по строке  «Я хочу указать свое имя пользователя» и у вас открылось пустое поле. Не заполняйте в нем ничего! В дальнейшем система сама с генерирует вам «имя пользователя». Чтобы потом не запутаться, оставьте поле пустым.

Оплата услуг хостинга

Все сделали правильно, заходим на почту которую указали при регистрации. Открываем письмо от хостинга, в нем будут данные (логин и пароль) для входа в вашу админку.

Заходим с помощью полученных логина и пароля в панель управления хостингом:

  1. Вошли, сразу на главной опускаемся вниз до пункта «Оплата услуг» и кликаем, нам откроется вот такая страница (см. скриншот)
  2. Жмем на кнопку «Оплатить»
Оплата услуг

Открывается страница для оплаты:

Выбираем способ оплаты
  1. На какой срок выбран тарифный план
  2. Сумма к оплате (за год)
  3. Под номером три, стрелочкой показано, что надо переключить бегунок в сторону выключить (и сумма уйдет в ноль — вам это оплачивать не надо)

P.S. — Защиту сайта установим свою, бесплатную, если пожелаете платную , то в 2,5 раза дешевле чем нам предлагает хостинг.

4. Сумма в пункте №4 поменяется на ту которая в пункте №2 на (2 544)

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

6. Здесь тоже сумма изменится (все будет как на скриншоте ниже)

Бонус.  При оплате тарифа хостинга за 1 год, вы получаете домен в зоне .ru в подарок! Плюс еще экономия (179 руб.)

Производим настройку оплаты

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

Переходим к оплате

1. В чекбоксе  поля — Привязать карту для автоматического пополнения баланса, можно галочку снять или оставить, по желанию

1.1. Если галку оставляем — то баланс при приближении его  к нулю будет пополняться списанием с карты автоматически (карту можно отвязать в любое время)

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

2. Кликаем по кнопке «Перейти к оплате» нас перебрасывают на форму оплаты

Заполняем форму оплаты
  1. Заполняем форму оплаты
  2. Жмем «Оплатить»
  3. К вам придет на телефон код подтверждения платежа, останется ввести этот код и подтвердить оплату
Оповещение — «Услуги оплачены»

Открывается окно с подтверждением успешной оплаты услуги (закрываем окно нажав на «ХОРОШО»)

Здесь можно отвязать карту

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

Оплатили, все хостинг теперь готов к работе, и вот сейчас пришло время регистрации домена.

Приступаем к регистрации домена

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

В главном меню находим и по клику открываем страницу «Бонусы и промокоды»

Бонусы и промокоды

Жмем! По кнопке «Активировать» и активировать  поменяется на «Доступен»

Теперь заходим в «Домены и поддомены» на главном экране хостинга

Домены и поддомены

На открывшейся странице в блоке «Список доменов» будет отображаться технический домен (не пугайтесь мы его потом удалим)

А нам надо кликнуть по пункту «Зарегистрировать домен»

Регистрируем домен

Открывается страница с полем для ввода нашего домена, вписываем свой домен который мы выбрали/проверили раньше и жмем «Зарегистрировать»

На сумму 179 руб. не обращайте внимания, мы его сейчас получим в подарок (бонусом), так как оплатили хостинг за год.

Регистрируем домен

Настраиваем и создаем администратора

  1. Проверьте чтобы был указан ваш домен
  2. В поле «Защитить сайт с помощью SSL Timeweb Pro» снимаем галочку в чекбоксе (ниже разберем подключение бесплатного сертификата)
  3. Кликните прямо по надписи «Сумма к оплате»
  4. Откроется всплывающее меню, в нем кликните по «Оплатить бонусом»
  5. И сумма к оплате изменится на 0 рублей
  6. Но мы видим, что кнопка «Зарегистрировать домен» остается не кликабельной
  7. Чтобы зарегистрировать домен, нам надо создать администратора нашего домена. Для этого кликаем по кнопке «Создать администратора»
Настройка и оплата заказа

Создаем нового администратора

! Заполняем все поля своими фактическими данными

Создание нового администратора

Проверьте, чтобы все было заполнено корректно, потому-что домен будет принадлежать вам.

После того как все заполнили/проверили, нажимаем кнопку «Создать»

Выйдет сообщение «Персона администратора успешно создана», остается нажать «ОК»

  1. Обязательно еще раз все проверьте
  2. Сумма к оплате показывает 0 рублей
  3. Снять галочку или оставить, по желанию
  4. Теперь кнопка «Зарегистрировать домен» стала кликабельна
Проверьте свои данные

Нажимаем на «Зарегистрировать домен»

Система нас просит немного подождать, и вуаля, мы на странице домены и поддомены

Здесь видим, что «Отправлен запрос на регистрацию», и рядом о том, что домен «Оплачен»

Удаляем тех.домен

Заходя в интернет по своему доменному имени, вы какое-то время будете видеть сообщение «Не удается получить доступ к сайту». Поэтому наберитесь терпения!

! Регистрация домена может занимать до 24 часов, но не факт, обычно все происходит гораздо раньше

Шаг №3: подготовка хостинга перед установкой движка WordPress 

Вкладка«Домены и поддомены»

Проверяем оплату
  1. Удаляем технический домен, нажимаем на корзину и подтверждаем удаление
  2. Проверяем оплату: должно быть написано «Оплачен» и до какой даты
Должен остаться только ваш домен

После удаления технического домена, на странице «Домены и поддомены» должен остаться только ваш домен (как на скриншоте)

Вкладка «Сайты»

Вкладка Сайты

Здесь удаляем сайт, который мы не создавали:

  1. Сначала нажимаем на «Отвязать домен» подтверждаем удаление в всплывшем окне
  2. Теперь нажимаем на «Красный квадратик» и тоже подтверждаем удаление

Вместо удаленного сайта должен появиться текст «Пока вы не добавили ни одного сайта»

Вкладка «Файловый менеджер»

Файловый менеджер

Файл bash_history это системный файл, его мы не трогаем

А папку pablic_html нам надо удалить, для этого кликнем по ней и она выделится желтым цветом

Удаляем папку pablic_html

Далее кликаем по кнопке «Файл» в выпавшем меню спускаемся вниз, нажимаем «удалить» и подтверждаем удаление.

! Еще зайдите во вкладку «Базы данных MySQL» там должен быть такой текст (Список созданных баз данных (общий размер: 0,00 МБ)). Если присутствуют какие-то файлы удалите, выше описанным способом. У меня ни каких файлов нет поэтому скриншот не показываю.

Установим SSL-сертификат

Это лучше сделать перед установкой WordPress, чтобы не получить впоследствии такой проблемы как «смешанный контент». Объясним, что это такое: когда некоторые файлы сайта будут открываться по http:// а не по https://  и браузер вынужден будет ругаться, пока не исправим эту ошибку.

Зачем устанавливать SSL-сертификат

SSL сертификат прежде всего обеспечивает и показывает безопасное соединение при входе посетителя на сайт. Теперь эта настройка стала обязательна, чтобы ваш сайт считали безопасным как поисковые системы так и посетители. Установив сертификат  ваш сайт будет доступен по ссылке https://, а не просто http://

Мы установим бесплатный сертификат Let’s encrypt. Он практически ничем не отличается от платного. Установим а впоследствии обновлять его будет сам хостер. Пожелаете установить платный, он обойдется вам примерно в 2000 руб./ год, и его нужно будет обновлять.

 В главном меню находим вкладку «SSL-сертификаты» заходим туда и нажимаем на «Заказать»

SSL — сертификат

Откроется страница на ней ищем строчку «Больше SSL-сертификатов» и рядом галочка, кликаем по галочке.

Больше SSL — сертификатов

Дополнительно откроются еще два доступных сертификата. Среди них нужный нам, SSL  Let’s Encrypt Бесалатно / 3 месяца, кликаем по нему.

SSL Let’s Encrypt

На открывшейся странице, надо произвести некоторые действия:

Пункт №1: здесь будет отображаться имя вашего домена. В будущем по мере создания еще доменов или поддоменов, при нажатии в этом поле на треугольник, откроется выпадающее меню где можно будет их выбирать.

Пункт №2: здесь ползунок надо перевести в положение «Выключено», как всегда хостинг предлагает какие-то дополнительные услуги. Нам этого не надо, справимся самостоятельно.

Пункт №3: здесь нажимаем кнопочку «Заказать».

Жмем заказать

После проведения вышеперечисленных действий, ждем положительного результата по подключению SSL-сертификата к вашему домену. Должно прийти на почту письмо с оповещением о подключении SSL-сертификата. Пока сертификат устанавливается, займемся установкой движка WordPress.

Шаг №4: установка движка WordPress 

В главном меню хостинга открываем вкладку «Каталог CMS». Находим здесь движок WordPress и кликаем по нему.

Каталог CMS

В открывшемся окне жмем на «Установить приложение», появляется системное сообщение «Пожалуйста, подождите».

Установить приложение

Затем появляется окно, где видим:

  1. Левая стрелка в пункте №1 — показывает на тестовый домен, он нам не нужен. Поэтому идем по правой стрелки к маленькому квадрату и видим в нем треугольник. Вот на этот треугольник кликаем, и в выпавшем меню выбираем свой домен.
  2. Стрелки в пункте №2 — показывают сайт и базу данных от тестового домена. Когда мы выберем свой домен (действием описанным выше), то сайт и база данных тестового домена заменяется на данные от нашего домена. Их надо скопировать к себе в блокнот.
  3. В пункте №3 должно быть включено «Новая».
  4. После проделанных действий жмем кнопку «Начать установку».
Начать установку

Видим процесс установки приложения, установка проходит очень оперативно, и появляется окно с сообщением «Приложение успешно установлено».

Окно с реквизитами (скопируйте их)
  1. Из пункта №1 — скопируйте логин и пароль к себе в блокнот, с помощью их вы будете входить в админку управления сайтом т.е. wordpress. Дополнительно они еще придут к вам в письме на вашу почту.
  2. Кликните «Перейти к приложению» вам откроется страница входа в админку управления сайтом. Скопируйте адрес ссылки с адресной строки к себе в блокнот, там где у вас все логины и пароли.
  3. Нажимаем на «Перейти к сайту» и если регистрация домена завершилась (dns-сервера прописались) то откроется ваш сайт. Правда это будет только его оболочка. Чтобы привести его в рабочее состояние, надо проделать еще достаточно настроек.
  4. Пункт №4 говорит о том, что вам на почту отправлены реквизиты.

Теперь если сайт наш открывается, давайте зайдем во вкладку «Сайты» главного меню хостинга и включим в работу SSL-сертификат.

Для этого нажмем на зеленую шестеренку, как показано на скриншоте:

Сайты

Открывается окно, здесь нам надо:

  1. В поле «Использовать безопасное соединение https://» бегунок переводим в положение «вкл».
  2. Поле под №2 я пометил на тот случай, когда wordpress попросит поставить более новую версию PHP, то это надо делать здесь. Нажимаем на треугольник, выбираем более раннюю версию, подтверждаем.
Настройки

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

Шаг №5: делаем первоначальные настройки движка WordPress 

Как зайти в панель управления сайта

Для входа в панель управления сайта, надо ввести в адресную строку браузера, вот такую конструкцию: http://ВАШСАЙТ(доменноеимя)/wp-admin.php

А если нам подключили SSL-сертификат, то приписываем еще s получится https://

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

Ввели логин и пароль, жмем «Войти» и заходим в панель управления WordPress своего сайта.

Здесь (см. скриншот ниже) давайте закроем и свернем вкладки, чтобы страница выглядела компактней.

Консоль WordPressa

Вот так:

Консоль главная
  1. Стрелка под цифрой (1) показывает, что нам доступны 5 обновлений, при клике на стрелочки откроется страница где сделаем необходимые обновления.
  2. Стрелкой под цифрой (2) обозначен пункт «Требуется обновление PHP» его можно обновить на хостинге там где мы включали SSL-сертификат. Можно проскроллить статью немного вверх и вспомнить где это было.

Проведем необходимые обновления

Обновления

1. В первую очередь обновим WordPress, нажимаем на кнопку «Обновить сейчас» и ждем пока обновится.

WordPress обновится, нажимаем опять на стрелочки, и переходим к Плагинам.

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

Плагины обновились, опять нажимаем на стрелочки, переходим к темам:

3. «Позиция 4» — «Обновить темы» обновляем тем-же способом, как обновляли плагины.

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

Открываем в консоли вкладку «Настройки»

Настройки — Общие

Настройки — Общие
  1. В поле «Название сайта» вписываем название своего сайта, хорошо если будет совпадать с именем домена.
  2. В поле «Краткое описание» напишем о чем наш сайт, какую пользу несет посетителю, используем ключевые слова по своей теме.
  3. В полях «Адрес WordPress (URL)» и «Адрес сайта (URL)» должны совпадать, если уже подключен «SSL-сертификат» то в обоих полях добавляем s. Чтобы адрес начинался https:// а не http://.
  4. В поле «Административный адрес email» будет вписан адрес вашей электронной почты, на которую приходили все письма от хостинга.

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

Настройки — Написание

В этой настройке ничего не меняю, оставляем по умолчанию.

Настройки — Чтение

Настройки — Чтение

«На главной странице отображать» — здесь выберите и отметьте в круглом чекбоксе, что хотите показать на главной странице. Последние записи (анонсы статей — друг за другом) или статическую страницу (главная страница сайта). У меня выбран второй вариант. В полях «Главная страница» и «Страница записей» выбор, что показывать сделаете позже, когда создадите главное меню в шапке сайта.

Настройки в позициях — 2, 3, 4, 5 поставьте как на скриншоте, число записей (2) можете выбрать свое, по желанию. «Видимость для поисковых систем» — если стоит галочка, снимите (5).

Все жмем (6) «Сохранить изменения».

Настройки — Обсуждение

Настройки — Обсуждение

Настройки — «Обсуждение» выставьте все как на скриншоте, лучше одобрять комментарии вручную. Чтобы избегать попытки прорекламировать свой сайт на вашем сайте/блоге. Поэтому их надо либо изменять, либо удалять, перед тем как они будут опубликованы. После всего жмите по кнопке «Сохранить изменения».

Настройки —  Медиафайлы

Настройки — Медиафайлов

Выставьте в позиции (1) все значения на 0. Потому что с каждой загруженной картинкой WordPress, будет создавать еще три копии с разными размерами. А нам этого не нужно, чтобы занимало место на хостинге. Жмем (2) «Сохранить изменения».

Настройки — Постоянные ссылки

Настройки — Постоянные ссылки

Здесь включим вариант «Название записи» (1) и подтвердим изменения (2). Этот вариант будет отображать в адресной строке браузера, только адрес вашего домена и название статьи. Ничего лишнего, что для поискового робота наилучший вариант.

Важно: надо установить плагин Cyr to Lat enhanced — для транслитерации символов с русских на латиницу.

Чтобы установить плагин, нажимаем в консоли вкладку «Плагины» в выпавшем меню выбираем «Добавить новый». На открывшейся странице в верхнем правом углу находим поле для ввода «Поиск плагинов». В этом поле пишем название нашего плагина Cyr to Lat enhanced.

На открывшейся странице находим нужный нам плагин, он выглядит вот так (см. скриншот (1), нажимаем «Установить» (2), а затем «Активировать». Все теперь нам не надо будет делать перевод ссылок вручную.

Устанавливаем плагин Cyr to Lat enhanced

Настройки — Приватность

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

По мнению Роскомнадзора, такой документ обеспечивает прозрачность процессов обработки данных. Политику конфиденциальности можно сгенерировать и на сервисах как на платных, так и на бесплатных. Когда подготовите страницу с политикой, надо будет добавить ссылку на нее в подвал (футер) сайта.

Открываем в консоли вкладку «Внешний вид»

Внешний вид — Темы

На что обратить особое внимание при выборе шаблонов:

  1. Как отображается лента статей
  2. Как выглядит отдельная статья
  3. Наличие сайдбара (боковая колонка)
  4. Последнее обновление шаблона
  5. Прочитать документацию (при наличии)
  6. Немало важен внешний вид — Темы

Бесплатный шаблон устанавливайте только через админ панель «Внешний вид» — «Темы». Если скачать со стороннего интернет ресурса, большой шанс поймать вирус.

Рекомендую использовать платные шаблоны, в платных шаблонах больше настроек. И сайт можно сделать максимально удобным. Средний ценник за хороший шаблон примерно, 2500-3000 руб.

При установке платного шаблона, обратите особое внимание на отзывы тех кто уже приобрел данную тему.

Считаю лучшей связкой шаблон Reboot и конструктор Elementor, для сайтов любых форматов.

Но если вы на первых порах не хотите начать с платного шаблона, то можете выбрать бесплатный вариант. Выбрать бесплатный шаблон можно на официальном сайте https://ru.wordpress.org/themes/

Лучший вариант взять платный шаблон, рекомендую шаблоны от WP Shop.

Главные преимущества шаблонов от WP Shop:

  • Разработка шаблонов русскоязычными ребятами
  • Панель администратора на русском языке
  • Идеальный вариант для блога или сайта на WordPress
  • На сегодня это лучшее решение для быстрого старта

Установка темы

Чтобы установить шаблон, находим в консоли вкладку «Внешний вид» нажимаем, в открывшемся меню выбираем «Темы» жмем «Добавить» (1).

Выбор Темы

Откроется страница с темами от WordPress:

В первом (1) поле можно походить по вкладкам, посмотреть какие там темы.

Второе (2) поле показывает, когда наведем курсор на тему, будет выходить такое сообщение (как на скриншоте). Кликнув по нему можно ознакомиться с описанием и посмотреть тему в режиме демонстрации.

Третье (3) поле информирует, выбрали тему (шаблон) нажимаем кнопку «Установить» после установки жмем «Активировать».

В четвертом (4) поле если знаете название какой-то темы можно вбить сюда. Либо найти определенной тематики например, вбить «Russian» и т.д.

Установка темы

Если устанавливаете в зип архиве например, купленную, то кликаем по кнопке «Загрузить тему» (1), откроется меню (2) с кнопками.

Кнопка (3), при клике на «Выберите файл» откроется проводник, где выберите свой скачанный и сохраненный архив и жмем «Открыть» (в проводнике).

Когда архив загрузится, его данные отобразятся в поле (4), нам остается нажать кнопку «Установить» (5) и затем «Активировать».

Загрузить тему

Все тему выбрали, установили и активировали, переходим к настройки.

Внешний вид — Настроить

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

Зашли в настройки там уже разбираемся интуитивно, либо методом тыка. Можно поискать инфу по вашей теме на просторах интернета, если такова имеется там. А мы досконально разберем платную тему Reboot в отдельной статье.

Поэтому если заинтересованы, подписывайтесь, чтобы не пропустить ценную информацию.

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

Приведу пример, настроек темы Astra

Пункт (1) показывает меню настроек, при клике на выбранную позицию, откроется выпадающее меню с настройками.

Под пунктом (2) обозначено главное меню, его вы создаете сами из своих потребностей.

Правый сайдбар или боковая панель сайта (3), есть темы с двумя сайдбарами левым и правым. Настройку сайдбаров проводим с помощью виджетов.

Пример настроек темы Astra

А если во вкладке «Внешний вид» кликаем по названию темы «Опции Astra», то открываются вот такие настройки темы, где можно:

  1. Поочередно открыть разделы для настройки.
  2. Показывает какие возможны дополнительные настройки с версией Pro, если приобрести.
  3. Информирует какие установить плагины, для расширенных возможностей темы.
Внешний вид

Вот некоторые обобщенные настройки тем:

  1. Создаем главное меню сайта
  2. Прописываем заголовок сайта
  3. Прописываем описание сайта
  4. Устанавливаем логотип сайта
  5. Устанавливаем иконку сайта
  6. Выбираем шрифт и его размер для заголовков и текста
  7. Выбираем основные цвета для элементов и шрифтов сайта
  8. Настраиваем подвал сайта (футер)

Внешний вид — Виджеты

Виджет — это, небольшая программа с графическим отображением информации (в виде кнопки, окна, вкладки и т.п.).

Зачем нужны виджеты:

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

Устанавливаем виджеты:

На скриншоте пункт (1) показывает базовые, доступные виджеты  данной темы. Пункты (2, 3, 4) показывают области в которые эти виджеты можно установить. Захватываем мышкой нужный нам виджет и перетаскиваем его в ту область где мы хотим, чтобы он отображался на сайте.

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

Виджеты

С последним обновлением WordPress, страница с виджетами теперь выглядит вот так (1). Но есть возможность вернуться к старой раскладке, которую разобрали выше.

Новый вид страницы виджетов 1

(1) Раскрываем поле, куда будем перетаскивать виджеты (6). Нажимаем на + (2) откроется библиотека с виджетами (4), поднимая библиотеку вверх с помощью полосы прокрутки  (3) открываем еще доступные виджеты. И при помощи мышки так же перетаскиваем в нужное нам место (5).

Новый вид страницы виджетов 2

Внешний вид — Меню

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

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

Главная — сразу понятно, что она ведет на главную страницу сайта;

Об авторе или Обо мне — страница на которой рассказываете о себе и своем сайте;

Блог — пункт который делаем если на главной странице отображается не лента статей. а лендинг;

Почти всегда в конце меню ставят:

Контакты — страница с информацией для связи с вами;

Теперь, чтобы далее настраивать меню, сначала давайте создадим страницы из которых оно и будет состоять.

Создание страниц

Для этого в консоли открываем вкладку «Страницы» — «Добавить новую».

Добавление страницы

Откроется страница где в поле «Добавить заголовок» прописываем название будущей страницы.

Добавить заголовок

После введения названия заголовка, активируется окно «Опубликовать». Нажмите на него а затем еще раз нажмите «Опубликовать» (в общем два раза).

Опубликовать

По аналогии проделайте эти операции для каждой создаваемой страницы, запланированных  для вашего сайта.

Настраиваем меню

Меню настраивается во вкладке «Внешний вид »«Меню»

Задаемв (поле — 1) название для меню (в моем случае заданоГлавное меню). Из списка (поля — 2) выберите группу, из перечня названий которых, будет состоять ваше меню. Это могут быть: страницы, рубрики, записи и т.д. из списка (у меня выбраны — Страницы) из которых будет состоять меню. Их мы уже знаем как создавать.

В (поле — 3, «Добавьте элементы меню») у нас выбрана группа «Страницы» и раскрыт перечень названий (4) которые входят в данную группу. Здесь (4) в чекбоксах отмечаем какие страницы будут отображаться в нашем меню. После жмем кнопку (5) «Добавить в меню».

Все отмеченные-выбранные страницы откроются в (поле 6). Здесь можно менять местами их порядок, так как вам нужно. Зажимаем мышкой и перемещаем в нужное место вверх-вниз. В чекбоксах (поля 7) надо выбрать и отметить в каком месте будет отображаться созданное меню на вашем сайте.

После всех вышеперечисленных и проделанных действий, надо сохранить меню, для этого кликаем по кнопке (8) «Сохранить меню». Открываем в новой вкладке свой сайт и любуемся созданным меню.

Чтобы открыть сайт в новой вкладке, в консоли наведите курсор на название сайта, кликните правой кнопкой мыши и в выпавшем меню выберите: Открыть ссылку в новой вкладке.

Настройка меню

Открываем в консоли вкладку «Плагины»

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

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

Установка плагинов

Плагины лучше всего устанавливать из админки WordPress, это и безопаснее, так как они проверены на вирусы. В меню WordPress  выбираем вкладку  «Плагины»«Добавить новый». В поле (3) прописываем название плагина, который хотим установить. Система выдаст список плагинов в котором находим нужный нам.

Нашли плагин который хотим установить, кликаем на нем по кнопке «Установить» (4). После установки его надо активировать, это можно сделать во вновь открывшемся окне. Или перейти в пункт меню «Установленные» и там активировать, а так же там отключаем (Деактивируем) и удаляем ненужные нам плагины.

Установка плагинов

Можно посмотреть, что вам предложат в пунктах меню (2) «Популярные», «Избранные» или «Рекомендуемые». Если требуется установить плагин скачанный с интернета, то кликаем по кнопке «Загрузить плагин» (1). На открывшейся странице будет поле с пунктом «Выберите файл» кликаем по нему. 

Откроется окно проводника, там находим необходимый файл выбираем его и  кликаем в проводнике по «Открыть». Файл загрузится в WordPress, далее по аналогии «Установить» — «Активировать». В общем-то, особо сложного в установке плагинов ничего нет.

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

Необходимые плагины для сайта

Разберем бесплатные плагины, которые рекомендую для сайта:

  1. Cyr to Lat enhanced — делает транслитерацию символов с русских на латиницу;
  2. Yoast SEO — СЕО оптимизация сайта для поисковиков;
  3. WP Super Cache — для настройки кэширования чтобы страница загружалась быстрее при повторной загрузке;
  4. Akismet Spam Protection — для борьбы со спамом, установлен в WordPress по умолчанию (для его активации нужен ключ API — чтобы его получить просто пройдите по предложенной там ссылке, и зарегистрируйтесь на сайте, где и получите необходимый ключ активации);
  5. All In One WP Security — для защиты от взлома злоумышленниками;
  6. Contact Form 7 — форма подписки на рассылку;
  7. Sassy Social Share — для репостов в соцсети;
  8. Google sitemap generator — для генерации карты сайта;

Это минимальный необходимый набор плагинов. Но если поставить на сайт платный плагин Clearfy Pro, то большая часть этих плагинов не потребуется. Приобрести его можно у тех же производителей темы Reboot.

Установка файла «robots.txt»

Важно! Для взаимодействия вашего сайта с поисковыми системами, необходимо установить на сайт файл (robots.txt).

Этот файл будет показывать какие страницы и файлы на сайте можно индексировать, а какие нет. Скачать файл robots.txt, я сам использую этот вариант сборки файла robots на своих сайтах. Скачайте файл, откройте и отредактируйте его в одном месте.

Там где прописаны строки, site.ru надо заменить на имя своего домена и с этими изменениями сохранить файл. После проведенных действий, надо текстовый файл загрузить на своем хостинге в корень сайта. Путь загрузки будет выглядеть так (см. скриншот):

  1. Файловый менеджер → wordpress
  2. public_html
  3. Открываются папки и файлы вашего сайта
  4. Файл → Загрузить на сервер
  5. Прикрепить файл → в проводнике выбрать файл robots.txt
  6. Загрузить
  7. Проверяем загруженный файл → кликнем по нему два раза, откроется в браузере, значит сделали все правильно
Robots_txt

Переходим в консоли на вкладку «Записи»

Делаем наполнение сайта статьями:

Добавить новую

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

Лучше всего писать статью в Googl документе, а потом  уже готовую переносить ее в WordPress.. Если у вас внезапно отключиться компьютер, то тот материал который вы создали до отключения у вас не пропадет.

И так, ориентируемся по скриншоту:

  1. Открываем «Записи» → кликаем «Добавить новую»
  2. «Добавить заголовок» → прописываем заголовок будущей статьи
  3. «Введите / чтобы выбрать блок» → здесь поставим курсор, и перейдем в пункт (4)
  4. «+» → кликнем по плюсику, откроется библиотека с блоками, здесь выбираем по мере написания статьи нужные нам блоки

Когда статья будет готова, нажмите кнопку «Опубликовать» в правом верхнем углу

Опубликуем статью

Рубрики

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

Создаем рубрики:

  1. Возвращаемся в «Записи» → открываем пункт «Рубрики»
  2. В поле «Название» прописываем название рубрики
  3. Кликаем по кнопке «Добавить новую рубрику»
Рубрики

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

  1. Вывести через виджет, путь такой «Внешний вид → Виджеты → Доступные виджеты → Захватываем виджет «Рубрики» и перетаскиваем в правый сайдбар».
  2. Установить плагин List category posts, неплохой плагин для этой цели.

Метки

Метки это ещё один из вариантов объединения статей по ключевым словам их можно указывать как при редактировании статьи так и во вкладке «Записи → Метки». Метки позволяют группировать записи (статьи) разных категорий, т.е. при клике на метку откроется список тех записей где были указаны эти метки.

Создаем метки:

  1. В поле «Название» прописываем название метки
  2. В поле «Ярлык» прописываем вариант названия метки на латинице
  3. В поле «Описание» вносим полезную информацию для посетителя, этот текст будет использоваться в мета описаниях данной страницы, что положительно будет влиять на SEO
  4. Кликаем по кнопке «Добавить новую метку»
Метки

Чтобы глубже понять работу меток, приведу пример:

Есть написанная статья на (каком то) сайте или блоге «Как изготовить праздничный торт, своими руками». Данная статья будет размещена в рубрике «Кондитерские изделия», а метки зададим для этой статьи  «Пирожное», «Бисквит» и т.п.. И после прочтения статьи, посетитель заинтересовавшись данной темой перейдет по приведенным меткам в рубрику и посмотрит другие торты.

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

1. Почему WordPress – приведу несколько причин, чтобы его использовать для сайта или блога

2. Шаг №1: Определяемся с темой будущего сайта

3. Шаг №2: Выбираем домен, хостинг и регистрируем

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

                  а). Выбираем домен по принципу

                  б). Проверяем домен на занятость

            2.2. Проверяем историю домена

                  а). Проверим через сервис https://web.archive.org

                  б). Давайте проверим еще через поисковик

            2.3. Хостинг — важно

                  а). Обычный хостинг

                  б). Выбираем хостинг

                  в). Оплата услуг хостинга

            2.4. Приступаем к регистрации домена

            2.5. Настраиваем и создаем администратора

            2.6. Создаем нового администратора

4. Шаг №3: Подготовка хостинга перед установкой движка WordPress

            3.1. Наводим порядок на хостинге

                  а). Вкладка«Домены и поддомены»

                  б). Вкладка «Сайты»

                  в). Вкладка «Файловый менеджер»

            3.2. Установим SSL-сертификат

                  а). Зачем устанавливать SSL-сертификат

5. Шаг №4: Установка движка WordPress              

6. Шаг №5: Делаем первоначальные настройки движка WordPress

            5.1. Как зайти в панель управления сайта

            5.2. Проведем необходимые обновления

            5.3. Открываем в консоли вкладку «Настройки»

                  а). Настройки — Общие

                  б). Настройки — Написание

                  в). Настройки — Чтение

                  г). Настройки — Обсуждение

                  д). Настройки —  Медиафайлы

                  е). Настройки — Постоянные ссылки

                  ж). Настройки — Приватность

            5.4. Открываем в консоли вкладку «Внешний вид»

                  а). Внешний вид — Темы

                  б). Внешний вид — Настроить

                  в). Внешний вид — Виджеты

                  г). Внешний вид — Меню

                  д). Создание страниц

            5.5. Открываем в консоли вкладку «Плагины»

                  а). Установка плагинов

                  б). Необходимые плагины для сайта

                  в). Установка файла «robots.txt»

            5.6. Переходим в консоли на вкладку «Записи»

                  а). Добавить новую

                  б). Рубрики

                  в). Метки

Поделитесь с друзьями? Благодарю!
Петр Шарков

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

Оцените автора
( Пока оценок нет )
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я соглашаюсь с политикой конфиденциальности сайта

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: