Tamam paylaşıyorum. Ücretsiz bir tema üzerinde oynamalar yaptım. Benzer konular, Facebook video konu paylaşımı gibi eklemeler. Kendinize göre değiştirin. Değişikliklerin çoğu resim adresi zaten.
Demo:
Yapay Kaya (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)
Tema Tıkla -->
Tema html dosyası ve örnek post
Şu sırayı izleyin:
- Yerleşim --> Leftbar, sidebar, footer gereksiz hepsini kaldırın.
- Tema --> mobil tema seçin --> Hayır Mobil cihazlarda masaüstü temasını göster --> Kaydet
- 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)
- 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.
- 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:
* Benzer konular 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 aşağıdaki noscript kodunu kullanın, yoksa 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
Chrome için amp validatör eklentisi ile hatalarınızı kontrol edin.
Reklam ekleme: Örnek sitede reklam yok. Konu içinde solda küçük logo kısmı ve konu altındaki banner resim reklam idi.
Örnek site amp valid
kontrol link
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.