Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Інтернет не стоїть на місці, і все більше людей користуються веб-доступом за допомогою мобільних пристроїв. Однак ключовою проблемою мобільного інтернету досі залишається швидкість завантаження сторінок та продуктивність сайтів. Щоб вирішити цю проблему, у жовтні 2015 року Google запустив свій новий проект під назвою AMP (Accelerated Mobile Pages).

У цьому огляді ми розглянемо WordPress плагін WP AMP, який дозволить вам легко додати підтримку адаптованих AMP сторінок для миттєвого завантаження контенту вашого сайту з мобільних пристроїв.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

WP AMP — Accelerated Mobile Pages для вашого сайту на WordPress та WooCommerce

Опис  демо  Купити за $39

Дивіться також:

AMP (Accelerated Mobile Pages) — це проект з відкритим вихідним кодом, який спрямований на максимальне прискорення видачі сторінок сайтів, що досягається за допомогою низки суворих обмежень:

  • Спеціальна урізана розмітка AMP HTML
  • Асинхронне завантаження відео, картинок, реклами, JavaScript-бібліотек
  • Заборона використання стороннього JavaScript
  • Обмежене використання стилів — лише inline-CSS у тезі
  • AMP-сторінки повинні бути проіндексовані пошуковою системою і автоматично завантажені на CDN від Google

Додавання AMP на WordPress за допомогою плагіна WP AMP

плагін WP AMP є найбільш повною та легкою у використанні реалізацією AMP Project для сайтів на WordPress. Плагін дозволяє отримати AMP версію всього сайту за кілька хвилин без потреби лізти в код.

Ось так виглядає основна сторінка налаштувань плагіна:

WP AMP також працює для магазинів на WooCommerce, дозволяючи відображати AMP версії сторінок каталогу, продуктів, категорій та тегів:

Крім WooCommerce, WP AMP також сумісний з такими плагінами:

  • Yoast SEO
  • All in One SEO Pack
  • Jetpack
  • WPML

Налаштування зовнішнього вигляду AMP сайту

Цей плагін надає широкі можливості для налаштування зовнішнього вигляду та брендування AMP сайту:

  • Чотири варіанти виведення логотипу сайту
  • Можливість встановити окреме меню
  • Зміна кольору різних блоків
  • Десять популярних шрифтів із Google Fonts
  • Можлива зміна порядку блоків шляхом перетягування
  • Увімкнення та вимкнення блоків для різних шаблонів
  • Для розробників є шорткоди, хуки та можливість додати користувальницький CSS

Заробляйте більше!

Крім можливості отримувати більше з продажу магазину на WooCommerce, плагін також дозволяє додавати на мобільний сайт рекламні блоки AdSense та Doubleclick. Є можливість змінювати їх положення на сторінці, а також вбудовувати безпосередньо в пост пост за допомогою шорткоду:

Плагін також дозволяє включити відстеження відвідувань на сайті AMP за допомогою Google Analytics. У подальших версіях планується підключення інших систем веб-аналітики.

Висновок

AMP Project активно розвивається, більшість таких популярних CMS як Drupal та Magento мають підтримку AMP у вигляді окремих модулів. І WordPress у разі не виняток.

Вже багато відомих брендів, таких як Reddit, Ebay, Washington Post, Wired, TechCrunch, New York Times, Wall Street Journal встигли придбати AMP на своїх сайтах. А коли ви плануєте це зробити?

Джерело: codecanyon.net
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 1

Надія:

Добрий день. Як настроїти виведення товарів на сторінці amp за допомогою плагіна WP AMP?

Додати коментар або відгук