Купить хостинг можно тут - эта ссылка ведет на страницу тарифов. Тут несколько линеек и в каждой по несколько тарифов. Вам будет достаточно тарифа Плюс-1 (на нем можно разместить 2 сайта). Итак, жмите "выбрать" тариф Плюс-1. Обратите внимание, что оплата сразу за год будет дешевле, чем оплачивать помесячно (179*12=2148 р. при оплате за год, или 219*12=2628 р. при оплате помесячно).

После нажатия кнопки "выбрать" тариф перекидывает в панель управления. Там нужно нажать кнопку "Регистрация", которая находится в правом верхнем углу экрана.

Принять условия и нажать кнопку "Продолжить"....

И зарегистрироваться удобным для вас способом. Можно просто нажать кнопку "Email" и указать нужную почту и телефон.

Далее хостинг попросит ввести код, который придет на ту почту, которую вы указали.

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

Оплата хостинга. В правом верхнем углу жмите на Баланс и на кнопку "Пополнить счет".

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

Оплатить можно многими способами. По умолчанию появляется QR-код для оплаты, что очень удобно. Но если вы хотите оплатить другим способом, жмите кнопку "Другой способ оплаты".

Находясь на главной странице панели управления хостингом, жмите кнопку "Заполнить данные".

Заполняете свои данные. Далее вас попросят прикрепить скан паспорта - сделайте это.

Проверить занят ли домен или нет, очень легко. Вбиваете в поисковик запрос "проверка домена на занятость", или можно проверить тут. Нужно прописать в строке проверки желаемое название домена и нажать на проверку. Снизу появится результат: свободен домен или занят.

Переходите в раздел "Сайты" и жмите кнопку "Добавить сайт"

Указываете имя домена и ставите галочку "Зарегистрировать этот домен". Если домен не занят, хостинг предложить выбрать персону (вы ранее заполняли свои паспортные данные и на основе их создается персона). Когда домен будет зарегистрирован, вам придет письмо на почту. На регистрацию домена требуется время - не более 24 часов, но обычно гораздо быстрей (в пределах часа).

Чтобы установить SSL-сертификат, нужно перейти в раздел "Сайты" -> "Мои сайты" и переключить ползунок Let's Encrypt Wildcard в активное положение. Когда хостинг установит сертификат, на почту придет уведомление.

Чтобы автоматически установить WordPress, нужно перейти в раздел "Сайты" и нажать "Автоустановка CMS". Далее выбрать домен, на который будет установлен движок и выбрать CMS WordPress. В появившемся окне появится предупреждение, что папка сайта будет очищена и нужно будет нажать кнопку "Установить". Это окно не закрывайте, дождитесь окончания установки.

После окончания установки появится информация для входа в админ-панель вашего сайта. Сохраните ссылку для входа в панель управления (она состоит из названия вашего домена и приставки /wp-admin/), логин и пароль. Если вы случайно закрыли это окно, не переживайте - все данные придут вам на почту.

В полях "Адрес WordPress (URL)" и "Адрес сайта (URL)" вместо http прописываете https. Это нужно, чтобы SSL-сертификат, который вы установили ранее, начал корректно работать.

Также в поле "Название сайта" укажите название вашего сайта. Это то название, которое будет по умолчанию в заголовке браузера title. Оно же будет появляться в поисковой выдаче. Но об этом более подробно чуть позже.

В поле "Краткое описание" прописываете описание сайта.

Внизу нажимаете синюю кнопку "Сохранить изменения". И вас выкинет обратно к вводу логина и пароля для входа в панель управления. Так и должно быть, т.к. вы поменяли адрес входа. Авторизуйтесь еще раз.

По умолчанию адрес страниц (записей) в вордпресс содержит набор букв, цифр и знаков. Нужно привести его к человекопонятному URL.

Человекопонятный УРЛ - это URL, который легко читается и запоминается человеком. Он содержит слова и фразы, которые имеют смысл и связаны с содержанием веб-страницы или сайта. Например, вместо адреса http://example.com/?p=123 можно использовать адрес http://example.com/book, который более понятен для пользователя.

Поэтому, нужно перейти в Настройки >> Постоянные ссылки и настроить отображение записей, как показано на скриншоте. Ставим выбор на "Произвольно" и с помощью кнопок %category% и %postname% добавляем в поле нужную конструкцию. Таким образом мы сообщаем системе, что нам нужно, чтобы страница имела URL вида /категория/название записи/.

В разделе "Настройки" >> "Чтение" поставьте галочку в разделе "Видимость для поисковых систем" - "Попросить поисковые системы не индексировать сайт". Пока на данном этапе здесь больше ничего не трогайте, сохраните изменения.

Для чего нужен запрет индексации? Т.к. сайт у вас еще не готов: на нем нет статей, не установлена нужная тема, плагины и т.п. - нет смысла разрешать поисковикам показывать ваш сайт в поиске. Сначала нужно привести все в порядок и разместить хотя бы 10 статей и только после этого открывать сайт к индексации.

После установки Вордпресс по умолчанию будет активна одна из тем линейки Twenty. Для того, чтобы добавить другую тему, нужно перейти в раздел "Темы" и нажать кнопку "Добавить новую тему".

Можете пролистать и выбрать любую тему, которая вам понравится. Или можете вбить поисковый запрос, если знаете название темы. Например, неплохая тема Colormag (см. скриншот). Можно прочитать описание темы, нажав на "Описание и просмотр", а потом установить ее, нажав, на кнопку "Установить". После установки тему нужно активировать, нажав на соответствующую кнопку.

Переходим в настройки темы: Внешний вид >> Тема >> Настроить. Открывается страница настроек темы. Можете полазить по разным настройкам, включать/отключать разные функции и смотреть в режиме реального времени, что будет меняться. Чтобы установить логотип, нужно перейти в раздел Заголовок и навигация >> Свойства сайта. Предварительно подготовьте логотип и иконку для сайта (должна быть размеров не меньше 512*512 пикселей). Загрузите изображения и установите, как показано на скриншоте. Помните, что логотип можно загрузить в формате PNG (поддерживает изображения без фона) и JPG (с фоном). Формат JPG весит меньше, но если вы захотите сделать фон сайта цветным, то лучше использовать формат PNG и делать логотип без фона.

Также, если у вас в логотипе есть название (как в моем примере), выключите отображение названия и слогана сайта (эти настройки чуть ниже от лого и иконки). После всех изменений, жмите синюю кнопку "Опубликовать", которая расположена сверху.

Хлебные крошки показывают цепочку навигации, страницу, где посетитель находится в данный момент - это полезный инструмент. Чтобы включить хлебные крошки, зайдите в раздел Заголовок и навигация >> Breadcrumb и переведите тумблер в активное состояние.

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

Вы можете выбрать макет заголовка (шапки сайта). Для этого перейдите: Заголовок и навигация >> Главный заголовок. Есть 2 варианта в бесплатной версии темы: логотип слева + контент справа, или логотип по центру и под ним контент тоже по центру. Контента в шапке, кроме логотипа у вас пока нет, но он может быть в дальнейшем. Выберите макет, который вам больше нравится. Также в этом разделе можно выбрать ширину макета: на всю ширину или ограниченный и задать цвет фона или изображение.

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

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

Все плагины из репозитория вордпресс устанавливаются одинаково. Чтобы установить плагин, переходите в раздел Плагины >> Добавить плагин, вбивайте в поиск название плагина, жмите кнопку "Установить" и далее "Активировать".

Если у вас есть архив плагина, вы можете также загрузить его по кнопке "Загрузить плагин".

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

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

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

XML Sitemap Generator for Google - это плагин для WordPress, который автоматически создает файл XML-карты сайта. Этот файл помогает поисковым системам легко индексировать страницы вашего сайта. Плагин обеспечивает регулярное обновление карты сайта, что способствует более эффективной индексации контента и улучшает SEO-показатели вашего веб-ресурса.

В плагине Yoast SEO есть инструмент для создания карты сайта, однако, я рекомендую там ее отключить и установить этот плагин, т.к. карта сайта от Yoast SEO часто не нравится сервису Вебмастер от Яндекс.

Чтобы добавить рубрику, перейдите в раздел Записи >> Рубрики и добавьте свои рубрики, как показано на скриншоте.

Далее нужно вывести рубрики в меню. Меню находится в разделе Внешний вид >> Меню. Так как нужно добавить в меню рубрики, то откройте раздел "Рубрики" и вкладку "Все", выберите ваши рубрики и нажмите кнопку "Добавить в меню". По умолчанию в меню уже будет установлена главная страница, можете ее оставить или удалить. Нажмите кнопку "Создать меню". После создания меню внизу появится галочка в разделе Область отображения - Основное меню, активируйте и сохраните меню. Пункты меню представляют собой блоки, которые можно перетаскивать мышкой. Чтобы сделать подменю (дочерний пункт меню), просто перетащите мышкой нужный пункт чуть правее от его исходного положения до момента, пока на нем не появится надпись "Дочерний элемент".

Зайдите в раздел Записи >> Добавить запись, чтобы создать новую запись. Пропишите заголовок записи, текс, выберите рубрику, установите изображение записи и нажмите кнопку "Опубликовать". Все действия можно делать в любом порядке, но после любых изменений не забывайте обновлять запись.

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

Если нет нужного блока виджета, его можно добавить, но придется редактировать файлы темы. Но основной виджет (боковой сайдбар) есть во всех темах.

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

Чтобы добавить счетчик Яндекс.Метрики, у вас должен быть аккаунт Яндекса и вы должны быть авторизованы. Перейдите по ссылке https://metrika.yandex.ru/.

Сверху слева нажмите кнопку "Добавить счетчик". В поле "Имя счетчика" введите имя (это может быть любое имя). В поле "Адрес сайта" введите ваш домен без https. Рекомендую включить автоматические цели и Вебвизор. Примите условия и нажмите кнопку "Создать счетчик".

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

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

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

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

А чтобы вручную прописать код метрики в файле, нужно зайти в раздел Внешний вид >> Редактор тем и выбрать файл header.php (Заголовок) или footer.php (Подвал).

Если вы хотите прописать код в header.php, ищите конструкцию вида <head></head> и перед закрывающим тегом </head> вставьте ваш код метрики, предварительно скопировав его (см. скриншот).

<head>

	<?php
	/**
	 какой-то код
	 */
	?>

	<?php wp_head(); ?>

<!-- Yandex.Metrika counter -->
      Ваш код метрики
<!-- /Yandex.Metrika counter -->

</head>

Если вы вставляете метрику в footer.php, найдите в самом низу файла закрывающий тег </body> и прямо перед ним вставьте код метрики, аналогично тому, что описано выше. После сохраните файл.

На сайте метрике завершите установку, нажав кнопку "Начать пользоваться". Метрика установлена.