Создаём сайт на WordPress: докрутка и оптимизация
LOCKNETВидел ваши просьбы по поводу инструкции по созданию своего сайта, ну и собственно делюсь с вами этим гайдом-инструкцией по созданию вашего первого сайта.
![](/file/ac46e9b90356382c4cb1a.png)
![](/file/3af94079b42c9de0bf0f9.png)
Привет еще раз! Финальная часть гайда по созданию полноценного сайта. Соответственно тем, кому это он был нужен, рекомендую репостнуть себе куда-нибудь или переслать другу(подруге), чтобы не забыть и не потерять.
Шаг 1: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров
Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Подключить сайт к «Вебмастеру», «Метрике» и Google Analytics поможет установленный ранее плагин Head, Footer and Post Injections.
Зарегистрируйте сайт в указанных сервисах. Инструкции по регистрации можно найти в гайдах «Текстерры» по «Яндекс.Вебмастеру», «Метрике» и Google Analytics.
После регистрации в сервисах скопируйте коды отслеживания или теги верификации и вставьте их на сайт. Для этого перейдите по вкладке Head and footer на странице настроек плагина.
![](/file/08f3864c35e831a6a9267.png)
Подключить любой внешний сервис можно с помощью диспетчера тегов Google. Код Tag Manager нужно установить в разделы head и body каждой страницы сайта с помощью Head, Footer and Post Injections.
Шаг № 2: как создавать страницы и записи на сайте под управлением WordPress
Начиная с пятой версии в WordPress, по умолчанию используется плагин Gutenberg. Это блочный редактор, который очень похож на визуальные редакторы конструкторов страниц.
Gutenberg удобнее и более функционален, чем классический редактор WordPress. С его помощью можно создавать страницы произвольной структуры, вставлять в записи виджеты и мультимедиа, менять блоки контента местами и многое другое.
Новый редактор интуитивно понятный, поэтому работать с ним легко. Подробнее об этом можно почитать в подразделе о создании статической страницы, а про классический – в разделе о создании публикаций.
Как создать статическую страницу
Придерживайтесь описанного ниже алгоритма.
Выберите меню «Страницы – Добавить новую».
![](/file/cc5fc2c358f5dee9cf436.png)
Добавьте заголовок страницы. Затем следуйте подсказкам редактора. Пишите текст или нажмите на значок «Плюс», чтобы добавить блок контента.
![](/file/cce538afe3aa5c8135574.png)
Например, чтобы вставить фотографию, выберите соответствующий блок.
![](/file/1f0565d94ced7095ea8f7.png)
Выберите источник фото и положение картинки на странице.
![](/file/397ff44031e9396164e36.png)
В Gutenberg доступны десятки вариантов блоков. Например, кнопки, произвольный код, встраивание публикаций из социальных сетей и так далее. Их можно использовать для оформления вашего блога.
После редактирования опубликуйте страницу.
![](/file/a7f62a5c6149136737291.png)
Проверьте корректность отображения контента. Если нужно, отредактируйте страницу.
Как создать публикацию
Создание публикации рассматривается на примере классического редактора. С пятой версии WordPress, его придется установить как отдельный плагин. Конечно, как и для страниц, можно использовать новый «Гутенберг», но он не настолько гибкий.
Пригодится в работе: «Онлайн-генератор текста-рыбы lorem ipsum»
Чтобы добавить запись, выберите меню «Записи – добавить новую».
Большинство шаблонов поддерживает несколько форматов записи. Выберите подходящий.
![](/file/fff1f29fd64d20da9c4d3.png)
Выберите подходящую рубрику для публикации. Чтобы создать рубрику, воспользуйтесь соответствующим меню.
![](/file/62d7bde8ad5d78c9e0be1.png)
Классический редактор поддерживает два формата редактирования: визуальный или WYSIWIG и «Текст» с возможностью использовать HTML. Выберите подходящий. Добавьте заголовок и контент.
Укажите title и description, выберите изображение записи. Опубликуйте страницу.
![](/file/a363d764b4cb8ead8b020.png)
Шаг № 3: подключаем SSL-шифрование к сайту
Наверняка вы замечали, что у одних сайтов, работающих по протоколу HTTPS, в строке браузера перед названием домена светится зеленый замочек, а у других, работающих по HTTP, – отпугивающая надпись «Не защищено». Чтобы исчезла эта надпись нужно перевести сайт на HTTPS, подключив SSL-шифрование.
![](/file/05718ccbf7c30a2a2897d.png)
Протокол SSL (от англ. Secure Sockets Layer – уровень защищенных сокетов) гарантирует безопасное соединение между браузером пользователя и сервером. Защищенное соединение необходимо в случаях, когда передается конфиденциальная информация, например, данные кредитных карт. SSL шифрует эти данные при помощи специальной цифровой подписи. Злоумышленники, перехватив защищенные данные, не смогут их декодировать.
Чтобы использовать защищенное соединение, на сервере, где находится сайт, устанавливается SSL-сертификат. Они бывают платные и бесплатные.
Для новичков подойдет бесплатный сертификат от Let’s encrypt. Он выпускается на 3 месяца с возможностью продления. Многие хостеры, предоставляют возможность выпустить как бесплатный, так и платный SSL-сертификат.
Инструкцию по установке сертификата можно запросить у хостера или компании, выпустившего его.
![](/file/4fceb3609f56baf2c0cd0.png)
Приступайте к самому главному
Вы создали и настроили сайт на WordPress и научились публиковать контент. Теперь вас ждет самая тяжелая и ответственная работа. Чтобы сайт был эффективным, вы должны регулярно создавать качественный и полезный для аудитории контент. Возможностей «движка» достаточно для реализации практически любого проекта: от информационного ресурса до интернет-магазина.
Если у вас есть вопросы, замечания и предложения, связанные с созданием и настройкой сайта, пишите их в комментариях. Также вы можете поделиться опытом работы с CMS WordPress, рассказать о любимых плагинах, отметить достоинства и недостатки самого популярного в мире «движка».
![](/file/7f3c5f49fdb8015efbffa.png)
ВАЖНЫЕ ССЫЛКИ:
Мой второй канал LOCKNET | DEEPWEB - ТЫК
Обучающий канал LOCKNET | Обучение - ТЫК
ПРЕДЫДУЩИЕ СТАТЬИ:
Зарабатываем на Партнерке от VseMayki
7 лучших книг, которые сделают вас богатым
Создаём сайт на WordPress: установка, настройка, работа с сайтом (часть 3)
Создаём сайт на WordPress: установка, настройка, работа с сайтом (часть 2)
![](/file/c7b0aa271632940baab49.png)