Найти в Дзене
HoMGoRN.com - SEO, AI
28 подписчиков

Как сделать instant view в WordPress для просмотра сайтов не выходя из Телеграм

3
2 мин
Instant View в Telegram — это технология, которая позволяет пользователям мгновенно просматривать статьи с вашего сайта прямо в мессенджере, без необходимости перехода на внешний ресурс. Это улучшает пользовательский опыт и увеличивает вовлеченность. # Use Instant View version 2.0
~version: «2.0» # Use this template only blog article pages
?exists: /html/head/meta[@property=»article:published_time»] # Get article text in <article>
body: //article # Get title from <h1> title: $body//h1[1]
subtitle: $title/next-sibling::h2
author_url: //span[has-class(«author»)]//@href Читайте также Как настроить автопостинг статей из Wordpress в Вконтакте # Get article cover image
cover: //img[has-class(«wp-post-image»)] # Convert all iframe elements to inline element
@inline: $body//iframe[starts-with(@src, «/media/»)] # Remote header and footer
@remove: //article/header
@remove: //article/footer # Fix gallery <figure>
@split_parent: //figure[has-class(«wp-block-image»)] # Replace p to figure
@replace
Оглавление

Создание Instant View для WordPress сайта в Telegram: Подробная инструкция

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

Шаг 1: Проверка совместимости темы

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

Шаг 2: Установка плагина

  • Установите плагин для Instant View. Существует несколько плагинов, которые могут помочь вам создать шаблон Instant View, например:Instant View for WP: Простой и удобный плагин с базовыми настройками.
    Telegram Instant View: Более продвинутый плагин с возможностью кастомизации шаблона.
    Заказать у меня: t.me/realhikaz
  • Активируйте плагин и ознакомьтесь с его настройками.

Шаг 3: Создание шаблона Instant View

  • Используйте визуальный редактор или код, чтобы создать шаблон, который будет определять, как контент вашего сайта будет отображаться в Telegram.
  • Укажите элементы, которые должны быть включены в Instant View: заголовок, текст статьи, изображения, видео и т.д.
  • Определите стили: шрифты, цвета, отступы и другие параметры форматирования.

Шаг 4: Проверка и публикация шаблона

Пример шаблона Instant View:

# Use Instant View version 2.0
~version: «2.0»

# Use this template only blog article pages
?exists: /html/head/meta[@property=»article:published_time»]

# Get article text in <article>
body: //article

# Get title from <h1>

title: $body//h1[1]
subtitle: $title/next-sibling::h2
author_url: //span[has-class(«author»)]//@href

Читайте также Как настроить автопостинг статей из Wordpress в Вконтакте

# Get article cover image
cover: //img[has-class(«wp-post-image»)]

# Convert all iframe elements to inline element
@inline: $body//iframe[starts-with(@src, «/media/»)]

# Remote header and footer
@remove: //article/header
@remove: //article/footer

# Fix gallery <figure>
@split_parent: //figure[has-class(«wp-block-image»)]

# Replace p to figure
@replace_tag(<figure>): $body//p[.//img]

# Youtube Embedded Fix
@replace_tag(<figure>): $body//p[.//iframe]