Сайт на WordPress без программирования. Установка и настройка движка и темы

Введение

Что такое WordPress

WordPress: движок, который построил большую часть сайтов в сети Интернет.

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

Этот фундамент – система управления контентом сайта (CMS) носит известное многим имя WordPress. Это самый популярный, и в то же время простой, доступный, гибкий и мощный «движок» сайта, который перенес создание сайтов из сферы сложного программирования в доступное сайтостроение для любого человека.

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

Рис. 1. Административная часть ВордПресса (сайт автора книги)

Знакомьтесь, ваш самый лучший движок в сети Интернет: WordPress.

Что это такое WordPress

WordPress – это свободное (open-source) программное обеспечение, написанное на языке PHP и использующее базу данных MySQL. Это каркас, на который вы устанавливаете дизайнерскую тему и плагины, получая в итоге уникальный продукт (сайт), готовый к использованию. Другими словами это «движок» сайта, его основа и начало начал. Можно представить движок как здание без ремонта, но стены, крыша и фундамент уже созданы. Вам остаётся только сделать ремонт на свой вкус, покрасить стены, положить полы, вставить окна, двери, расставить мебель и т. д.

Без этой основы, фундамента, сайт можно сделать только на языке гипреразметки HTML, которая сейчас не ранжируется поисковыми системами, поскольку обслуживание такого сайта происходит постранично, а не системно, как в движке. Раньше, в начале своего пути веб-мастера я делала сайты на HTML и даже обучала учеников создавать такие ресурсы, но сейчас этот метод остался в прошлом. В поисковой выдаче на первом месте сайты на движках, а сайты HTML и сайты на конструкторе всегда будут после них.

Главная философия WordPress – свобода публикации сайта. Его цель – дать возможность каждому человеку, независимо от уровня его технических навыков, создать свой сайт, управлять контентом (текстами, видео, картинками, каталогом товаров) и все это без необходимости изучать сложные коды PHP и JavaScript.

Кроткая история WordPress: от блога до гиганта

История WordPress началось в 2003 году. WordPress тогда был ответвлением другого проекта. Программист Мэтт Мулленвег и разработчик Майк Литтл решили создать удобную платформу для ведения блогов, взяв за основу уже существовавший, но заброшенный инструмент b2/cafelog. Они сосредоточились на простоте, их ключевым принципом стал open-source (открытый код). Коды WordPress были доступны для всех желающих, что позволило тысячам энтузиастов со всего мира улучшать и расширять этот движок.

Рис. 2. Код PHP движка WordPress

До сих пор в каждой админке (административной части) сайта WordPress есть меню «Внешний вид» – «Редактор тем», где можно увидеть программные коды сайта. И раньше мне приходилось с ними работать или нанимать программиста, чтобы что-то подправить на сайте в функционале или дизайне. Но современный движок стал похож на конструктор сайтов – все можно сделать, не обращаясь к сложным кодом программирования. Любое редактирование сайта доступно из меню «Темы» – «Настройка темы». Этому будет посвящена глава 4 этой книги.

Уже к 2005 году WordPress вышел за рамки простого движка для блогов и стал использоваться для разных видов сайтов. Появление системы плагинов и бесплатных готовых тем дизайна кардинально изменило его судьбу. Он стал модульным, превратившись в универсальный конструктор. Сегодня на WordPress работает свыше 43% всех сайтов в мире – цифра, говорящая сама за себя.

Преимущества и недостатки WordPress

Особенности и преимущества:

1. Простота и удобство использования.

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

2. Гибкость и масштабируемость.

WordPress уникален своими модулями. Его ядро (core) – быстрое и обновляемое. Дополнительную функциональность обеспечивают плагины. Плагин (от англ. plug-in – «подключаемый модуль») – программный модуль, который динамически подключается к основной программе для расширения её функциональности.

Нужен интернет-магазин? Устанавливаете плагин WooCommerce. Нужна форма захвата лидов? Для этого есть плагины Contact Form 7 или WPForms. Необходима SEO-оптимизация? Используйте плагины Yoast SEO или Rank Math. Существуют десятки тысяч бесплатных и платных плагинов практически для любой задачи: от резервного копирования до создания социальной сети. То же самое с дизайном сайта: десятки тысяч тем от бесплатных до очень дорогих и уникальных позволяют кардинально менять внешний вид сайта за пару кликов.

Рис. 3. СЕО- плагин в WP

3. Активное сообщество

Это еще одно преимущество WordPress. Глобальное сообщество разработчиков, программистов, дизайнеров и простых пользователей – это двигатель прогресса WordPress. Сообщество создает и обновляет плагины, пишет документацию, бесплатно консультирует на форумах, организует конференции (WordCamps). Если у вас возникла проблема – с вероятностью 99.9% её решение уже описано на сайтах сообщества.

Существует сообщество в ТГ-канале: t.me/wpcommunity, Вконстакте: vk.com/wordpress_official, клуб ВордПресс на сайте clubwp.ru и т. д.

4. Поисковая оптимизация SEO

WordPress изначально был создан с оглядкой на поисковые системы, как движок для сайта-блога (статейного сайта). Его код чистый и структурированный, система создания постоянных ссылок (ЧПУ) гибкая, а с помощью плагинов SEO-настройка стала доступной простому пользователю. Сейчас многие сайты, сделанные на WordPress, занимают высокие позиции в ТОП-выдаче поисковых систем.

5. Открытость и свобода WordPress

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

6. Развитие и безопасность

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

7. Мультимедийные возможности

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

Рис. 4. Библиотека медиафайлов на WordPress

Недостатки WordPress

Идеальных решений не существует, так и у WordPress есть свои небольшие недостатки:

– Как и любой движок сайта, WordPress требует обслуживания. В отличие от конструкторов, где за всем следит компания-провайдер, за WordPress-сайтом нужно следить: устанавливать обновления, делать резервные копии, контролировать безопасность, скачивать и устанавливать плагины. Впрочем, я не считаю это недостатком. Ведь любой сайт похож на ребенка: после того, как ребенок появляется на свет, необходимо за ним ухаживать: кормить, одевать, обучать и т. д. Если ребенка забросить, он не сможет развиваться. Так же и с сайтом на движке: требуется проверка, обновление ПО (плагинов и самого WP), улучшение, развитие, доработка, обновление контента.

Рис. 5. WP сам сообщает, когда необходимо обновиться

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

– Целесообразность. Для простейшей одностраничной визитки его мощь может быть избыточна. Однако даже в этом случае его часто выбирают «на вырост». Не всегда лучший вариант делать на этом движке сайт интернет-магазин. Но вот для блогов, статейных сайтов, корпоративных ресурсов – это наилучший вариант.

Движок против конструктора (какой сайт выбрать)

Разберем, чем сайты на движке отличаются от конструктора сайтов и почему алгоритмы Яндекса предпочитают движки, а не конструкторы.

Конструктор сайтов (Tilda, ЛП-Моттор)

Конструктор сайтов – это онлайн-сервис, где вы собираете сайт из готовых блоков (модулей) в визуальном редакторе или используете готовый шаблон конструктора.

Коды закрыты, вы не можете ими управлять, изменить дизайн модуля можно лишь по определённым параметрам, например: в модуле «Первый экран» можно поменять цвет фона, шрифт, цвет элементов, добавить свою картинку.

Рис. 6. Настройка слайдера сайта на сайте-конструкторе

Плюсы конструктора сайтов

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

Быстро: сайт можно собрать за несколько часов.

Дизайн: современные готовые блоки «из коробки».

Всё включено: техподдержка сервиса решает большинство проблем.

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

Продвигается через Яндекс.Директ (оплаченную рекламу).

Минусы:

Закрытая система: сайт «заперт» на сервисе конструктора. Перенести его на другой хостинг невозможно.

Ограниченная функциональность: можно использовать только те инструменты и шаблоны, которые даёт конструктор. Для сложных задач (например, уникальная система бронирования номеров в гостиницах) нет готовых решений.

Подписка навсегда: пока платите – сайт работает. Перестали платить – сайт отключается.

SEO-ограничения: технические ограничения для продвижения в поисковиках. Алгоритм Яндекса и Гугла считает сайты на конструкторе «однодневками», потому продвигает их в поисковой выдаче лишь в том случае, если по ключевому слову нет конкурента на движке. В целом, о СЕО-продвижении сайта на конструкторе можно забыть (кроме случая, когда у вас вообще нет конкурентов).

Движок/CMS (WordPress, Joomla, 1С-Битрикс)

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

Плюсы движка:

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

Владение данными: сайт и все его файлы находятся на вашем хостинге. Вы можете в любой момент перенести его к другому провайдеру.

Безграничное масштабирование: сайт может вырасти от блога до крупного интернет-магазина или социальной сети. Всё зависит от ваших потребностей. Сайт можно улучшать и модифицировать, дорабатывать.

Мощное SEO: полный доступ к технической настройке для продвижения сайта в поиске по ключевым словам.

Минусы:

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

Требует времени: настройка займет больше времени, чем в конструкторе.

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

Можно «сломать» сайт: неумелым обращением с плагинами или кодом можно нарушить работу сайта.

Краткий итог: что выбрать

Выберите КОНСТРУКТОР, если:

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

– Вы не собираетесь писать много статей и продвигать сайт через ключевые слова.

– Нет времени/желания разбираться в технических деталях.

– Важен красивый современный дизайн «в три клика».

– Бюджет ограничен ежемесячной подпиской, а не одноразовой тратой денег.

Выберите ДВИЖОК (особенно WordPress), если:

– Вы планируете серьёзный проект, который будет расти (бизнес-сайт, интернет-магазин, портал, блог).

– Вам нужна уникальная функциональность или дизайн.

– Важен полный контроль над сайтом и его данными.

– Вы готовы учиться или нанять специалиста для настройки.

Проще говоря: конструктор – это «сайт как услуга» (вы его арендуете), а движок – это «сайт как актив» (вы им владеете).

Основное отличие: сайт на конструкторе не продвигается через СЕО, а движок наоборот адаптирован под продвижение по ключевым словам. Сайты на конструкторе продвигаются через Яндекс.Директ (контекстную рекламу), но с учетом большой конкуренции во многих сферах бизнеса, эти услуги стоят очень дорого. Рекомендации от поисковой системы: от 50 000 руб. в месяц на рекламу.

В то время как грамотное СЕО-продвижение может обходиться недорого, главное грамотно подготовить тексты статей. Подготовке статей к СЕО будет посвящена глава 6.

Для кого подходит WordPress

Разработчики утверждают, что практически для всех. Вот перечень тех, кому надо делать сайт на WordPress:

– Блогеры и авторы, писатели, журналисты, деятели искусства, режиссеры, музыканты, другие творческие профессии. Те, кому есть чем поделиться с людьми, кто хочет высказывать свои мысли, кто пишет статьи, кто публикует свои произведения.

– Коучи и преподаватели. Для любой онлайн-школы кроме основного продающего сайта требуется статейный сайт для продвижения по СЕО (ключевым словам) – наилучший вариант здесь сайт на WordPress.

– Малый и средний бизнес. Сайты-визитки, каталоги услуг, лэндинги. Юристам, врачам, турбизнесу, индустрии красоты, продавцам товаров и продуктов, производителям, агрофирмам и т. д.

– Интернет-магазины. Связка WordPress + WooCommerce – мощнейшее бесплатное решение для электронной коммерции.

– Корпоративные порталы и сайты новостей. Управление большими объемами контента, разграничение прав доступа, быстрота загрузки плюс СЕО-оптимизация – все это WordPress.

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

– Портфолио фотографов, дизайнеров, художников, музыкантов.

Цены на сайты

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

Рис. 6. Стоимость сайтов у фирмы-разработчика

Посмотрите на рис. 6 – это скриншот с сайта, предлагающего услуги по разработке, и это в целом средняя цена на конец 2025 года. Корпоративный сайт или сайт-блог начинается от 100 000 руб., и это стандартное решение, при эксклюзивном дизайне и дополнительных функциях смело можно прибавить к стоимости еще 50-100%. Конечно цена колеблется в зависимости от фирмы-разработчика и профессионализма ее сотрудников, от сроков исполнения и от города. В крупных городах это сумма еще больше.

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

Сколько будет стоить сделать сайт на WordPress самому по готовой теме?

Траты на сайт при самостоятельной работе:

1. Оплата хостинга, домена, сертификата безопасности – около 4000 руб. в год. При оплате хостинга на 1 год можно получить бесплатный сертификат безопасности.

Рис. 7. Тарифы хостинга на сайте Таймвеб

Стоимость домена обычно не превышает 200-400 руб. в зоне ru и 1700-2000 руб. в зоне com за год.

2. Скачка и заливка WordPress – бесплатно!

3. Покупка готовой оптимизированной под СЕО темы – от 5000 руб., в принципе можно использовать бесплатные темы.

4. Установка и настройка темы – бесплатно.

Итого, при самостоятельной настройке сайта вам потребуется: 10000 – 12000 руб. Если использовать бесплатную тему дизайна, то можно сделать сайт за 5000-6000 руб. вместо 100000-150000 руб. Вот это реальная экономия средств!

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

А теперь давайте посчитаем, сколько времени будет делать сайт фирма-разработчик. 1-2 недели на дизайн сайта, но это первоначальные варианты, дальше идет доработка дизайна сайта и разработка дополнительных страниц и модулей. Как правило, это выливается в 3-4 недели.

Рис. 8. Стоимость домена на сайте Вебнэймс

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

Вот и сравните 10 000 руб. и 3-4 дня сами или 200 000 руб. и 6 месяцев. Я думаю, выбор очевиден. Разница будет в одном: вы используете готовую тему и адаптируете ее под себя как на сайте-конструкторе или вы закажите свой оригинальный веб-дизайн. Все остальное (функционал WordPress, плагины, быстродействие и т. д.) будут одинаковые.

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

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

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

Итоги

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