Приведена пошаговая инструкция

как создать сайт WordPress с нуля

Один из лучших инструментов для создания блога — WordPress.
Создать сайт WordPress относительно легко: надо последовательно выполнить ряд действий и получить на выходе полноценно работающий сайт. Ниже приведена последовательность действий для создания сайта на WordPress c «нуля»

1. Подбор имени сайта (блога), регистрация имени, выбор хостинга, настройка хостинга

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

Зона – это название, что идет после точки: например: сайт «electrostal.com.ua» имеет «electrostal» — имя, «com.ua» — зона. Каждая из зон имеет некоторый контекст: «biz», «com» — бизнес, «net» — сети, «org» — организация, «gov» — государственные структуры. Но это не значит, что в зоне «com» не может быть личный блог.

Имя сайта и зона в совокупности дадут уникальный адрес сайта в Интернет. Зарегистрируй это имя в выбранной зоне, обычно на год или два. И при окончании срока продолжай поддержку (читай — оплату) этого имени далее. Вплоть до конца веков. По сути, адрес сайта — это запись в общемировой книге (реестре) всех адресов Интернета. Не более того.

А вот чтобы сайт правильно работал — надо физически разместить тексты, фото, видео ( обычно называют это «контент») на конкретных компьютерах-серверах и связать их с выбранным адресом сайта.   Делается это «на хостинге» у «провайдера» — компании, которая должна предоставить в пользование определенный объем компьютерных ресурсов (место на диске, памяти и т.д.) и обеспечить 24/7 работу сайта. За деньги, разумеется.

Физически содержимое сайта может находиться где-то на компьютерах-серверах или в Украине, России, Германии, США. Это уже забота этой компании-провайдера.  Но вне зависимости от физического расположения сайта он будет открываться у пользователей по единому адресу.

«Базовое» обеспечения работы сайта = поддержка его имени + хостинг (поддержка ресурсов)

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

2. Установка WordPress, установка плагинов

Самая «свежая» версия WordPress здесь: https://ru.wordpress.org/. Там же размещена инструкция по установке WordPress.

Следует отметить, что многие хостинги могут установить WordPress автоматически. Уточни у своего хостинга наличие такой функции.

Сразу же после установки WordPress можно расшмрить  его функциональность путем установки ряда плагинов. Плагины — это некий отдельный программный модуль, который подключается к Вордпресс и дает ему дополнительные возможности.
Каталог плагинов Вордпресс: https://ru.wordpress.org/plugins/.
Некоторые полезные плагины:

  • защита от спама: https://wordpress.org/plugins/akismet/
  • замена русских названий в адресах на английские: https://wordpress.org/plugins/cyr3lat/
  • ограничение попыток входа в админпанель сайта: https://wordpress.org/plugins/login-lockdown/
  • оптимизация базы данных: https://wordpress.org/plugins/wp-optimize/
  • защита сайта: https://wordpress.org/plugins/wp-security-scan/
  • настройка SEO: https://wordpress.org/plugins/wordpress-seo/
  • архивация сайта: https://wordpress.org/plugins/duplicator/

3. Установка плагина Maintenance Mode и его активация

Пока ти будешь настраивать сайт — доступ к нему будет открыт со всего Интернета. Все будут видеть твои «косяки» и «строительые работы» на сайте. Во избежание этого и служит плагин типа Maintenance Mode: заставка «обслуживание сайта». Для посетителей плагин выводит аккуратную картинку, где ты можешь уведомить их о том, что сайт на реконструкции

Плагинов данного типа есть большое количество, я использую: https://wordpress.org/plugins/yith-maintenance-mode/

4. Настройка плагинов, обеспечение безопасности сайта и настройка прав доступа, настройка .htaccess .htpasswd

Почти каждый плагин требует внимания для его настройки. Также возможно нужно будет потратить некоторое время на файлы .htaccess и .htpasswd. Вордпресс генерирует файл .htaccess при настройке постоянных ссылок и этого в большинстве случаев достаточно.

Однако если хочешь более «глубоко» копнуть и дополнительно защитить сайт от злоумышленников — придется потратить некоторое время на создание .htpasswd и настройке .htaccess для повышения безопасности сайта.

5. Выбор рабочей темы для блога, установка темы

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

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

Темы можно подобрать в Интернете на любой вкус:

  • бесплатные на официальном сайте Вордпресса: https://wordpress.org/themes/
  • или платные преимум-темы многих разработчиков, например тема Divi от ElegantThemes.

6. Общая настройка темы, содание файла robots.txt

Каждая тема в большей или меньшей степени имеет возможность изменения: цветов, шрифтов, отступов, размеров и других параметров. Наверняка ты захочешь «подстроить» выбранную тему под себя. Как это делать — зависит от того, каким образом в теме реализована панель управления темой. Конечно, если «копнуть» глубже — то внешний вид сайта можно настроить с помощью CSS, хуков, шаблонов страниц — но это выходит за рамки данной статьи.

В корневой директории сайта желательно иметь файл robots.txt В файле прописаны инструкции для роботов, которые будут заходить на сайт и периодически индексировать его. В этих инструкциях роботам указано какие директории индексировать запрещено, а какие разрешено. Это делаеться во избежание дублирования контента. Также в этом файле указывается адрес карты сайта (sitemap).

Ниже в качестве примера привожу содержание файла robots.txt моего блога:

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-json/
Disallow: /xmlrpc.php
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /*?
Allow: *.css
Allow: *.js
Host: https://divitheme.space
Sitemap: https://divitheme.space/sitemap_index.xml

7. Создание меню, генерация необходимых страниц и рубрик

Меню — важный элемент сайта, ведь удобное и понятное меню позволяет посетителю сайта проще соориентроваться на сайте и быстрее понять, может ли он решить с помощью сайта свою проблему.

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

8. Создание логотипа сайта, «девиза» и иконки сайта

Исходим из того, что при первом открытии сайта посетителем у тебя есть несколько секунд внимания посетителя, чтобы ему просто объяснить куда он попал. И посему логотип и краткий «девиз» сайта крайне важен для такой функции. «Девиз» — это одно или два кратких точных предложений, которые описывают суть сайта (блога), чему он «посвящен», какую проблему посетитель может решить здесь.

Иконка сайта (фавикон) — маленькое графическое изображение (favicon.ico), которое выводит браузер у себя в панели закладок рядом с именем сайта или «поисковик» в выдаче. Никакой функции он не несет, но его использование позволяет в какой-то мере повысить узнаваемость сайта.

Для создания фавикона нужно загрузить изображение в онлайн-генератор и получить результат. Для таких целей я пользуюсь онлайн генератором. После генерации фавикона файл favicon.ico надо разметить в корневом каталоге сайта.

В WordPress есть механизм создания иконки сайта. В админпанели надо выбрать меню: «Внешний вид«->»Настроить«->»Свойства сайта«, слева внизу выбрать изображение для иконки сайта размером 512 пикселей по сторонам и сохранить иконку.

9. Настройка хедера («шапки») и футтера («подвала») сайта

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

В футтере (низ, «подвал» сайта) обычно прописываются авторские права на сайт, возможно некая дополнительная информация, еще одно меню, например

Чаще всего хедер и футтер настариваются средствами темы.

10. Настройка и наполнение статических страниц

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

Страницы — практически редкоизменяемые данные: «Контакты», «Главная», «Мои работы», «О себе». Скажем так—страницы—это самая «консервативная» часть сайта.

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

Темы и плагины могут создавать еще свои типы данных. Например тема Divi создает тип «Проекты»: — данные для портфолио о выполненных работах. Плагин для создания интернет-магазина Woocommerce создает данные «Товары».

11. Настройка виджетов в сайдбаре

Сайдбар — отдельная от других элементов панель (колонка), располагающаяся справа или слева на странице.

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

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

Создание сайта - панель виджетов и сайдбара

12. Настройка связи с социальными сетями

В связи с развитием социальных сетей по всему миру связь сайта с ними важна для его продвижения. Существует огромное количество плагинов и онлайн сервисов, помогающих решить данный вопрос.
Например: Monarch Social Sharing Plugin или Easy Social Share Buttons for WordPress.

Существует два вида связи сайта с соцсетями: «Share» и «Following«.

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

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

13. Настройка подписки RSS

Технология RSS дает возможность информировать всех желающих о новой информации, появившейся на сайте. В Интернете можно встретить разные термины, обозначающие одно и те же: RSS-канал, RSS-лента, RSS-рассылка, фид (от английского «feed» – подача, питание, скармливать).

Собственно, для сайта на Вордпресс RSS уже присутствует на сайте, его адрес: http://имя_сайта/feed/

Если понадобиться создать возможность для посетителя подписаться на RSS, то можно сделать иконку и разместить ссылку на RSS: http://имя_сайта/feed/. Или же использовать сервис FeedBurner для организации подписки на RSS и получения «фидов» на электронную почту читателей.

«Минус» RSS в том, что он может использоваться для нежелательного парсинга (выборочного извлечения информации с других сайтов и ее последующее использование). Для статейных сайтов (блогов), сайтов-визиток, корпоративных сайтов рекомендую RSS отключать.

14. Настройка подписки и рассылки

В отличие от RSS, который обновляется автоматически при появлении новых статей на сайте, рассылкой можно управлять вручную.

Для регистрации подписчиков и проведения рассылок писем существуют различные сервысы: MailChimp, GetResponse и многие другие. У всех есть возможность интеграции формы подписки на сайт. По сути, на сайте присутствует лишь форма подписки, а сам список подписчиков, управление подпиской и рассылка — все производятся на сервисе.

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

Например, используя плагин MailPoet или MyMail

15. Регистрация сайта в панелях разработчиков Яндекс и Гугл, подключение статистики Гугл и/или метрики Яндекси их настройка

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

Если хочешь отслеживать посетителей на сайте — тогда нужно установить коды Метрики Яндекса или Аналитики Гугла, или каких-то других счетчиков. Обычно эти коды надо вставлять в футер («подвал») сайта на тех страницах, по которым тебе нужна статистика посещений.

16. Деактивация плагина Maintenance Mode и публикация сайта в сети

Самый ответственный момент — в основном сайт готов и деактивация плагина делает его видимым для пользователей в сети Интернет.

Возможно я что-то упустил или информация уже устарела. Оставь свои замечания и предложения в комментариях ниже.

Удачи.
Александр Коваль.