Як використовувати AMP з WordPress

AMP - це спільні зусилля, які обіцяють a краща ефективність завантаження веб-сайтів у мобільному середовищі. Але, як ви можете дізнатися з нашого попереднього підручника, вам доведеться пожертвувати фантастичними матеріалами на своєму веб-сайті, а також суворо дотримуватися правил, дотримуватись вказівок і перевіряти сторінки. Це звучить як багато зробити, не так?

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

Активація

Для початку, увійдіть на свій веб-сайт, перейдіть до Додатки> Додати новий екрану. Шукати “AMP; встановіть та активуйте той, який використовується в Automattic.

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

І, як ви можете бачити вище, на посаді були дані основні стилі, які ви можете додатково налаштувати.

Занотовувати

Ви можете дізнатися про стан плагіна на даний момент:

Архіви - Категорія, Тег і Користувацька таксономія - наразі не підтримуються. Вони не будуть перетворені в AMP-сумісний формат. Тим не менш, користувацькі типи повідомлень можуть бути ініційовані в AMP через фільтр.
Він не додає в новий екран налаштувань на панелі інструментів. Налаштування здійснюється на рівні коду з діями, фільтрами, класом.
В даний час плагін не охоплює всі спеціальні елементи AMP, такі як amp-analytics і amp-ad з коробки. Якщо вам потрібен цей елемент, вам доведеться включити його, підключивши до дій або фільтрів плагіна.

Налаштування

Плагін надає численні дії та фільтри, які забезпечують гнучкість щодо налаштування стилів, вмісту сторінки та навіть розмітки HTML-сторінки в цілому..

Стилі

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

Щоб зробити це, ми можемо використати amp_post_template_css Дія в functions.php файл нашої теми.

функція theme_amp_custom_styles () ?> nav.amp-wp-title-bar колір фону: оранжевий;

Якщо переглядати Chrome DevTools, ці стилі додаються до