WordPress ile AMP Nasıl Kullanılır?

AMP vaat eden ortak bir çabadır. Mobil ortamdaki web siteleri için daha iyi sayfa yükleme performansı. Ancak, önceki eğitimimizden öğrenebileceğiniz gibi, web sitenizden süslü şeyleri feda etmeniz ve kurallara kesinlikle uymanız, kurallara uymanız ve sayfaların doğrulanmasını sağlamanız gerekir. Yapılacak çok şey var gibi, değil mi??

Neyse ki, web sitenizi WordPress ile kurduysanız AMP-WP adlı bir eklentiyi kullanarak AMP'yi web sitenize hemen uygulayabilirsiniz. Göze çarpandan daha fazla özellik ile birlikte geliyor. Peki, nasıl çalıştığını görelim.

etkinleştirme

Başlamak için web sitenize giriş yapın, Eklentiler> Yeni Ekle ekran. Aramak “AMP; Automattic’ten birisini kurun ve etkinleştirin.

Etkinleştirildikten sonra, AMP tarafından dönüştürülen gönderiyi ekleyerek görüntüleyebilirsiniz. / Amp / URL’nin sonundaki iz (ör.. http://wp.com/post/amp/) veya ?amp = 1 (Örneğin. http://wp.com/post/?amp=1) Eğer web sitenizde Pretty Permalinks özelliğini kullanmıyorsanız.

Yukarıda gördüğünüz gibi, yazıya daha fazla özelleştirebileceğiniz temel stiller verilmiştir..

Not etmek

Şu anda eklentinin durumu hakkında bilmeniz gereken birkaç şey var:

• arşiv - Kategori, Etiket ve Özel Taksonomi - şu anda desteklenmiyor. AMP uyumlu formata dönüştürülmeyeceklerdir. Bununla birlikte, Özel Posta Türleri bir Filtre ile AMP'ye başlatılabilir.
• Gösterge Tablosunda yeni bir ayar ekranına eklemez. Özelleştirme kod düzeyinde yapılır Eylemleri, Filtreler, Sınıf.
• Eklenti şu anda gibi tüm AMP özel öğelerini kapsamamaktadır. amper-analiz ve amp-ad kutudan dışarı. Bu öğeye ihtiyacınız varsa, eklentinin Eylemlerine veya Filtrelerine takılarak eklemeniz gerekir..

Özelleştirme

Eklenti, stilleri, sayfa içeriğini ve hatta bir bütün olarak AMP sayfasının HTML işaretlemesini kişiselleştirme konusunda esneklik sağlayan sayısız İşlem ve Filtre sunar..

stiller

Eklentiyi etkinleştirdikten hemen sonra değiştirmek, örneğin başlık arka plan rengini, yazı tipi ailesini ve yazı tipi boyutunu web sitenizin markasına ve kişiliğine daha uygun olacak şekilde değiştirmek istediğinizden eminim..

Bunu yapmak için amp_post_template_css Eylem functions.php temamızın dosyası.

fonksiyon theme_amp_custom_styles () ?> nav.amp-wp-başlık çubuğu background-color: orange;   
Chrome DevTools’a bakarsak, bu stiller