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

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

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

Последовательность действий как создать сайт WordPress

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

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

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

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

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

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

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

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

Последняя версия WordPress здесь: https://ru.wordpress.org/

Сразу же после установки 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. Выбор рабочей темы для блога, установка темы

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

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

  • бесплатные на официальном сайте Вордпресса: https://wordpress.org/themes/
  • или платные преимум-темы многих разработчиков, например: ElegantThemes или TeslaThemes.
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-content/themes
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: */*/feed/*/
Disallow: */feed
Disallow: /*?*
Disallow: /tag

Allow: /wp-content/plugins/*.css
Allow: /wp-content/plugins/*.js
Allow: /wp-content/themes/*.css
Allow: /wp-content/themes/*.js
Allow: /wp-content/themes/*.png
Allow: /wp-content/themes/*.jpg
Allow: /wp-content/themes/*.gif

User-agent: Yandex
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: */*/feed/*/
Disallow: */feed
Disallow: /*?*
Disallow: /tag
Disallow: /*?tag=

Host: alexkoval.name

Sitemap: https://www.divitheme.space/sitemap_index.xml

User-agent: Googlebot-Image
Allow: /wp-content/uploads/

User-agent: YandexImages
Allow: /wp-content/uploads/
7. Создание меню, генерация необходимых страниц и рубрик блога

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

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

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

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

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

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

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

Обычно на сайте «присутсвуют» несколько типов данных: «страницы», «проекты», «записи».
Страницы — практически редкоизменяемые данные: «Контакты», «Главная», «Мои работы», «О себе». Скажем так—страницы—это самая «консервативная» часть сайта.
Проекты — эти данные о твоем портфолио (т.е. о выполненных работах).
Ну и наконец, «Записи» — собственно это твои статьи — данные о технических аспектах чего-нибудь, новости об участии в чем-нибудь, размышления, рассказы и др. С фото, с видео.

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

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

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

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

В связи с огромным развитием социальных сетей по всему миру связь твоего блога с ними крайне важна для его продвижения. Существует огромное количество плагинов и онлайн сервисов, помогающих решить данный вопрос. На этом сайте я использую Monarch Social Sharing Plugin.
Следует отметить что существует два вида «связи»: «Share» и «Following».
«Share» — если посетителю понравилась твоя статья, он нажимает кнопку и краткое описание со ссылкой на эту статью копируються на ленту записей этого посетителя в социальной сети. Таким образом твоя статья распространяеться в социальной сети среди читателей твоего посетителя.
«Following» — если ты хочешь получить больше подписчиков (последователей) на твоих социальных страницах, то размещаешь эту связь на своем блоге. Посетитель нажав на кнопку «подписывается» на твою страницу в социальной сети и ты получаешь себе еще одного последователя (т.е. читателя).

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

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

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

Список подписчиков на рассылку — едва ли не самый важный аспект для блогера. В отличие от RSS, который обновляеться «автоматом» при появлении новых статей на сайте, рассылкой управляешь ты сам по своему усмотрению. Хоть по три раза в день рассылаешь подписчикам письма с разным содержанием. 🙂
Для регистрации подписчиков и проведения для ни рассылок писем существуют различные сервысы: Smartresponder, MailChimp, GetResponse, и многие другие. У всех есть возможность интеграции формы подписки в твой блог. По сути, на блоге присутствует лишь форма подписки, а сам список подписчиков, управление подпиской и рассылка — все производятся на сервисе.
Однако существуют способы формирования списка подписчиков, управлением подпиской и рассылкой писем непосредственно на самом блоге. Используя различные плагины. Например, используя плагин MailPoet или MyMail.

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

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

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

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

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

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

Метки: