Настройка блока «Похожие новости» под текстом статьи

Беседа пользователя Us с GOOGLE AI. ЧастьIII

Google AI: Добавление блока «Похожие новости» (Related Posts) в конце статьи — это лучшее решение для удержания читателя. Человек дочитывает новость до конца и сразу видит продолжение темы, не возвращаясь на главную страницу. [1]

В стандартном редакторе блоков WordPress (Gutenberg) этот блок создается на основе уже знакомого нам инструмента «Петля запроса» (Query Loop), но со специальной фильтрацией. [2]

1. Откройте нужный шаблон:
   • Перейдите в Внешний вид → Редактор → Шаблоны → Одиночная запись (Single Post).
2. Позиционирование блока:
   • В левой (широкой) колонке найдите самый конец контента.
   • Вставьте его строго ПОСЛЕ блока «Содержимое записи» (Post Content), но ДО комментариев или подвала.
3. Вставка разделителя и заголовка:
   • Добавьте блок «Разделитель» (Separator) (тонкая серая линия во всю ширину колонки).
   • Под линией добавьте блок «Заголовок» (Heading), выберите уровень H3 или H4 и напишите текст: «Читайте также» или «Похожие новости». Сделайте шрифт строгим и аккуратным.
4. Добавление и настройка «Петли запроса»:
   • Нажмите + и добавьте блок «Петля запроса» (Query Loop).
   • Выберите вариант «Начать с пустого» → «Изображение и заголовок».
   • В панели инструментов самого блока (сверху) нажмите кнопку «Настройки дисплея» и установите количество элементов: 3 (оптимально для горизонтальной сетки).
5. Привязка к текущей категории (Умный фильтр):
   • Выделите добавленный блок «Петля запроса».
   • В правой панели настроек найдите раздел «Фильтры».
   • Включите настройку «Наследовать запрос из шаблона» (Inherit query from template).
   • Как это работает: Благодаря включению этой опции внутри шаблона одиночной записи, WordPress автоматически определит, к какой категории относится текущая статья (например, «Экономика»), и выведет под ней 3 самые свежие новости именно из этой же категории.
6. Визуальное оформление в стиле минимализма (Сетка):
   • Внутри «Петли запроса» выберите блок «Шаблон записи» (Post Template).
   • В панели настроек справа переключите режим отображения с «Списка» на «Сетка» (Grid). Блок автоматически выстроит 3 похожие статьи в один аккуратный горизонтальный ряд.
   • Настройте элементы внутри карточки статьи:
     • Миниатюра записи: Задайте пропорции (например, прямоугольник 16:9) и включите режим Cover (Заполнение).
     • Заголовок записи: Уменьшите размер шрифта до компактного и сделайте его ссылкой.
     • Дата записи: Добавьте мелким шрифтом под заголовком (по желанию).

Итоговая структура вашей газеты готова

Теперь ваш новостной сайт полностью укомплектован по стандартам современных минималистичных медиа:

• Главная страница: Чистая двухколоночная газета с быстрым меню из 12 категорий и сайдбаром.
• Страницы категорий: Автоматически фильтруются и выводят только релевантные новости в том же дизайне.
• Страница статьи: Удобный для чтения текст, аккуратный сайдбар с картинками справа и блок автоматических похожих рекомендаций внизу страницы.
• Скорость: За счет использования только стандартных блоков (без Elementor/Divi) сайт будет летать на мобильных устройствах.

Google AI: Если вы хотите сделать сайт еще более интерактивным, дайте знать: нужно ли добавить кнопки «Поделиться в соцсетях» под текстом новости, или минималистичного текстового формата для старта проекта вам достаточно?

US: добавить кнопки

Google AI: Для добавления кнопок «Поделиться в соцсетях» в минималистичном стиле без установки тяжелых плагинов (которые замедляют сайт) в WordPress предусмотрено два отличных решения. Вы можете использовать полностью встроенный стандартный блок или легкий специализированный инструмент.

Ниже описаны оба варианта настройки внутри вашего шаблона статьи.

Способ 1. Стандартный блок «Социальные иконки» (Максимальная скорость)

Этот способ не требует установки плагинов. Кнопки будут выглядеть как аккуратные минималистичные значки. По умолчанию в WordPress этот блок служит для ссылок на ваши профили, но его можно легко превратить в кнопки «Поделиться» с помощью специальных ссылок-шерингов.

1. Откройте Внешний вид → Редактор → Шаблоны → Одиночная запись (Single Post).
2. В левой колонке сразу после блока «Содержимое записи» (но перед «Похожими новостями») нажмите + и добавьте блок «Социальные иконки» (Social Icons).
3. Нажмите внутри блока на + и добавьте нужные платформы (например, Telegram, WhatsApp, VK, Twitter).
4. В настройках блока справа выберите стиль «Только значки» (Logos only) или «Черные пиктограммы», чтобы они идеально вписались в минимализм. Там же можно уменьшить их размер.
5. Настройка шеринга: Кликните на каждую иконку и вместо ссылки на ваш канал вставьте специальный динамический код, который заставит соцсеть делиться текущей страницей:
   • Telegram: t.me{current_url} (WordPress автоматически подставит адрес статьи, если использовать плагины совместимости, но для чистого FSE лучше использовать универсальный микро-скрипт или Способ 2).

Способ 2. Установка микро-плагина (Рекомендуется для удобства)

Если вам нужны полноценные, красивые кнопки «Поделиться», которые сами высчитывают адрес текущей статьи и не грузят код сайта, используйте один из этих ультралегких плагинов:

• Scriptless Social Sharing: Самый популярный плагин среди минималистов. Он не использует JavaScript и тяжелые стили. Создает простые текстовые или графические кнопки, которые выводятся строгой аккуратной строкой.
• Shared Counts: Высокооптимизированный плагин. Он просто добавляет стандартный блок в редактор Gutenberg, позволяя в один клик разместить стильные кнопки шеринга.

Как настроить после установки плагина:

1. Зайдите в настройки плагина в админке WordPress и выберите нужные соцсети (например, VK, Telegram, Одноклассники, Скопировать ссылку).
2. В настройках стиля выберите «Минимализм» (Серые или черно-белые кнопки).
3. Перейдите в ваш редактор шаблона «Одиночная запись» (Single Post).
4. Вставьте шорткод плагина или его фирменный блок сразу под текстом новости.

Идеальное расположение кнопок в газете

В минималистичных медиа кнопки шеринга располагают в одном из двух мест:

• Классическое: Горизонтальный ряд аккуратных иконок сразу под заголовком статьи (рядом с датой и автором) — для тех, кто хочет поделиться новостью мгновенно.
• Финальное: Под текстом статьи, прямо перед линией-разделителем блока «Похожие новости» — чтобы читатель поделился материалом сразу после прочтения.

Google AI: Если вы выберете установку плагина, я могу подсказать конкретные настройки стилей CSS, чтобы сделать кнопки абсолютно плоскими и монохромными в тон вашей минималистичной газете. Хотите настроить их внешний вид?

Us: Пока достаточно, СПАСИБО!

Google AI: Рад был помочь! Проект вашей минималистичной и быстрой газеты полностью готов к наполнению контентом.

Когда вы решите двигаться дальше, дайте знать. Мы сможем настроить:

• Автоматическую генерацию карты сайта (Sitemap) для мгновенного попадания новостей в поисковики.
• RSS-ленту для трансляции ваших статей в новостные агрегаторы.
• Турбо-страницы или AMP для ускорения чтения на смартфонах при слабом интернете.

Успешного старта вашему медиа-проекту! На связи, если появятся новые вопросы.

Dim_Su