Tamam paylaşıyorum. Ücretsiz bir tema üzerinde oynamalar yaptım. Birçok validasyon hatasını giderdim. Benzer konular, Facebook video konu paylaşımı gibi eklemeler yaptım. Kendinize göre değiştirin. Değişikliklerin çoğu resim adresi zaten.

Demo: Yapay Kaya

Örnek site amp validasyon kontrolü

Ana sayfa demoda sabit. Yerleşim üzerinden ekledim..
Her sayfa amp valid

Örnek konu responsive test:



Google arama amp aktif, alt konular çıkıyor:


Tema Tıkla --> Tema html dosyası ve örnek post (NOT: Her ne kadar ücretsiz olsa da başka yerde paylaşmayın, fikir hakları problemi varsa konuya yazın kaldırayım, ben bulamadım)


Şu sırayı izleyin:

1. Yerleşim --> Leftbar, sidebar, footer gereksiz kutucuları kaldırın (eğer emin değilseniz bunu atlayın).
2. Tema --> mobil tema seçin --> Hayır Mobil cihazlarda masaüstü temasını göster --> Kaydet
3. Tema --> HTML düzenle --> bütün kodu sil, tema.text içindeki kodun tamamını yapıştır. --> kaydet (Yerleşime kendisi kutucuklar atacak)
4. Yeni konu açarken yalnızca ve yalnızca HTML kısmından (oluştur değil) konu açın. Örnek postu paylaştım.
5. Bütün konular mutlaka amp uyumlu olmak zorundadır. Eski konuları tek tek HTML olarak düzenleyin.

Bazı notlar:
* Resim eklemek için önce blogger standart resim ekleyin, sonra linkini buradaki anlatımdan birini seçerek amp uyumlu yapın. Amp resimler en boy doğru yazılmalı. "NCC Image Checker" eklentisi ile en boy hatalarını daha sonra kolayca denetleyin.
*Yerleşim içinde sidebar kutucuk açmayın. Tema içinde gömülüdür, değişiklikleri kutucuk içinden değil tema içinde gömülü alanda değiştirin.

* Benzer konular otomatik aktif, ancak dış site bağlantılı, ilerde kapanırsa çalışmayabilir, şimdilik iyi.

*Youtube video kodu aşağıdaki gibi amp uyumlu olmalı:

<amp-youtube data-videoid="mGENRKrdoGY" layout="responsive" width="480" height="270"></amp-youtube>

* Konu resmi için post içine aşağıdaki noscript kodunu ekleyin, yoksa konu ön izlemesinde resim çıkmaz.

<noscript><img alt='Konu resmi' src='https://******.jpg'/></noscript>

* Yorum kısmını sildim. Disqus yorum açmak isteyenler buraya baksınlar, html koduna iki ekleme yeterli. Ayrıca Facebook yorum seçeneğiniz var.

*Chrome için amp validatör eklentisi ile hatalarınızı kontrol edin.

*Reklam ekleme: Örnek sitede reklam yok. Logo ve konu altındaki banner resim reklam idi. Başka reklam alanları için en altta verdiğim blog sitesine bakın.





Daha fazlası:
Amp temalar için beğendiğim, faydalandığım bir blog. Burada değişik tema duyuruları, kodlar paylaşılıyor.
amp blogger temalar için dökümentasyon linkleri bulun.

Son notlar:

Artılar:
Amp, boru değil
Mobil ve masaüstü aynı temayı kullanıyor. /?m=1 yapmıyor.
WP gibi sürekli validation sorunu çıkarmıyor. Kodlar temiz ve statik.
Etiketler sorunsuz.
Alt satıra geçme gibi kodlara gerek yok.
İlerde başka amp temaya geçerseniz konularda sorun çıkmaz.
Eksiler:
Konu açmada tek sorun bence resim ekleme. Bir kez resim eklemeyi öğrenince konular su gibi akacaktır.
Bütün konular ve kodlar amp uyumlu olmalı.
Ana sayfa yerleşim düzenleme çok zahmetli. Kutucuk içindeki değişiklikler amp hatası çıkarabilir.
Eski konuları düzenlemek zaman alacaktır.
İlerde durduk yere amp hataları çıkabilir. Şimdilik tüm hatalar giderildi.
Diğer:
Bir yerden amp başlayın.