Разработка сайта на вордпресс пугает только на словах. Кажется, что без программиста, агентства и счёта на полмиллиона тут не обойтись. На деле собрать рабочий сайт на WordPress можно самому — без единой строчки кода и за один вечер. Эта CMS (система управления сайтом, или просто движок) держит около 43% всех сайтов в мире: на ней живут и личные блоги, и интернет-магазины с тысячами товаров.
Ниже — пошаговый план создания сайта на WordPress с нуля: хостинг и домен, установка движка, выбор темы, нужные плагины и первые публикации. Параллельно закроем вопрос, на котором спотыкается каждый новичок — делать сайт самому или заказать разработку у фрилансера, и во сколько обойдётся каждый вариант в 2026 году.
Коротко. Простой сайт на WordPress реально собрать самому за вечер и почти бесплатно. Заказывать разработку стоит, когда нужен сложный функционал или уникальный дизайн под бизнес.
А если хотите делать сайты на заказ и зарабатывать этим — начните с системного обучения. Подборка курсов по веб-разработке:
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Fullstack-разработчик на Python Перейти на сайт курса |  Нетология | 175 800 ₽ | 7125 ₽/мес. | 21 месяц | Обзор курса |
| Профессия «Веб-разработчик с нуля» Перейти на сайт курса | Нетология | 163 300 ₽ | 7125 ₽/мес. | 13 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса |  Синергия | 141 036 ₽ | 5877 ₽/мес. | 6 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса |  Skillbox | 153 348 ₽ | 4486 ₽/мес. | 16 месяцев | Обзор курса |
| FullStack-разработчик: тариф PRO Перейти на сайт курса |  Эдюсон | 182 000 ₽ | 7583 ₽/мес. | 14 месяцев | Обзор курса |
Больше программ — в полном каталоге курсов по веб-разработке
КурсыСравнение 20 курсов по WordPressЦены, школы, длительность, рассрочка
Причины популярности WordPress
Новички и профессионалы предпочитают выбирать WordPress (сокр. WP), потому что:
- Это самый распространенный движок, и под него постоянно ведется разработка новых готовых решений по расширению функциональности. Поэтому создание сайта на WordPress – это очень практично.
- Кроме того, что WP самый популярный, он же еще и самый универсальный. На WordPress можно создать блог, новостной веб-ресурс, интернет-магазин, сайт-визитку и пр. То есть WP как конструктор, из которого можно собрать разные варианты.
- Под WP разработаны тысячи разнообразных шаблонов, что позволяет легко придать создаваемому сайту желаемый внешний вид.
- У WP самый дружественный интерфейс, что позволяет новичкам без особого труда управлять ресурсом.
- Добавить на сайт статью или новость в WP не сложнее, чем набрать и сохранить документ в привычном всем Word.
Познакомившись с причинами популярности CMS WordPress, давайте посмотрим, что нужно делать для создания своего первого сайта на нем.
Какие сайты делают на вордпресс
WordPress часто считают движком только для блогов и сильно его недооценивают. На нём собирают почти любой тип сайта, и от этого зависит, сколько займёт разработка и какие плагины понадобятся.
- Блог или медиа. Родная стихия WordPress. Статьи, рубрики, комментарии, подписки работают из коробки.
- Сайт-визитка. Несколько страниц о компании, услугах и контактах. Готова за пару дней.
- Лендинг. Одностраничник под рекламу или конкретную услугу, собирается на конструкторе блоков вроде Elementor. Чем он отличается от визитки и многостраничника, мы разбирали отдельно.
- Корпоративный сайт. Каталог услуг, блог, формы заявок, интеграции с CRM. Тут уже часто зовут разработчика.
- Интернет-магазин. Ставим плагин WooCommerce — и WordPress превращается в полноценную витрину с корзиной, оплатой и складом. Тянет и десяток товаров, и тысячи.
Для первого сайта почти всегда хватает визитки или блога, с них и стоит начинать. Магазин и сложный корпоративный портал лучше отложить, пока не освоитесь с админкой.
Сделать сайт самому или заказать разработку
Главная развилка перед стартом. От ответа зависят бюджет, сроки и количество потраченных нервов. Единого ответа нет: есть ситуации, где разумнее каждый из вариантов.
Когда стоит делать самому. У вас простой проект: блог, визитка, небольшой магазин на готовой теме. Вы не торопитесь и готовы потратить несколько вечеров на освоение админки. Платите только за хостинг и домен. Бонусом получаете навык, который потом сэкономит деньги на любой мелкой правке.
Когда лучше заказать. Нужен уникальный дизайн под бренд, сложная логика (личные кабинеты, калькуляторы, интеграции) или сайт нужен «вчера», а разбираться некогда. Тогда фрилансер или студия снимут с вас техническую часть. За это придётся заплатить, и прилично. Конкретные цифры собрали ниже.
Совет. Даже если решили заказывать, потратьте вечер на самостоятельную сборку тестового сайта. Будете понимать, за что платите, и сможете говорить с разработчиком на одном языке.
Дальше идём по пути «делаю сам». Это и основа, которую полезно знать в любом случае. Начинаем с фундамента: хостинг и домен.
Ваня Буявец, основатель CheckroiПоказываю, как применять Claude Code, ChatGPT и другие нейросети в учёбе и работе, с примерами и промптамиЧитать в ТелеграмеРегистрация хостинга и домена перед созданием сайта на WordPress
В первую очередь выбираем хостинг – это сервис, который предоставляет в пользование физические устройства-сервера. Владелец будущего веб-ресурса арендует себе место на одном из таких серверов, куда устанавливает потом свой сайт. Сделав это, сайт будет доступен другим пользователям для просмотра. Ну а чтобы найти его, им нужно будет знать его адрес.
Адресом главной страницы сайта будет тот самый домен, который нужно зарегистрировать. Очень часто компании, предоставляющие хостинг, также предлагают услуги регистрации доменов. Чтобы выбрать хостинг и/или продавца доменов, стоит свериться со свежим рейтингом или нашим разбором, как выбрать хостинг по ключевым критериям.
КурсыСравнение 71 курса по YouTubeЦены, школы, длительность, рассрочка
Рекомендации по выбору хостинга и домена:
- Хостинг желательно выбирать в том регионе, где планируют продвижение. То есть если сайт для россиян, то физические сервера должны быть в России, из-за чего связь будет лучше, и все страницы будут быстрее грузиться.
- При регистрации домена стараются выбирать такое имя, которое больше всего соответствует тематике сайта. Придумав название, смотрят, или оно свободно. Если да, регистрируют, если нет, то система обычно предлагает схожие названия. К примеру, если сайт о Форекс брокерах, то хорошее имя для него brokers-fx.ru. Если о туризме, то, например, tourizmania.com. Ну, и в таком духе. Желательно, чтобы домен не был очень длинным.
- Как показывает статистика, люди обычно доверяют адресам с понятной доменной зоной – это буквы, стоящие непосредственно после имени, т. е. различные: «.com», «.ru», «.ua», «.by», «.net», «.org».
Зарегистрированное доменное имя привязываем к сайту через панель управления веб-хостинга. В зависимости от того, какая используется панель, нужный для привязки раздел может называться: «Сайты и домены», «Дополнительные домены», «WWW-домены».
Хостинг бывает платный и бесплатный:
- Бесплатный используют в тех случаях, когда создаваемый сайт не воспринимают серьезно. Т. е. это может быть такой виртуальный дневник для себя или веб-ресурс для экспериментов.
- Платный применяют всегда, когда происходит создание коммерческого сайта, на котором планируют зарабатывать.
Платные хостинги обычно работают быстро и стабильно, имеют круглосуточную техподдержку и держат высокий уровень безопасности. Из проверенных в России это Таймвеб и Beget: оба недорогие и ставят WordPress автоматически.
Ещё два момента, которые в 2026 году считаются обязательными. Первое — SSL-сертификат: он включает защищённый протокол https и замочек в адресной строке. Почти все хостинги дают бесплатный сертификат Let’s Encrypt, его достаточно. Без https и поисковики, и браузеры помечают сайт как небезопасный. Второе — автоустановщик: у Таймвеб, Beget и большинства российских хостеров WordPress ставится в один клик прямо из панели, без скачивания файлов и FTP. Если такая кнопка есть — смело пользуйтесь, это сэкономит полчаса возни.
Устанавливаем WordPress
Новички могут для начала установить CMS WordPress к себе на компьютер после создания локального сервера Wamp или инсталляции приложения Instant WP. Это позволит поиграться с сайтом, изменяя внешний вид, ковыряясь в файлах CSS, правя программный код и пробуя себя в разработке плагинов, тем и пр. Но в рамках этого гайда мы рассмотрим установку сразу на хостинг. Кстати, некоторые компании могут сразу автоматически поставить вам на арендованный хостинг движок WP.
Здесь важно не путать два WordPress. WordPress.org — это бесплатный движок, который вы ставите на свой хостинг и полностью контролируете: именно о нём весь гайд. WordPress.com — платный хостинг-сервис той же команды, удобный, но с ограничениями на бесплатном тарифе. Для своего проекта берём WordPress.org.
Если в панели хостинга есть автоустановщик, установка займёт пару минут: вводите название сайта, логин с паролем — и движок готов. Способ ниже пригодится тем, у кого автоустановщика нет или кто хочет понимать, что происходит под капотом. Для этого заходим на официальный сайт WordPress и качаем оттуда новую версию движка:
Скачав архив с файлами, его нужно распаковать и загрузить на сервер через FTP-соединение. Данные для подключения по FTP даст хостинг после оплаты, а для загрузки используют любой удобный менеджер. Чаще всего это FileZilla – легкий, удобный, бесплатный.
Загрузив файлы движка, открываем сайт в браузере по основному адресу и видим:
Заполняем поля, чтобы подключиться к базе данных. Информацию для заполнения берем у компании, предоставляющей услуги хостинга. Затем нажимаем «Отправить» и видим следующее окно, в котором задаем желаемое имя сайта, пароль, адрес электронной почты. Здесь же, если требуется, можно попросить поисковые системы пока не индексировать сайт.
Сделав все это, жмем «Установить WordPress» и видим оповещение о том, что настройка завершена, и оказываемся в панели управления сайтом:
При этом по основному адресу открывается главная страница созданного сайта:
Чтобы с главной перейти в «Консоль» для настройки, жмем на название сайта вверху слева или вводим в адресную строку: доменное имя/wp-admin.
Важно: на этом установка сайта завершена! Поздравляю! Но в таком виде созданный и загруженный на хостинг сайт поисковикам и людям вряд ли понравится, а потому требуется предварительно кое-что настроить. Ну, и начать настройку следует с внешнего вида.
Выбираем и устанавливаем тему оформления для движка WP
Тема отвечает за внешний вид и первичную функциональность. Темы есть бесплатные и платные. На первое время особой нужды покупать тему нет, но если хотите, то это ваше право. Если подходящего варианта не окажется ни среди платных, ни среди бесплатных, то можно, к примеру, даже заказать создание темы с адаптивным дизайном для мобильных. В большинстве случаев необходимости в этом нет, т. к. в интернете масса бесплатных шаблонов, но не все одинаково хороши и безопасны. Чтобы избавить себя от неприятных сюрпризов, рекомендуется выбирать тему WordPress на официальном сайте.
Как установить тему: пошаговая инструкция
Вариант первый – в «Консоли» выбираем раздел «Внешний вид» и ищем вкладку «Темы». По умолчанию там будет несколько вариантов, но если они не устраивают, то жмем «Добавить новую»:
Откроется каталог, в котором при помощи фильтров или строки поиска в шапке можно найти подходящие варианты:
Наведя курсор на эскиз с темой, появятся кнопки «Установить» и «Просмотреть». Если нажать первую, то выбранная тема будет тут же установлена, а если выбрать вторую, то включится режим предварительного просмотра. И тогда, если владельца устроит, как выглядит его сайт с новой темой, то он может ее установить, а если нет – перейти к дальнейшему поиску.
Второй вариант установки состоит в том, чтобы скачать архив с темой на компьютер, а затем выбрать «Внешний вид» – «Темы» – «Загрузить тему»:
Третий вариант – распаковать скачанный архив и через FTP загрузить его на сервер в папку wp-content – themes.
Напоследок хочется добавить: если попалась привлекательная тема на английском языке, то это не проблема. При помощи специального софта наподобие Poedit или плагина Translate Loco темы легко переводятся на русский.
Топовую подборку профессиональных курсов по обучению созданию сайтов с нуля
Настраиваем основные функции сайта
Чтобы сайт работал корректно, для начала делаем два вида настроек:
– настраиваем CMS WordPress;
– настраиваем понравившуюся тему оформления.
Как настроить движок WP
Давайте рассмотрим теперь пошаговый план действий по настройке движка. Сначала открываем панель управления, слева в меню находим раздел «Настройки» и жмем «Общие»:
Здесь можно выбрать язык, формат даты, часовой пояс и т. д. Если хостинг российский, то зачастую тут ничего менять не нужно. Обратите внимание на пункт «Членство». Если поставить тут птичку, то новым пользователям придется регистрироваться, а делать это вначале, пока сайт не раскрутится и не станет узнаваемым, точно никто не будет. Так что тут ничего не ставим.
Написание
Следующий раздел «Написание» также можно оставить без изменений. Тут можно задать настройки публикации через email, но этим обычно не пользуются. Обратите также внимание на «Сервисы обновления», где по умолчанию стоит http://rpc.pingomatic.com/. Это значит, что каждый раз после новой публикации, сайт будет отправлять уведомление о появлении новой новости, статьи или других материалов.
Чтение
Раздел «Чтение» позволяет выбрать для главной статическую страницу или отображение свежих записей. Второй вариант больше подходит для блога. Поэтому если у вас не блог, то лучше выбрать статическую страницу. Даже если при сайте есть тематический блог, то главной делают статическую страницу, создают отдельно «Блог» и там уже отображаются последние добавленные записи.
Обсуждение
Настройки в разделе «Обсуждение» стоит изучать и менять только в том случае, если планируют использовать встроенные комментарии движка WP. В таком случае особого внимания заслуживают категории «Модерация» и «Черный список».
Здесь можно задать параметры, по которым сомнительные комментарии будут отправляться в спам или в очередь для ручной модерации.
Из оставшихся разделов «Медиафайлы» и «Конфиденциальность» не трогаем, а в «Постоянных ссылках» выбираем, в каком виде будет формироваться ссылка.
В большинстве случаев тут выбирают «Название записи».
Как настроить установленную тему
У каждой темы могут быть свои настройки в зависимости от ее вида и функциональности. Чтобы приступить к настройке темы, выбираем «Внешний вид» – «Настроить». У нас активна стандартная тема (в свежих версиях WordPress это Twenty Twenty-Five), поэтому сразу откроется окно редактирования её настроек. Современные стандартные темы — блочные: внешний вид правится прямо в редакторе, без кода.
Свойства сайта
Здесь выбирают логотип, задают название сайта, описание того, о чем он, а также добавляют иконку (фавикон) – это значок, который отображается на вкладке в браузере.
Цвета
Здесь задают цвет фона для основных блоков шаблона. Если оттенки «По умолчанию» не устраивают, то жмем «Пользовательский» и выбираем нужные цвета.
Настройки темы
Здесь устанавливаем, как считаем нужным. Обычно тут ничего не меняют.
Шаблон обложки
Здесь при необходимости вносим коррективы в визуальное отображение обложки.
Фоновое изображение
Если хотим изменить фон в выбранном шаблоне, то заходим в этот раздел, жмем «Выбрать изображение» и загружает картинку, размер которой не должен превышать 2Mb. Такую подложку можно найти самому в интернете или заказать ее создание дизайнеру.
Меню
Здесь можно редактировать имеющиеся в теме менюшки или создавать и настраивать свои собственные. В первом случае все просто – открываем имеющееся меню, удаляем, переименовываем или добавляем пункты.
Если хотим добавить свое, жмем «Создать новое меню», придумываем название и затем выбираем область, в которой оно будет располагаться. Наша тема предусматривает 5 мест, где можно вставить меню. Проделав это, жмут «Добавить элементы» и выбирают, что и как будет отображаться в создаваемой менюшке.
Здесь обычно выбирают или основные страницы, или рубрики, но при желании тема позволяет также добавлять записи, метки, произвольные страницы.
Виджеты
Здесь при необходимости добавляют нужные виджеты, расширяя функциональность темы:
Настройка главной страницы
Здесь можно настроить в теме то же самое, что мы рассматривали в настройке движка WordPress, раздел «Чтение». То есть тут задаем, что и как будет отображаться на главной странице – статическая страница или последние записи.
Дополнительные стили
Если хотите отредактировать макет, добавив стили для CSS, то тема позволяет это сделать и описывает, как происходит добавление нового кода.
Выбираем и добавляем полезные плагины
Одним из главных преимуществ CMS WordPress, как уже говорилось вначале, выступает огромное количество готовых программных решений. Добавляются они при помощи плагинов, расширяющих возможности движка. Проблема в том, что обилие таких плагинов вызывает сумятицу в головах новичков. Если же начать ставить все подряд, то это снизит скорость работы сайта, что плохо для продвижения. И это не говоря уже о том, что плагины от сомнительных разработчиков могут содержать уязвимости и вредоносный код.
Поэтому предлагаю вам вместе посмотреть, какие задачи нужно в первую очередь решить при помощи плагинов, и какие из них стоит выбрать без риска ухудшить работу созданного сайта. Условно жизненно необходимые плагины помогают в решении четырех следующих задач:
- Обеспечение безопасности.
- Борьба со спамом в комментариях.
- SEO-оптимизация.
- Улучшение юзабилити и расширение функциональности.
Обеспечиваем безопасность
Угроза безопасности исходит с двух сторон:
- Непосредственно от владельца сайта, который часто меняет что-то в коде, плагинах, настройках, а потом веб-ресурс начинает работать намного хуже, чем ранее или совсем «падает».
- От злоумышленников, пытающихся подсадить на сайт вредоносный код, преследуя при этом какие-то свои интересы.
Зачастую нанесенный ущерб исправлять нет смысла, т. к. на это уйдет много времени. Да и разобраться в проблеме без привлечения стороннего специалиста вряд ли удастся, а на это требуются деньги. Поэтому проще всего восстановить последнюю работоспособную версию сайта, а для этого требуется делать регулярные бэкапы (backup).
Чтобы делать работоспособные копии сайта, обычно используют следующие проверенные плагины:
Для установки новых расширений придерживаемся следующей пошаговой инструкции:
- обращаем внимание на пункт меню «Плагины», где есть категория «Добавить новый»;
- нажимаем на нее;
- в открывшемся окне вводим в строку поиска (вверху справа) название нужного плагина;
- как только система найдет его, жмем «Установить».
Как только плагин установится, в том же окне вместо кнопки «Установить», появится «Активировать». Активируем расширение. После этого можем найти плагин в меню, выбрать «Резервное копирование» и сделать бэкап.
Защитив сайт от самого себя при помощи одного из указанных плагинов, позаботимся, чтобы злоумышленники не подсадили вредоносный код. Делают они это обычно путем взлома при помощи брутфорсинга, т. е. перебора логинов и паролей. Для защиты от проникновения можно поставить плагин Loginizer.
Как не допустить спама в комментариях
Если позволять комментировать материалы на сайте всем желающим, то вскоре там появится много спама. Чтобы не допустить этого, есть два пути:
- Первый состоит в том, чтобы подключить внешнюю систему комментирования, которая сама борется со спамерами. Для этих целей в последнее время используют Disqus.
- Второй заключается в установке специальных плагинов, значительно усложняющих автоматизацию спам-рассылок. Для таких целей подойдет плагин Antispam Bee, Akismet Anti-Spam. Первый из них более простой, да еще и на русском, так что новичкам лучше выбирать именно его.
После активации Antispam Bee он самостоятельно начнет препятствовать появлению спама, но если захочется что-то изменить в работе плагина, то заходим в меню «Настройки» и находим внизу нужный пункт.
Ставим плагины для SEO-оптимизации
WordPress изначально дружелюбен к поисковикам, но из коробки он не умеет добавлять метатеги, карту сайта и микроразметку. Раньше под каждую задачу ставили отдельный плагин — карта, schema, заголовки. Сейчас всё это умеет один SEO-плагин, и плодить расширения не нужно.
Хороший SEO-плагин закрывает сразу весь фронт работ:
- метатеги Title и Description для каждой страницы;
- XML-карта сайта, которая обновляется автоматически;
- микроразметка Schema.org — Article, Review, FAQ и другие;
- канонические адреса и защита от дублей страниц;
- настройка превью при репосте в соцсети.
КурсыСравнение 30 курсов по XMLЦены, школы, длительность, рассрочка
На выбор два проверенных варианта:
- Rank Math — современный фаворит. Бесплатная версия закрывает почти всё нужное: карта сайта, schema, анализ страницы, интеграция с Search Console. Интерфейс простой, на русском.
- Yoast SEO — ветеран с понятной системой «светофора»: плагин подсказывает, что поправить в тексте. Бесплатная версия тоже есть.
Берите любой из двух. Ставить оба сразу нельзя — они конфликтуют. После установки плагин предложит короткий мастер настройки: указываете тип сайта, имя, логотип, и базовая оптимизация готова. Дальше на каждой странице появится блок, где можно вписать заголовок и описание для поисковика.
Через тот же плагин подтверждают права на сайт в Яндекс Вебмастере и Google Search Console: получаете проверочный код и вставляете в настройки. После этого поисковики начнут видеть ваши новые страницы.
Улучшаем удобство пользования сайтом и расширяем функциональность
Для улучшения удобства использования сайта и расширения функциональной части написаны тысячи плагинов. Здесь очень важно не начать устанавливать дополнения пачками, т. к. это замедлит работу движка и в результате приведет к печальным последствиям. Однако работать над улучшением уровня комфорта для пользователей необходимо и поставить несколько плагинов все-таки придется. Как же их выбрать? В первую очередь следует сесть подумать и четко обозначить круг задач, которые планируют решить за счет установки дополнений, а потом пошагово пройтись по каждому пункту и все решить.
К примеру, вы делаете на движке WordPress интернет-магазин. Значит, вам понадобятся плагины для e-commerce. Выберите несколько популярных, сравните их функционал, протестируйте сами, чтобы в итоге оставить один наиболее подходящий именно вам. Далее проанализируйте систему навигации. Тут важно обеспечить пользователю простые и понятные пути, чтобы он понимал, где и что ему искать. В то же время чуть ли не на каждой странице полезно разместить блоки с ссылками на похожие или наиболее интересные материалы. Это задержит пользователя на сайте, что хорошо для ранжирования, т. к. Яндекс отслеживает поведение посетителей. Кроме того, вырастет вероятность, что пользователь выполнит какую-то конверсию.
Обязательно стоит рассмотреть вариант добавления плагинов, которые позволят:
– быстро связаться с владельцами сайта или его представителями;
– увидеть наиболее активных пользователей;
– не пропустить кнопку подписки и пр.
После установки сайта посмотрите, какой формат ссылок WordPress ставит для новых страничек. Поисковые системы приветствуют ЧПУ – человеко-понятные урлы. Да, и сами пользователи больше доверия оказывают сайтам и страницам, адреса которых выглядят коротко и понятно. Избегайте также кириллических ссылок. К примеру, взгляните на адрес ссылки:
Он выглядит красиво и понятно. Но представьте, что вы захотели им поделиться. Копируете адрес и отправляете другу, а он видит следующее:
Подобный формат ссылок вызывает неприятное чувство и отбивает охоту ими делиться без крайней нужды. Поэтому стоит побеспокоиться о том, чтобы создание ссылки происходило правильно, и они выглядели в результате максимально привлекательно. Для этого используют один из тематических плагинов, например, WP Translitera. После того, как плагин будет добавлен и активирован, он автоматически станет переводить в латиницу название страницы и делать из него ссылку.
Вот как было до установки плагина:
Вот как стало после установки:
Кстати, для того, чтобы плагин преобразовал в латиницу уже существующие адреса страниц, придерживаемся следующей пошаговой инструкции:
- открываем настройки;
- жмем на Translitera;
- ставим галочки напротив соответствующих полей;
- жмем «Транслитерировать».
В обязательном порядке добавляем на все страницы кнопки всех популярных социальных сетей, чтобы пользователи могли делиться материалами сайта на своих страничках и в пабликах. Чтобы поставить кнопки, подойдет дополнение Head, Footer and Post Injections. При помощи этого плагина можно добить код сразу на каждую страничку сайта или на любую отдельно взятую.
Для добавления кнопок шаринга удобнее воспользоваться готовым плагином, например AddToAny Share Buttons — он автоматически добавит кнопки всех популярных соцсетей на страницы сайта без необходимости вставлять код вручную.
Чтобы сайт не только работал, но и продавал, нужен дизайн. Подборка курсов по веб-дизайну:
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Профессия «Веб-дизайнер» Перейти на сайт курса | Skillbox | 181 582 ₽ | 7387 ₽/мес. | 12 месяцев | Обзор курса |
| Профессия «UX/UI-дизайнер с нуля до PRO» Перейти на сайт курса |  Contented | 179 604 ₽ | 4989 ₽/мес. | 15 месяцев | Обзор курса |
| Веб-дизайн с нуля до middle Перейти на сайт курса | Нетология | 117 300 ₽ | 5783 ₽/мес. | 12 месяцев | Обзор курса |
| Веб-дизайн 3.0 Перейти на сайт курса | Skillbox | 133 684 ₽ | 3904 ₽/мес. | 9 месяцев | Обзор курса |
| Дизайнер социальных сетей (веб-дизайнер) Перейти на сайт курса | Skillbox | 32 120 ₽ | 2677 ₽/мес. | 3 месяца | Обзор курса |
Больше программ — в полном каталоге курсов по веб-дизайну
Делаем первые публикации и создаем страницы на сайте с движком WordPress
WordPress давно перешёл на блочный редактор Gutenberg — он входит в стандартный набор и работает как визуальный конструктор страницы. Контент собирается из блоков: абзац, заголовок, картинка, кнопка, галерея, таблица. Среди удобств:
- создавать страницу с произвольной структурой;
- добавлять в запись мультимедийные объекты и виджеты;
- менять расположение блоков.
Работать с новым редактором очень просто, т. к. он снабжен интуитивно-понятным интерфейсом. Убедиться в этом вы сможете сами после прочтения следующих подразделов, где мы рассмотрим, как происходит создание страниц и публикаций.
Создаем новую страничку
Для начала в основном меню находим раздел «Страницы», открываем его и жмем «Добавить новую».
Далее пишем заголовок и текстовый контент, а если требуется добавить какой-то новый блок, то жмем на «+».
К примеру, чтобы добавить блок с картинкой, жмем на «+» и выбираем «Изображение» (Image).
Для блока с изображениями можно выбрать готовые или добавить новые стили отображения:
Редактор Gutenberg позволяет встраивать самые разнообразные блоки, среди которых, к примеру, могут быть: любые кнопки, программный код, скрипты, интеграция постов из социальных сетей и т. п. Все это можно комбинировать и применять, чтобы оформить сайт по своему желанию.
Закончив редактирование страницы, вверху справа нажимают кнопку «Опубликовать». Перед публикацией можно предварительно просмотреть результат оформления страницы, нажав «Предпросмотр».
Разобравшись со страницами, давайте посмотрим, как происходит создание новых записей.
Создаем первую публикацию
Записи (посты блога) создаются так же, как страницы. Если блочный редактор кажется непривычным, можно вернуть старый внешний вид плагином Classic Editor. Но это скорее дело вкуса: Gutenberg за последние годы дозрел и большинству подходит без оговорок.
После этого для создания новой публикации переходим в раздел «Записи» и жмем на «Добавить новую»:
Затем выбираем рубрику. Если нужной нет, то переходим к созданию. И далее обращаем внимание на «Шаблон», который может быть разным в зависимости от типа записи.
Обратите внимание, что при добавлении контента в основное рабочее окно редактора, можно переключать вид отображения между вкладками «Визуально» и «Текст». Первая позволяет работать с контентом, как в обычном ворде, а если включить вторую, то появится отображение в HTML, что позволяет подправить ссылки, убрать мусорные теги, подкорректировать код мультимедийных объектов и т. д.
Закончив добавлять и редактировать контент, не забудьте прописать правильные, с точки зрения поисковой оптимизации, Title и Description, а затем жмите кнопку «Опубликовать». Все, с этого момента запись появится в свободном доступе, и если ничто не препятствует индексации, а сайт добавлен в поисковую систему Google и Яндекс, то после обработки нового контента роботами страница будет отображаться в выдаче поисковиков по релевантным запросам.
Канал основателя Checkroi Вани БуявцаПоказываю тебе, как публично строю Checkroi с нейросетями и делюсь цифрами, провалами и тем, что сработалоПодписатьсяСколько стоит разработка сайта на вордпресс
Сама CMS бесплатна, и это главный плюс WordPress. Но «бесплатно» заканчивается на движке: за хостинг, домен и часть плагинов платить всё равно придётся. А если зовёте разработчика, бюджет растёт на порядок. Разложим по полочкам.
Если делаете сами. Минимальный набор: хостинг и домен. На двоих это примерно 2 000–6 000 ₽ в год. Тема и базовые плагины бесплатные. Захотите премиум-тему или платный плагин под конкретную задачу — добавьте разово 1 500–10 000 ₽. То есть рабочий сайт реально запустить в пределах 3 000–5 000 ₽ за первый год.
Если заказываете. Цена зависит от исполнителя и сложности проекта:
| Кто делает | Что получаете | Цена |
|---|---|---|
| Сам | Сайт на готовой теме, свои силы и время | от 2 000 ₽/год (хостинг + домен) |
| Фрилансер | Сайт под ключ на готовой теме, базовая настройка | 30 000–150 000 ₽ |
| Веб-студия | Уникальный дизайн, сложный функционал, поддержка | от 200 000–500 000 ₽ |
Из чего складывается цена при заказе: аналитика и прототип, дизайн, вёрстка и программирование, настройка WordPress, наполнение контентом, тестирование. Чем больше уникального — тем дороже. Готовая тема вместо дизайна с нуля экономит десятки тысяч.
Не забывайте про расходы после запуска: продление хостинга и домена, обновления, иногда платные плагины с годовой лицензией. На простом сайте это те же 2 000–6 000 ₽ в год, на нагруженном магазине ощутимо больше.
Вывод. Для первого сайта почти всегда выгоднее собрать самому: потратите вечер-другой, зато сэкономите десятки тысяч и поймёте систему изнутри. Заказ оправдан, когда сайт напрямую приносит деньги и день простоя дороже работы разработчика.
WordPress или конструктор: что выбрать новичку
Раз уж зашла речь о бюджете: у WordPress есть очевидная альтернатива для новичка — конструкторы вроде Tilda. Споры «вордпресс или тильда» не утихают, и однозначного победителя нет, всё зависит от задачи.
Конструктор (Tilda). Всё в одном окне: редактор, хостинг, SSL, шаблоны, формы, аналитика, даже ИИ-помощник. Платите подписку и не думаете о технической части. Минус: вы ограничены возможностями платформы и привязаны к ней: перенести сайт на другой движок не получится. Подробно про создание сайта на Tilda у нас есть отдельный разбор.
WordPress. Полная свобода: тысячи тем и плагинов, любой функционал, сайт целиком ваш и живёт на вашем хостинге. Плата за свободу: систему придётся собирать из частей самому и следить за обновлениями. Зато на длинной дистанции дешевле и без потолка по возможностям.
| Критерий | WordPress | Конструктор (Tilda) |
|---|---|---|
| Старт | Сложнее, нужен хостинг | Проще, всё в браузере |
| Стоимость | Бесплатный движок + хостинг | Подписка от ~750 ₽/мес |
| Гибкость | Практически без ограничений | В рамках платформы |
| Переезд на другой движок | Свободно | Невозможен |
| Магазин | WooCommerce, любой масштаб | Встроенный, для небольших |
| Кому подойдёт | Тем, кто хочет расти и владеть сайтом | Тем, кому нужен быстрый результат |
Если коротко: нужен быстрый одностраничник без возни — берите конструктор. Планируете расти, вести блог, развивать магазин и полностью владеть сайтом — WordPress окупится. Ещё больше вариантов собрали в обзоре конструкторов сайтов.
Вот и весь пошаговый план создания сайта на WordPress с нуля. Дальше самое интересное: наполнять сайт контентом, продвигать его и развивать. У этой CMS есть всё для проектов любого масштаба, от блога до магазина, под десктоп и мобильные. А захотите делать сайты профессионально и зарабатывать на разработке — это уже отдельная история, которая начинается с хорошего курса.
Смог разобраться и сам настроить kadistorg.ru спасибо.