Сайты с ИИ2026-09-297 минНатали Анарбаева

Как сделать сайт-блог: лента, рубрики и первая запись

Как сделать сайт-блог: лента, рубрики и первая запись

Чтобы сделать сайт-блог, подготовьте не только главную страницу, но и способ выпускать новые записи: общую ленту, рубрики, отдельный адрес каждой записи и меню. Ниже вы соберёте минимальный рабочий блог на WordPress.com и проверите его без доступа к коду. Понадобятся аккаунт, тема блога и черновик первой записи; для одного неизменяемого текста достаточно обычной страницы.

Из каких частей состоит рабочий блог

Блог отличается от сайта-визитки повторяемым выпуском материалов. Лента показывает записи, страница записи даёт постоянную ссылку, рубрики собирают материалы по темам, меню связывает разделы. В WordPress записи и обычные страницы являются разными типами содержимого, поэтому страница «О проекте» не заменяет публикации в ленте. Это различие описано в документации WordPress.

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

До сборки запишите цель блога, названия первых трёх материалов и две или три рубрики. Например, для дневника ремонта рубрики «Планирование» и «Материалы» полезнее десятка пустых категорий. Если первая запись не подходит ни одной теме, измените структуру до публикации. Для общего планирования страниц пригодится карта контента сайта.

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

Посмотреть, как собрать

Когда выбрать WordPress.com, а когда статический сайт

Если вы собираетесь добавлять записи регулярно и не хотите править HTML, возьмите систему публикации с разделом «Записи». Ниже показан путь на WordPress.com. Если материалов мало и обновляет их разработчик, возможен статический блог, но тогда выпуск каждой записи и обновление ленты нужно поддерживать в генераторе или вручную. Общий выбор платформ разбирается в руководстве по CMS-сайту.

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

WordPress.com и WordPress на собственном хостинге используют похожие понятия «запись» и «рубрика», но отличаются настройкой и обслуживанием. В этой инструкции названы пункты панели WordPress.com. Если нужен собственный сервер, сначала изучите путь установки WordPress.

По теме: Как сделать сайт вопросов и ответов: рабочий Q&A в 2026

Как собрать ленту и выпустить первую запись

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

  1. Создайте сайт в WordPress.com и выберите тему, в которой читаются заголовки и основной текст. Откройте предварительный просмотр на телефоне.
  2. Откройте «Записи» → «Рубрики», создайте две или три темы из плана и назначьте понятную рубрику по умолчанию вместо «Без рубрики». Порядок настройки есть в справке WordPress.com.
  3. В «Записи» добавьте новую запись. Напишите заголовок, введение, подзаголовки и основной текст; назначьте рубрику. Проверьте предварительный просмотр, затем нажмите «Опубликовать».
  4. Создайте страницу «Блог» и добавьте блок Blog Posts либо Query Loop. Они выводят опубликованные записи; выбор зависит от нужного вида карточек и фильтрации. Опубликуйте страницу и добавьте её в меню.
  5. Откройте публичную страницу блога в другом окне, перейдите в запись и вернитесь через меню. Откройте рубрику и проверьте, что запись есть в списке.

Блок Blog Posts проще, если достаточно списка или сетки. Query Loop даёт настройку полей карточки и фильтров; оба способа показаны в инструкции WordPress.com. Не создавайте новую обычную страницу для каждого материала: запись должна появляться в ленте после одной публикации. Если вы пишете редкие обновления и не нуждаетесь в рубриках, начните с простой страницы.

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

Пройти путь до сайта

Как задать адреса и навигацию без путаницы

До рассылки ссылки проверьте адрес записи. WordPress.com позволяет изменить его последнюю часть, slug; после публикации менять адрес без причины не стоит. Структура постоянных ссылок может зависеть от плана сайта, поэтому не рассчитывайте заранее на формат без даты: сначала посмотрите фактический URL. Это объясняют справка об адресах и справка о структуре ссылок.

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

Свяжите страницы обычными кликабельными ссылками. Google поясняет: для надёжного обнаружения перехода нужна ссылка <a> с href, а понятный текст ссылки помогает человеку и поисковой системе. Кнопка с одним обработчиком JavaScript не заменяет такую навигацию. Источник: рекомендации Google по ссылкам. Для разветвлённого блога полезен разбор многостраничного сайта.

По теме: Как сделать сайт с расписанием: занятия, даты и проверка

Как принять блог перед запуском

Откройте сайт в приватном окне и на телефоне: без входа в панель должен читаться весь публичный материал. Проверьте клавиатуру: ссылки меню и рубрик должны получать фокус и открываться по Enter. Для самостоятельно написанного HTML MDN рекомендует <article> для записи и <nav> для основных групп ссылок; готовая тема может формировать эти элементы сама. Источники: MDN об article и MDN о nav.

  • В ленте видна опубликованная запись, а не пустой шаблон карточки.
  • Карточка открывает полный текст по отдельному адресу; прямое открытие адреса тоже работает.
  • Рубрика содержит запись, ссылка на неё видна из меню или самой записи.
  • На телефоне нет горизонтальной прокрутки, текст читается без увеличения.
  • После второй тестовой записи лента обновляется без ручного копирования карточки.

Это критерий готовности. Если запись видна только автору, проверьте её статус и видимость. Если запись опубликована, но отсутствует в ленте, проверьте фильтр блока Blog Posts или Query Loop и назначенную рубрику. Если меню ведёт на пустую страницу, проверьте, что в нём выбран адрес опубликованной ленты, а не черновика.

Что делать, когда запись или рубрика пропала

Пустая рубрика часто означает, что запись попала в рубрику по умолчанию или блок ленты фильтрует другую тему. Исправьте назначение и откройте обе страницы снова. Если название записи поменялось, а ссылка осталась прежней, проверьте slug: WordPress.com разделяет заголовок и адрес. Если лента обновляется лишь после ручного редактирования главной, вероятно, вы сделали статические карточки вместо блока записей.

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

Частые вопросы

Можно ли сделать блог из одной страницы?

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

Нужно ли ставить WordPress на свой сервер?

Нет. Описанный путь использует WordPress.com. Самостоятельное размещение выбирайте, если готовы отвечать за обслуживание и настройки сайта.

Обязательны ли рубрики с первой записи?

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

Почему запись есть, а в ленте её нет?

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

Хотите собрать собственный сайт с лентой материалов и рабочей навигацией? На бесплатном вебинаре по вайбкодингу покажут подход к созданию проекта с ИИ и проверке результата.

Записаться на вебинар
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Первый проект с ИИ: живой разбор, бесплатно Занять место