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

v1.0.1 Добавлена конвертация img в amp-img

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качиваний: 19) (с шаблоном print.tpl + css)
dle-print-page4amp_v1_0_1.zip [16,6 Kb] (cкачиваний: 10) автоматическая замена img на amp-img (с шаблоном print.tpl + css)
dle-print-page4amp_v1_0_0.xml [2,4 Kb] (cкачиваний: 4) (только файл плагина)
dle-print-page4amp_v1_0_1.xml [3,73 Kb] (cкачиваний: 3) (только файл плагина если нет необходимости перезаписывать шаблон версии для печати)

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



В файле шаблона 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.1 от 2021-11-09


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

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


v1.0.0 от 2021-11-05


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


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


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

Версия: 1.0.1
Страница модуля: https://github.com/tcse/DLE-print-page4amp
Автор версии: Виталий Чуяков
Правообладатель: Виталий Чуяков. (talik@tcse-cms.com)

Похожие публикации

AMP4DLE - плагин AMP страниц для DLE

Модуль AMP страниц для DataLife Engine В качестве исходника - бесплатный модуль DomiTori Автоматическая генерация AMP версии страниц полной новости. Суффикс /amp.html в конце ссылки полной новости.... читать далее

Шаблон версии для печати print.tpl для DLE

Страница сайта предназначаемая для печати в современном вебе уже не так актуальна как во времена ЭЛТ-мониторов и отстуствия постоянного онлайна, но в некоторых областях до сих пор есть спрос на такие... читать далее

Блог им. madduck / Print.css — стиль для печати для wordpress

Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта, то на бумаге он будет выглядеть почти так же как и в сети,... читать далее

Шаблон для простого модуля в DLE 13

обсуждение публикации Заготовка под простой плагин для DLE 13 а так же готовые варианты модулей со справочной информацией созданных на основе данного шаблона.... читать далее

Показ видео с youtube по ссылке на страницу ролика - YouTube PopUp jQuery Plugin

YouTube PopUp jQuery Plugin Для DataLife Engine. Теперь в виде плагина для простой установке в свой шаблон. Доработка плагина для использования в шаблона DLE CMS. Например для RSS информеров в... читать далее

Jquery / Фиксим плагин jGrowl в IE 7

Сегодня с удивлением обнаружил, что популярный в народе jQuery-плагин для показа сообщений jGrowl версии 1.1.1 не работает в IE7. Вернее, сами сообщения отображается, но где-то внизу. В других... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent