Размер AMP Pinterest
Во всех уроках / примерах должна быть задана правильная ширина и высота нашего внедренного изображения интереса. У нас (в настоящее время) нет возможности получить эту информацию.
У нас есть некоторые возможности компоновки AMP, но ни одна из них не работает:
- фиксированная высота -> проблемы с пейзажами -> вырезанные
- исправлено -> вырезано
- отзывчивый -> без размеров -> не отображается
Почему поведение Pinterest не такое, как в Instagram или Twitter?
Когда вы смотрите на страницу примера: https://ampbyexample.com/components/amp-pinterest/
здесь PIN-код также отображается неправильно. Зачем?
Обобщенная:
Можно ли заставить Pinterest работать без размеров?
Если это невозможно без измерений: нужен ли нам PHP API для получения этих измерений?
Решение
Одна из основных целей AMP — избежать переформатирования контента во время загрузки страницы. AMP достигает этого путем статического макета всей страницы. Это требует, чтобы высота всех компонентов AMP могла быть рассчитана заранее. Это причина, по которой вам нужно указать высоту встраивания Pinterest, и нет пути ее обойти (то же самое верно и для всех других встраиваний, таких как twitter, instagram, …).
В вашем случае это звучит как responsive верстка — лучший вариант (требуется width а также height хотя для того, чтобы рассчитать соотношение сторон изображения). Тем не менее, похоже, что amp-pinterest не поддерживает адаптивный макет, поскольку изображение не масштабируется. Я бы порекомендовал заполнить сообщение об ошибке для выполнения AMP.
Постскриптум Образцы на https://ampbyexample.com/components/amp-pinterest/ исправлены сейчас.
Другие решения
Других решений пока нет …
detector