Как использовать AMP с WordPress
AMP — это совместная работа, которая обещает лучшую производительность загрузки страниц для сайтов в мобильной среде. Но, как вы можете узнать из нашего предыдущего урока, вам придется пожертвовать модными вещами со своего веб-сайта и строго следовать правилам, соблюдать руководящие принципы и проверять страницы. Похоже, многое нужно сделать, не так ли?
К счастью, если вы создали свой сайт с помощью WordPress, вы можете сразу же применить AMP к своему сайту, используя плагин под названием AMP-WP, Он поставляется с большим количеством функций, чем кажется на первый взгляд. Итак, давайте посмотрим, как это работает.
Читайте также: 10 важных компонентов ускоренных мобильных страниц (AMP), которые вы должны знать
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
активация
Для начала войдите на свой сайт, перейдите в Плагины> Добавить новый экран. Поиск «AMP; установить и активировать один из Automattic,
После активации вы можете просмотреть сообщение, преобразованное в AMP, добавив / amp / trail в конце URL-адреса записи (например, http://wp.com/post/amp/) или с помощью? Amp = 1 (например, http : //wp.com/post/? amp = 1) если вы не используете милые постоянные ссылки особенность на вашем сайте.
И, как вы можете видеть выше, посту были даны основные стили, которые вы можете дополнительно настроить.
Отметить
Есть несколько вещей, которые вы должны знать о состоянии плагина на данный момент:
- Архивы — категория, тег и пользовательская таксономия — в настоящее время не поддерживаются. Они не будут преобразованы в AMP-совместимый формат. Тем не менее, пользовательские типы постов могут быть инициированы в AMP через фильтр.
- Он не добавляет новый экран настроек на панели инструментов. Настройка выполняется на уровне кода с помощью действий, фильтров, класса.
- Плагин в настоящее время не включает в себя все пользовательские элементы AMP, такие как amp-analytics и amp-ad из коробки. Если вам нужны эти элементы, вы должны будете включить их, подключив Действия или Фильтры плагина.
Читайте также: Как использовать WordPress Action Hooks в настройке темы
настройка
Плагин предоставляет множество действий и фильтров, которые обеспечивают гибкость настройки стилей, содержимого страницы и даже HTML-разметки страницы AMP в целом.
Стили
Я уверен, что это одна вещь, которую вы хотите изменить сразу после активации плагина, например, изменение цвета фона заголовка, семейства шрифтов и размера шрифта для лучшего соответствия бренду и индивидуальности вашего сайта.
Для этого мы можем использовать действие amp_post_template_css в файле functions.php нашей темы.
function theme_amp_custom_styles () {?>
nav.amp-wp-title-bar {
цвет фона: оранжевый;
}
php}
add_action ('amp_post_template_css', 'theme_amp_custom_styles');
Если мы посмотрим на Chrome DevTools, эти стили будут добавлены в