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
Congratulations @ccworld! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPThank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Hey @ccworld I am @utopian-io. I have just upvoted you at 7% Power!
Achievements
Suggestions
Human Curation
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Congratulations @ccworld! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPNice post
Congratulations @ccworld! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPHi @ccworld - I am liking each one of your posts within about half an hour after your posting. If you like my posts within a few hours I will keep on liking yours. Is this a deal? Please let me know as I really like your material and it would be great if we could work together (provided my posts measure up) :)
Thanks.
Rob.
Congrats friend @ccworld