Wordpress Siteniz için Automattic/amp-wp Kurulumu ve Kullanımı [TR] - For Your Wordpress Webpages Automattic AMP Plugın Installation & Usage
This tutorial is about how to install and configure Automattic/amp-wp plugin Below you will find how to install and use AMP features on your wordpress powered blog. (Turkish)
Wordpress ile yaptığınız blog/websiteniz için hızlandırılmış AMP sayfalarını nasıl kolay bir şekilde oluşturabileceğinizi sizlere anlatmaya çalışacağım.
AMP - Hızlandırılmış mobil sayfalar anlamına gelmektedir. Google ve bir çok arama motoru hızlandırılmış mobil sayfalara önem vermekte ve mobil aramalarda bu sayfaları üst sıralarda göstermektedir.
Eklentiyi Wordpress sitenize https://wordpress.org/plugins/amp/ buradan ekleyebilirsiniz.
Download butonunu tıkladıktan sonra indirilen dosyaları ;
/wp-content/plugins/ klasörünün içersine FTP programı ile yüklemelisiniz.
Sonrasında Eklentiler menüsünü seçerek AMP eklentisini bulup aktifleştirmelisiniz.
Can alıcı bir nokta da Permalinks " Kalıcı bağlantılar" ayarlarını tazelemeniz gerekmektedir.
Kalıcı bağlantılar ayarlarına girip kaydet butonunua basmanız yeterli olacaktır.
AMP sayfalarının görünümünü nasıl değiştirebiliriz?
Renkler ve diğer küçük ayaları Yönetim panelinizden Görünüm>AMP menüsünden yapabilirsiniz.
Daha detaylı ayarlar için https://github.com/Automattic/amp-wp/blob/master/readme.md adresine bakabilirsiniz (İngilizcedir)
Ortam dosyalarının işlenmesi
Varsayılan olarak bu eklenti aşağıdaki ortam dosyalarını otomatik olarak hızlandırılmış mobil verisi olarak işleyecektir.
images ( img den çevirilir => amp-img or amp-anim)
videos ( video dan çevirilir => amp-video; Note: Flash is not supported)
audio ( audio dan çevirilir => amp-audio)
iframes ( iframes den çevirilir => amp-iframes)
YouTube, Instagram, Twitter, ve Vine oEmbeds ve shortcodes ( amp- component tarafından eşlenerek çevrilir.)
Analizler
Bu eklenti aktifleştirildiği zaman otomatik olarak analytics isminde bir alt menü oluşturmaktadır.
Anayltics menüsünü tıkladığımız zaman bize analytic için etiket tanımlamalarını yapabileceğimiz aşağıdaki şekilde bir menü verecektir.
Eklentinin bu seçeneğinin hedefinin analitik etiketleri eklemek için basit bir mekanizma sağlamak olduğuna dikkat edin; sağlanan JSON dizesinin geçerliliğine dayanan çok basit doğrulama sağlar. Yapılandırma dizesindeki değerlerin ve kullanılan etiket türünün, sitelerinin analiz gereksinimleriyle uyumlu olduğundan emin olmak kullanıcıların sorumluluğundadır. Lütfen AMP projesindeki ve AMPByExample'deki belgeleri gözden geçirin.
AMP Analytics seçenekleri giriş formunda çok basit doğrulama mekanizması bulunur: Girilen JSON yapılandırma dizesi geçersizse (yani geçerli JSON değilse), seçenekler penceresinin başlığının altında bir hata mesajı (kırmızı renkte) görüntülenir ve giriş formu yeniden yüklenir.
Girilen JSON yapılandırma dizesi doğru ise aşağıdaki resimdeki gibi yeşil olarak uyarı mesajı çıkar.
Son olarak bu eklentinin diğer eklentiler ile entegrasyonununa bakalım.
Jetpack
Jetpack ile sorunsuz çalışmaktadır.
Parse.ly
Parse.ly's WordPress eklentisi otomatik olarak AMP dosyalarını takip etmmektedir.
Yoast SEO
Şayet Yoast eklentisini kullanıyorsanız sizin için uygun olacak eklenti burada https://github.com/Yoast/yoastseo-amp
Uyumluluk sorunları
Aşağıdaki eklentinin uyumsuzluğu bilinmektedir.
Cloudflare Rocket Loader (modifies the output of the AMP page, which breaks validation.)
Source
Github Repo