tcse / amp4dle Goto Github PK
View Code? Open in Web Editor NEWМодуль AMP страниц для DataLife Engine
Модуль AMP страниц для DataLife Engine
AMP4DLE/engine/modules/amp.php
Line 15 in 62da252
Для разделения различных модулей, и плагинов внутри папки шаблона переместить из {THEME}/amp.tpl
В более правильный {THEME}/assets/AMP4DLE/index.tpl
По всей видимости, так будет значительно продуктивнее.
В виде расширения для модуля BlockPro 6.
Остается понять, какие обязательные элементы необходимо оставить.
Точно необходимо сделать одну папку для amp шаблонов. Из шаблона сайта по умолчанию. Это актуально для сайтив с активным мобильным шаблоном.
AMP4DLE/engine/modules/amp.php
Line 206 in 62da252
В ходе тестирования на живых сайтах оказалось, что часть базовых тегов для шаблона полной новости fullstory.tpl не обрабатываются в данном модуле:
{image-x} | Выводит URL картинок находящихся в краткой новости, где x это номер картинки в новости, например {image-1} выведет URL первой картинки в краткой новости
[image-x] текст [/image-x] | Выводят текст указанный в них только в случае если картинка с номером X присутствует в новости
[not-image-x] текст [/not-image-x] | Выводят текст, указанный в них только в случае если картинка с номером X отсутствует в новости.
{fullimage-x} | Выводит URL картинки, находящийся в тексте полной новости, где "x" это номер картинки в новости
[fullimage-x] текст [/fullimage-x] | Выводят указанный в них текст, только если картинка с номером "x" присутствует в полной новости.
получается, что вставить картинки отдельно в красивые карусели и слайдеры, которые поддерживает AMP формат нельзя.
{banner_x}
тоже не работает.
{full-story limit="x"}
нужен в качестве альтернативы для вывода только анонса публикации без форматирования. В связке с тегами картинок {image-x} может формировать красивую презентацию из произвольной статьи на сайте.
Нужно будет собрать инструкцию по подключению в шаблон amp-fullstory.tpl тегов из fullstory.tpl
AMP4DLE/templates/{THEME}/amp.tpl
Line 23 in 62da252
иногда тесты https://search.google.com/test/amp выдают ошибку страницы.
Приведенный URL относится не к AMP-странице
Каноническая страница ссылается на страницу без функций AMP. Подробнее о том, как настроить ссылки с обычных страниц на их AMP-версии…
https://support.google.com/webmasters/answer/7478053#canonical_references_non_amp вот тут пояснения.
Вероятно строка
<link rel="canonical" href=".">
Должна стать
<link rel="canonical" href="{full-link}">
Возможно ли настроить amp только для одной категории?
Подскажите пожалуйста, почему не работает спойлер в amp?
Вот что пишет в консоль
Uncaught ReferenceError: ShowOrHide is not defined
at :1:1
ShowOrHide('sp9a486415aaa2fc3b59a4bc1cea073533')
AMP4DLE/engine/modules/amp.php
Line 132 in 62da252
Оказалось, что не все типы дополнительных полей обрабатываются :(
Конструкция вида
[xfgiven_x]
<amp-img src="[xfvalue_image_url_x]" width="640" height="320"></amp-img>
[/xfgiven_x]
выводит текстом сам тег [xfvalue_image_url_x]
Как я понимаю, в 2017 году когда разрабатывался исходник этого модуля сам DLE не поддерживал теги вида
[xfvalue_thumb_url_X] | Данный тег может использоваться только если дополнительное поле имеет тип "Изображение". Тег выводит только URL для уменьшенной копии загруженного изображения, где "х" это имя дополнительного поля
[xfvalue_image_url_X] | Данный тег может использоваться только если дополнительное поле имеет тип "Изображение". Тег выводит только URL для полноразмерной картинки загруженного изображения, где "х" это имя дополнительного поля
[xfvalue_X image="Nr"] | Выводит загруженные для дополнительного поля с типом "Галерея" изображения, по отдельности. Где "X" это имя дополнительного поля, а "Nr" это номер изображения из галереи. Например, при использовании [xfvalue_test image="2"] будет выведено изображение номер два, загруженное в дополнительное поле с именем "test".
Надо будет попробовать внедрить.
Так как валидатор AMP страниц https://validator.ampproject.org
требует сделать с картинками все как указано в инструкции https://amp.dev/documentation/guides-and-tutorials/start/create/include_image/?format=websites
Типовые картинки
<src="welcome.jpg" alt="Welcome">
превращать в
<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>
Без этого валидатор ругается.
Документация по теме https://amp.dev/ru/documentation/guides-and-tutorials/learn/validation-workflow/validate_amp/?format=websites
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.