AMP версия DLE на основе страницы для печати - плагин DLE-print-page4amp

Еще один плагин генерации AMP страниц для DLE, теперь на основе версии для печати.


Перед тем как устанавливать плагин, сделайте резервную копию файла {THEME}/print.tpl своего шаблона. Так как плагин загружает модифицированную версию данного файла с разметкой для AMP страницы.

Ссылка на "версию для печати" в мире, где распечатывать документы на принтере становиться плохим тоном (под соусом что мы за экологию и против вырубания лесов) имеет смысл приспособить для пользы своего веб-сайта. И совместить возможность печати (тем, кому это действительно нужно) и разметку AMP страницы для роботом.

Например, если обернуть стандартную строку html кода в шаблоне fullstory.tpl дополнительными тегами определяющими тип устрйоства с которого просматривают сайта.
И вместо базовых:

[print-link]<i class="fa fa-print"></i>  Распечатать[/print-link]

Написать так:

[print-link] [desktop]<i class="fa fa-print"></i>  Распечатать[/desktop] [not-desktop]<i class="fa fa-bolt"></i>  AMP версия страницы[/not-desktop] [/print-link]

То посетители с ПК будут видеть привычную ссылка на "Распечатать", а посетители со смартфонов ссылку на AMP версию страницы



Пример шаблона AMP страницы



В основе AMP шаблона готовые скины с официального сайта amp amp.dev/ru/documentation/templates/simple_article/

Принцип работы AMP с DataLife Engine

AMP версия создается только для статьи целиком (то, что обычно отображается в шаблоне {THEME}/fullstory.tpl )
После подключения и активации плагина DLE-print-page4amp у каждой статьи сайта в метатегах генерируемых CMS появляется новый тег информирующий о наличии AMP версии страницы.

где rel="amphtml" это тот самый признак AMP-версии,
а ссылка вида https://sitename.com/o-skripte/print:page,1,1-post1.html ( на самом деле это версия для печати ) и есть адрес AMP страницы.

Проверить корректность работы всегда можно через https://search.google.com/test/rich-results



Скачать плагин:
Скачать файл: dle-print-page4amp_v1.0.0.zip [15,75 Kb] (cкачиваний: 69) (с шаблоном print.tpl + css)
Скачать файл: dle-print-page4amp_v1_0_1.zip [16,6 Kb] (cкачиваний: 36) автоматическая замена img на amp-img (с шаблоном print.tpl + css)
Скачать файл: dle-print-page4amp_v1_0_0.xml [2,4 Kb] (cкачиваний: 32) (только файл плагина)
Скачать файл: dle-print-page4amp_v1_0_1.xml [3,73 Kb] (cкачиваний: 27) (только файл плагина если нет необходимости перезаписывать шаблон версии для печати)
Скачать файл: dle-print-page4amp_v1_0_2.zip [26,75 Kb] (cкачиваний: 34)
Скачать файл: dle-print-page4amp_v1_0_3.xml [3,97 Kb] (cкачиваний: 39) для DLE 15.1 и php 7.3

Страница разработки https://github.com/tcse/DLE-print-page4amp
Актуальный релиз https://github.com/tcse/DLE-print-page4amp/releases

Официальный анонс на DLE-news.ru


В файле шаблона print.tpl работают все теги, которые заявлены разработчиками DLE.
Мы не вносили никаких дополнительных правок (версия 1.0.0). На практике это означает, что если в новых версиях движка появятся новые теги для страницы печати, то они так же будут доступны и в нашей версии AMP-шаблона на основе этого файла.
В версии 1.0.1 добавлена поддержка нового тега {amp-full-story} вместо обычного {full-story} внутри которого происходит автоматическая замена тегов img на amp-img для текста в теле публикации целиком.

Обратите внимание:

Формат amp страниц чувствителен к синтасису разметки.
И если вы ходите отображать свои изображения, то для них требуется использовать amp-img теги с обязательными атрибутами ширины и высоты.
Пример:

[image-1]    <amp-img src="{image-1}" width="360" height="360"></amp-img> [/image-1]

Данный код выведет amp-изображения первой картинки из краткой новости.

Так же для вывода видео используется свой код amp-video в том числе для ютуба.
Потребуется реализовать отображение ролика через дополнительное поле публикации.
Например дополнительное поле с именем amp-youtube-id

[xfgiven_amp-youtube-id] <amp-youtube    data-videoid="[xfvalue_amp-youtube-id]"    layout="responsive"    width="480" height="270"></amp-youtube> [/xfgiven_amp-youtube-id]

Если ваш сайт использует функцию движка для вывода шаблона smartphone то файлы из папки templates/{THEME}/ необходимо скопировать в папку smartphone

Иначе при тестировании со стороны Google вашего сайта он не сможет обнаружить шаблон с amp разметкой.

Для использования контекстной рекламы на AMP страницах необходимо использовать специальные блоки информация о которых в официальной документации https://amp.dev/

История версий:

v1.0.3 от 2022-01-30

В версии 1.0.3 специальные правки для DLE 15.1 и только для нее.
Скачать файл: dle-print-page4amp_v1_0_3.xml [3,97 Kb] (cкачиваний: 39) для DLE 15.1 и php 7.3
Если у вас перестал генерироваться метатег amp страницы, то в первую очередь проверить активацию действий внутри плагина



Ручные внесения изменений

v1.0.2 от 2021-12-21

В версии 1.0.2 Добавлена папка шаблонов с файлами для templates/smartphone так как многие все еще используют для отображения на мобильниках отдельной смартфон-версии шаблона.


Обновлена структура файлов шаблона:
{THEME}/print.tpl
{THEME}/custom/print/categorymenu.tpl
{THEME}/custom/print/amp-custom-css.tpl

v1.0.1 от 2021-11-09

- доработан шаблон отображения полной новости


- тег {full-story} заменен на {amp-full-story} для автоматической замены img на amp-img
- Как всегда большое спасибо Павлу Pafnuty Белоусову

v1.0.0 от 2021-11-05

- исходная версия плагина с базовой разметкой

Новости компании

Общая информация о теме дизайна

accent by Colorlib интегрировано и настроено в TCSE Тема дизайна в которой нет ничего лишнего. Предназначена для блог и новостных проектов, может быть использована как часть...

Подробнее

Про хипстеров

Олег: Возникла идея современного детективного романа. Не знаю, как назвать. Выбираю между "Барбершоп смерти" и "Нож в спиннер". Предложите еще варианты? Главный герой -...

Подробнее

Григорий Семухин - Параллель.

Для тех кому понравилась серия играть что бы жить. Именно эта серия дает схожий опыт но под другим углом и взаимодействии виртуальных миров и реальности друг на друга. Классическая...

Подробнее

Литературные новости

Литературные новости в картинках Жена высокопоставленного чиновника покончила с собой после ссоры с любовников. Дочь столичного чиновника расправилась с...

Подробнее

LRR #8 - Trap хиты из TikTok

Самые популярные треки Tiktok в одном миксе. Русский Trap разбавленный хитами с youtube. Треклист: 01. - The Limba - СМУЗИ 02. - MORGENSHTERN & Lil Pump - WATAFUK? 03. - Ski Mask...

Подробнее

Модуль DLE importNews - работа с новостями сайта через CSV

Плагин для DLE, позволяющий выгружать новости в CSV и загружать их на сайте. Оптимальное решение для быстрого наполнения CMS DLE товарами из прайс-листов получаемых от поставщиков в XLSX...

Подробнее

Написать комментарий

1 комментарий

ВиталийВеб-студия TCSE 5 июня 2023 14:12
Возможно плохо смотрел, но найти реализацию AMP шаблона для платформы Webasyst пока не удалось.
Имеет смысл разработать свою альтернативу.