Домашняя » WordPress » Как использовать AMP с WordPress

    Как использовать AMP с WordPress

    AMP - это совместные усилия, которые обещают лучшая производительность загрузки страниц для сайтов в мобильной среде. Но, как вы можете узнать из нашего предыдущего урока, вам придется пожертвовать модными вещами со своего веб-сайта и строго следовать правилам, соблюдать руководящие принципы и проверять страницы. Звучит как много, не так ли?

    К счастью, если вы создали свой сайт с помощью WordPress, вы можете сразу же применить AMP к своему сайту, используя плагин под названием AMP-WP. Он поставляется с большим количеством функций, чем кажется на первый взгляд. Итак, давайте посмотрим, как это работает.

    активация

    Для начала войдите на свой сайт, перейдите на Плагины> Добавить новый экран. Ищи “AMP; установить и активировать один из Automattic.

    После активации вы можете просмотреть сообщение, преобразованное в AMP, добавив / Усилитель / след в конце URL-адреса записи (например,. http://wp.com/post/amp/) или с ?амп = 1 (например. http://wp.com/post/?amp=1) если вы не используете функцию Pretty Permalinks на своем веб-сайте.

    И, как вы можете видеть выше, посту были даны основные стили, которые вы можете дополнительно настроить.

    Отметить

    Есть несколько вещей, которые вы должны знать о состоянии плагина на данный момент:

    • архив - категория, Тег а также Таможенная таксономия - в настоящее время не поддерживаются. Они не будут преобразованы в AMP-совместимый формат. Тем не менее, пользовательские типы записей могут быть инициированы в AMP через фильтр.
    • Он не добавляет в новый экран настроек в панели инструментов. Настройка выполняется на уровне кода с действиями, фильтрами, классом.
    • Плагин в настоящее время не охватывает все пользовательские элементы AMP, такие как ампер-аналитика а также Усилитель-объявления из коробки. Если вам нужны эти элементы, вы должны будете включить их, подключив Действия или Фильтры плагина..

    настройка

    Плагин предоставляет множество действий и фильтров, которые обеспечивают гибкость настройки стилей, содержимого страницы и даже HTML-разметки страницы AMP в целом..

    Стили

    Я уверен, что это одна вещь, которую вы хотите изменить сразу после активации плагина, например, изменение цвета фона заголовка, семейства шрифтов и размера шрифта для лучшего соответствия бренду и индивидуальности вашего сайта..

    Для этого мы можем нанять amp_post_template_css Действие в functions.php файл нашей темы.

    function theme_amp_custom_styles () ?> nav.amp-wp-title-bar background-color: orange;   
    Если мы посмотрим на Chrome DevTools, эти стили будут добавлены в