WordPress AMP Kurulumu – WP Google AMP Kapsamlı Rehber

WordPress AMP

O veya bu biçimde Google AMP hayatımıza girdi. Bugün yada gelecekte bir çoğumuz bu değişime ayak uyduracağız. Dünya’nın en büyük içerik dağıtım ağı’ da WordPress olduğuna göre, WordPress AMP kurulumu da başlı başına bir konu haline geldi.

Google AMP (Accelerated Mobile Pages) yani hızlandırılmış mobil sayfalar.

Peki neden ihtiyaç duyalım AMP ye?.

Günümüzde site hızı son derece önemlidir. Yavaş yüklenen sitelerin açılmasını kimse beklemiyor, derhal terk edip başka bir arama yapıyor insanlar. Bu kaybın en çok yaşandığı cihazlarda Mobil cihazlar.

Mobil cihazlar için verilerin yüklenmesi biraz daha fazla zaman alıyor, bunun neticesinde sitelerin mobil cihazlar için yüklenme süreleri daha bir önem kazanıyor.

Yavaş veri bağlantılarıyla mücadele etmek, sitenizi mobil ortamda hızlandırmak için kullanabileceğiniz en iyi araç Google AMP dir.

WordPress AMP kurulumu bu nedenle biraz daha kıymete binmektedir.

Hemen kısa kısa bazı bilinmesi gereken şeylere değinelim ve ardından WordPress AMP kurulumu ve ayarları ile ilgili detaylara gidelim.


Google AMP nedir?

Hızlandırılmış Mobil Sayfalar’ın kısaltılmışı Google AMP, Google’ın mobil web’i hızlandırmayı amaçlayan açık kaynaklı bir mobil girişimidir.

Esasen gönderilerinizin ve sayfalarınızın soyutlanmış sürümlerini oluşturmanıza ve bunları mobil ziyaretçilerinize sunmanıza olanak tanır.

Google Arama’dan ziyaret edenler için Google, AMP içeriğinizi daha da hızlı yüklemek için önbelleğe alacaktır.

AMP, etkileşimli olmayan içerik için mükemmeldir . 

Siteniz çok fazla etkileşim gerektiriyorsa, AMP’nin soyulmuş kod standartları büyük olasılıkla sizin için sorun olacaktır.Sitenizin normal işleyişinde önemli sıkıntılarla karşılaşmanız kuvvetle muhtemeldir.

Ancak siteniz çok fazla etkileşim gerektirmiyor ise, AMP, işlevsellik kaybetmeden sayfalarınızı hızlandırmanın harika bir yoludur.


WordPress AMP kurulumu ne yarar sağlar?

Google AMP’nin temel yararı, sayfa yükleme sürelerinin geliştirilmesidir.

İyileştirme ne kadar büyük?.

WordPress AMP kurulumu ne kazandırır sorusunu cevabı da bu sorunun cevabıyla aynı.

Rivayet odur ki, AMP olan sitelerin yüklenme süreleri, olmayanlardan %88 daha düşükmüş. Yani %88 daha hızlı.

Bu ölçümü bizzat kendim yapmadığım için bu konudaki yazılardan edindiğim bilgiden bahsediyorum.

Yaklaşık 400 ms nin altında bir yüklenme süresine inmek oldukça harika bir şey değil mi?

Ancak sadece sayfa yükleme süreleri değil. Tüm AMP standartlarına uyan içerik, Google’ın mobil arama sonuçlarında da özel bir önem kazanmaktadır. AMP sayfaları, “AMP” işareti alır.

Google, AMP’nin doğrudan bir sıralama sinyali olmadığını belirtti . Ancak AMP ataması, mobil sonuçlardaki organik TO’nuzu artıracaktır.


AMP Kullanımının dezavantajları nelerdir?

Yayıncıların bir çoğu Google AMP den memnun değildir. Bunun en önemli nedenlerinden biri de paradır.

AMP, reklamcılık fırsatlarını sınırlar. Reklamlar AMP içeriğine izin verilir, ancak uygulamak daha zor olabilir.

Google, AMP tarafından desteklenen reklam türlerinin sayısını genişletmekle birlikte, bazı yayıncılar halen AMP sayfalarından geleneksel mobil sayfalara göre daha düşük gelir elde ettiklerini bildiriyor .

AMP’nin gelirinizi nasıl etkileyeceğini kesin olarak söyleyemem. Diğer yayıncıların çoğu, AMP sayfalarından eşdeğer tutarlar elde edebildiğini bildirmektedir. Bunu kendiniz görmeniz gerekecek.

Bir diğer sıkıntı da tasarım dır.

Mevcut temaların çok büyük çoğunluğu AMP düşünülmeden kodlanmıştır. AMP özellikli tasarımlar da yok değil, fakat sayıları çok sınırlıdır.

Ayrıca AMP sürümünüz için yeni tasarım istiyorsanız bunu yapacak kişileri bulmak zor değil, ancak yine bir masraf demek.

Mükemmel tasarıma sahip bir tema kullanırken Google AMP ile berbat bir görünüme sahip mobil sayfalarınız olabilir.

Benim açımdan en önemli olumsuzluklar dan biri de, mail abonelik formlarının (AMP uyumlu ve hatırı sayılır paralar ödenenler hariç)çalışmaması. Bir site için mail aboneleri toplamak çok önemlidir ve herkes mobil site için ayrı, masa üstü site için ayrı paralar ödeyemez.

Benim için önemli olan hızlı yüklenmesi diyorsanız, yukarıda saydıklarımı bir kenara koyabilirsiniz.

Ama yinede WordPress AMP kurulumu ile sınırlı kalmayıp, önemli ayarların yapılması, AdSense reklmlarını AMP sayfaya eleme, AMP temalar ve kendi WordPress AMP temanızı oluşturma konularına da değineceğiz.


WordPress AMP kurulumu

WordPress AMP kurulumu Automattic tarafından sağlanan basit bir eklenti sayesinde kolay ötesi bir hale geldi.

Ancak bu eklenti, AMP içeriğinizin nasıl çalıştığını yapılandırmanın herhangi bir yolunu sunmaz.

WordPress AMP

WordPress AMP

Temel AMP eklentisi Automattic tarafından geliştirilmiştir ve hiç bir yapılandırma gerekmez.

Tek yapmanız gereken eklentiyi yüklemek ve etkin hale getirmek.Ardından, normal yayın URL’lerinizin sonuna “/ amp” ekleyerek yayınlarınızın AMP sürümlerini görüntüleyebilirsiniz:

WordPress için Google AMP kurulumu işte bu kadar.

Fakat bu kadarı kimsenin işine yaramaz.

Temel AMP eklentisinin bazı önemli zayıf yönleri vardır:

Sadece yayınlar için çalışır. Sayfalar için değil .
AMP içeriğinizin nasıl göründüğünü veya işlevlerini yapılandıramazsınız.
Neyse ki AMP sürümünüze daha fazla özellik ve yapılandırma sağlamak için harika bir eklenti var.


WordPress AMP ayarları

AMP içeriğinize bir dizi yeni işlevsellik / yapılandırma seçeneği eklemek için AMP for WP eklentisini kullanabilirsiniz.

WordPress AMP özelleştirme

WordPress AMP özelleştirme

Bu eklentiyi kullanmak için, en başta bahsettiğimiz eklentinin de yüklü olması gerekir.

Eklentinin sunduğu özellikler.

  • AMP içeriğinizin nasıl göründüğünü yapılandırın
  • AMP içeriğine AdSense reklamları ekleyin
  • AMP içeriğine sosyal düğmeler ekleyin
  • Sayfalarınız için AMP’yi etkinleştirin (yalnızca yayınlar değil)

Başlamak için eklentiyi kurun ve etkinleştirin. Temel AMP eklentisini de etkinleştirdiyseniz , kenar çubuğunuzda yeni bir AMP sekmesi görmeniz gerekir :

WordPress AMP yapılandırma

WordPress AMP yapılandırma

Buradan AMP özelleştirme sayfasına gireceksiniz.

Şayet WordPress özelleştiriciyi kullanmak isterseniz, Görünüm =>AMP seçeneğini kullanmalısınız.

WP özelleştiricide Google AMP ayarları

WP özelleştiricide Google AMP ayarları

AMP içeriğinize AdSense reklamları eklemek için, Reklam sekmesine gidip farklı AdSense bloklarını yapılandırabilirsiniz.

Tek yapmanız gereken reklam konumunuzu ve boyutunu seçmek ve yayıncı verilerinizi eklemektir:

AMP AdSense ekleme

AMP AdSense ekleme

AMP içeriğe sosyal düğmeler ekleme

Sosyal düğmeler eklemek için Sosyal sekmesine gitmeniz yeterlidir . Burada, ayrı ağları etkinleştirebilir veya devre dışı bırakabilirsiniz:

WordPress AMP sosyal düğmeler ekleme

WordPress AMP sosyal düğmeler ekleme

WordPress sayfalar için AMP yi etkinleştirme

WordPress sayfalarınızın AMP sürümlerini de görüntülemek istiyorsanız, Genel sekmesine giderek Sayfalarda AMP’yi etkinleştir seçeneğini kullanabilirsiniz.

Sayfalar için WordPress AMP

Sayfalar için WordPress AMP

Eklentinin sunduğu diğer ayarları da kendinize göre kullanabilirsiniz. En önemli ayarlar yukarıda bahsettiğimiz ayarlardır.

Örneğin AMP sayfanız için seçebileceğiniz önceden tanımlı bir kaç tasarım arasından seçim yapmak için Desing sekmesini kullanabilirsiniz.

Sunulan tasarımların çok iyi olduklarını söylemek zor. Bu nedenle tasarım konusunda yapabileceğiniz iki şey var.

  1. Kendi tasarımınızı oluşturmak.
  2. AMP duyarlı tasarımlar edinmek.

WordPress AMP tema oluşturma

Kendi AMP temanızı oluşturmak için kullanabileceğiniz harika bir araç var.

AMP teması için gerekli olan her şey temel olarak bu araç da ekli ve size kalan temanızı kendi zevkinize göre düzenlemek.

Ben hiç bir biçimde kodlamadan anlamıyorum diyenler için ise eklentinin bir başka özelliği devreye giriyor. AMP Sayfa oluşturucu.

Hızlıca bilgi sahibi olmak için kurulum videosuna bakabilirsiniz.

Eklentiyi bu bağlantıdan direkt indirebilirsiniz, yada eklenti sayfasına gidip indirebilirsiniz.

Eklenti sayfasında oldukça detaylı dökümantasyonada erişebilirsiniz.

AMP teması için ihtiyacımız olan tema yapısı alttaki gibidir.

├── /ampthemeframework
     ├── amptheme.php
     ├── archive.php
     ├── footer.php
     ├── functions.php
     ├── hearder.php
     ├── index.php
     ├── loop.php
     ├── page.php
     ├── search.php
     ├── single.php
     └── style.php
Eklenti bize tüm bu dosyaları hazır biçimde sunmaktadır.
AMP temasının amp-theme.php dosyası alttaki gibidir.

2
3
4
5
6
7
8
9
10
/*
Plugin Name: AMP Theme Framework
Plugin URI: https://wordpress.org/plugins/accelerated-mobile-pages/
Description: Create AMP Themes easily with help of AMP Framework
Version: 1.0
Author: AMPforWP Team
Author URI: http://ampforwp.com/amp-theme-framework
License: GPL2
AMP: AMP Theme Framework
*/

Burada 9 numaralı satırda tema adı belirtilmiştir. Kendi belirlediğiniz tema adını bu kısımdaki tema adıyla değiştirdiğinizde, tema seçenekleri arasında sizin temanız görünecektir.

Peki tema seçeneklerine nasıl ulaşacağız?.

WordPress AMP tema seçimi

WordPress AMP tema seçimi

Seçimi AMP özelleştirmek için kullandığımız eklentimiz üzerinden yapıyoruz. Tema seçenekleri arasında varsayılan temalar ve bizin adlandırdığımız tema görünecektir.

WordPress AMP temasını sadece isimlendirmek yetmeyecektir. Evet varsayılan tema aktif olacaktır, fakat bizim istediğimiz temayı dilediğimiz gibi özelleştirebilmek. O halde tema çerçevesi kodlarını tanımalıyız.

amp-theme.php

2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
/*
Plugin Name: AMP Theme Framework
Plugin URI: https://wordpress.org/plugins/accelerated-mobile-pages/
Description: This is a custom AMP theme built to show how easy it is to make custom AMP themes.
Version: 1.0
Author:  Mohammed Kaludi, Ahmed Kaludi
Author URI: http://ampforwp.com/themes
License: GPL2
AMP: AMP Framework
*/
// Exit if accessed directly.
if ( ! defined( ‘ABSPATH’ ) ) exit;

Bu dosya bunun bir eklenti olduğunu WordPress’e bildirmek içindir.
archive.php

1
2
3
4
5
6
<?php amp_header() ?>
<?php amp_archive_title(); ?>
<?php amp_loop_template(); ?>
<?php amp_footer()?>

amp_header () , post_id, şablon ve parçalarını (üstbilgi) almak için çağrılır.

amp_archive_title ()  bir arşivin başlığını almak için kullanılır.

ampu doldurmak için amp_loop_template () kullanılır.

amp_footer ()  altbilgiyi yüklemek için kullanılır.

footer.php

1
2
3
4
5
</div>
<footer class=“footer container”>
<?php amp_non_amp_link(); ?>
</footer>
<?php amp_footer_core(); ?>

amp_non_amp_link () , site içeriğinin AMP olmayan versiyonunu görüntülemek için kullanılır.

amp_footer_core () , şablon ve kanca işlevlerini yükleyerek altbilgi bölümünü tamamlamak için kullanılır.

functions.php

bu dosya, AMP Tema Çerçevesinde bulunan tüm bileşenlere destek eklemektir.
Herhangi bir bileşen eklemek isterseniz “arama” deyin, aşağıdaki kodu kullanmanız gerekir.

add_amp_theme_support(‘AMP-search’);

AMP-search, arama bileşeni desteğini başlatmak için kullanılır .

Aşağıdaki tüm bileşenlerin listesi .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
// Loading the Components
//Search
add_amp_theme_support(‘AMP-search’);
//Logo
add_amp_theme_support(‘AMP-logo’);
//Social Icons
add_amp_theme_support(‘AMP-social-icons’);
//Menu
add_amp_theme_support(‘AMP-menu’);
//Call Now
add_amp_theme_support(‘AMP-call-now’);
//Sidebar
add_amp_theme_support(‘AMP-sidebar’);
// Featured Image
add_amp_theme_support(‘AMP-featured-image’);
//Author box
add_amp_theme_support(‘AMP-author-box’);
//Loop
add_amp_theme_support(‘AMP-loop’);
// Categories and Tags list
add_amp_theme_support(‘AMP-categories-tags’);
// Comments
add_amp_theme_support(‘AMP-comments’);
//Post Navigation
add_amp_theme_support(‘AMP-post-navigation’);
// Related Posts
add_amp_theme_support(‘AMP-related-posts’);
// Post Pagination
add_amp_theme_support(‘AMP-post-pagination’);

header.php
Bu dosyada, kenar çubuğu , arama ve sosyal simgeler gibi bileşenleri ekliyor olacaksınız .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php amp_header_core() ?>
<header class=“header container”>
    <?php amp_logo(); ?>
    <?php amp_sidebar([‘action’=>‘open-button’]); ?>
    <?php amp_call_now(); ?>
    <?php amp_social([
        ‘twitter’ => ‘https://www.twitter.com/marqas36’,
        ‘facebook’ => ‘https://www.facebook.com’
    ]);?>    
</header>
<?php amp_sidebar([‘action’=>‘start’,
    ‘id’=>‘sidebar’,
    ‘layout’=>‘nodisplay’,
    ‘side’=>‘right’
] ); ?>
<?php amp_sidebar([‘action’=>‘close-button’]); ?>
<?php amp_menu(); ?>
<?php amp_search();?>
<?php amp_social(); ?>
<?php amp_sidebar([‘action’=>‘end’]); ?>
<div class=“content-wrapper container”>

amp_header_core () , AMP HTML’nin çekirdeğini elde edecek bu dosyaya eklemek için bir zorunluluktur

amp_logo () logosu bileşenini eklemek için kullanılır ve benzer şekilde, diğer bileşenler gibi yüklenebilir

amp_sidebar ()
amp_search ()
amp_menu ()
amp_social ()

index.php

1
2
3
4
5
<?php amp_header(); ?>
  
<?php amp_loop_template(); ?>
<?php amp_footer(); ?>

index.php dosyasında

amp_header () başlık bölümünü yüklemek için kullanılır.

ampu doldurmak için amp_loop_template () kullanılır.

amp_footer ()  altbilgiyi yüklemek için kullanılır.

loop.php
bu, döngünün içeriğini yüklemekle yükümlü olan temanın en önemli dosyalardan biridir.

1
2
3
4
5
6
7
8
9
10
<?php while(amp_loop(‘start’)): ?>
<div class=“loop-post”>
    <?php amp_loop_image(); ?>
    <?php amp_loop_title(); ?>
    <?php amp_loop_excerpt(); ?>
    <?php amp_loop_category(); ?>
    <?php amp_loop_date(); ?>
</div>
<?php endwhile; amp_loop(‘end’);  ?>
<?php amp_pagination(); ?>

burada döngü başlıyor iken durumu kontrol ediyoruz

iken (amp_loop ( ‘başlangıç’)):

yayınla ilgili aşağıdaki meta bilgileri yükleyeceğiz.

amp_loop_image () resmi yüklemek için kullanılır (özellikli resim / küçük resim).

amp_loop_title () , yayının başlığını almak için kullanılır.

amp_loop_excerpt () , postanın alıntılarını almak için kullanılır.

amp_loop_category ()  , bu yayının ait olduğu kategoriyi göstermek içindir.

amp_loop_date () , yayınlanan tarihi göstermek içindir.

page.php

1
2
3
4
5
<?php amp_header(); ?>
<?php amp_title(); ?>
<?php amp_featured_image(); ?>
<?php amp_content(); ?>
<?php amp_footer(); ?>

Sayfa için AMP içeriğini yüklemek için kullanılır.

amp_header () başlığı eklemek için kullanılır.

amp_title () , sayfanın başlığını almak için kullanılır.

amp_featured_image () , varsa özellikli görüntüyü görüntülemek için kullanılır.

amp_content () AMP içeriğini yüklemek için kullanılır.

amp_footer () altbilgi bölümünü eklemek için kullanılır.

search.php

single.php

bu dosya AMP temasındaki yayınları görüntüleme sorumluluğundadır.

İhtiyaca göre tek olarak görüntülemek istediğimiz herhangi bir bileşeni ekleyebiliriz.

amp_header () , başlık bölümünü eklemek için kullanılır.
amp_title () , yayının başlığını almak için kullanılır. 
amp_featured_image () 
 , özellikli resmi tekli olarak eklemek için kullanılır. 
amp_content () 
 içeriği yüklemek. 
amp_post_pagination () 
 , sayfalandırmayı elde etmek içindir. 
amp_author_box () 
 yazar bölümünü görüntülemek için kullanılır. 
amp_social () 
 , kurulum bileşenine dayalı sosyal paylaşım veya sosyal profil yüklemek için kullanılır. 
amp_categories_list () 
 , kategoriler listesini görüntülemek için kullanılır. 
amp_tags_list () 
 , yayın etiketlerini görüntülemek içindir. 
amp_comments () 
 , yorumlar bölümünü görüntülemek için. 
amp_post_navigation () 
posta navigasyonunu eklemektir. 
amp_related_posts () 
 , ilgili gönderileri görüntülemek için kullanılır. 
amp_footer ()
  altbilgi bölümünü yüklemek için kullanılır.

style.php
bu dosya tüm tema için tüm css stilini içerir.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<?php add_action(‘amp_post_template_css’,‘ampforwp_custom_style’, 11);
function ampforwp_custom_style() {  
global $redux_builder_amp;
$get_customizer = new AMP_Post_Template($post_id );
?>
/****
* AMP Framework Reset
*****/
    body{ fontfamily: sansserif; fontsize: 16px;lineheight:1.4; }
    ol, ul{ liststyleposition: inside }
    p, ol, ul, figure{ margin: 0 0 1em; padding: 0; }
    a, a:active, a:visited{ color:#ed1c24; text-decoration: none }
    a:hover, a:active, a:focus{}
    pre{ whitespace: prewrap;}
    .hidden{ display:none }
    .clearfix{ clear:both }
    blockquote{ background: #f1f1f1; margin: 10px 0 20px 0; padding: 15px;}
    blockquote p:lastchild {marginbottom: 0;}
    .ampwpunknownsize img {objectfit:contain;}
    .ampwpenforcedsizes{ maxwidth: 100% }
    /* Image Alignment */
    .alignright {
        float: right;
    }
    .alignleft {
        float: left;
    }
    .aligncenter {
        display: block;
        marginleft: auto;
        marginright: auto;
    }
    ampiframe { maxwidth: 100%; marginbottom: 20px; }
    /* Captions */
    .wpcaption {
        padding: 0;
    }
    .wpcaptiontext {
        fontsize: 12px;
        lineheight: 1.5em;
        margin: 0;
        padding: .66em 10px .75em;
        textalign: center;
    }
    /* AMP Media */
    ampiframe,
    ampyoutube,
    ampinstagram,
    ampvine {
        margin: 0 16px 1.5em;
    }
    ampcarousel > ampimg > img {
        objectfit: contain;
    }
/****
* Container
*****/
.container {
    maxwidth: 600px;
    margin: 0 auto;
}
/****
* AMP Sidebar
*****/
    ampsidebar {
        width: 250px;
    }
    /* AMP Sidebar Toggle button */
    .ampsidebarbutton{
        position:relative
    }
    .ampsidebartoggle  {
    }
    .ampsidebartoggle span  {
        display: block;
        height: 2px;
        marginbottom: 5px;
        width: 22px;
        background: #000;
    }
    .ampsidebartoggle span:nthchild(2){
        top: 7px;
    }
    .ampsidebartoggle span:nthchild(3){
        top:14px;
    }
/****
* AMP Navigation Menu with Dropdown Support
*****/
    .togglenavigation ul{
        liststyletype: none;
        margin: 0;
        padding: 0;
        display: inlineblock;
        width: 100%
    }
    .togglenavigation ul li{
        fontsize: 13px;
        borderbottom: 1px solid rgba(0, 0, 0, 0.11);
        padding: 11px 0px;
        width: 25%;
        float: left;
        textalign: center;
        margintop: 6px
    }
    .togglenavigation ul ul{
        display: none
    }
    .togglenavigation ul li a{
        color: #eee;
        padding: 15px;
    }
    .togglenavigation{
        display: none;
        background: #444;
    }
/****
* Loop
*****/
.loopwrapper .loopimg{
    float: left;
    marginright: 15px;
}
.loopcategory{
    liststyletype:none
}
.loopcategory li{
    display:inline;
    marginright:1px;
}
/****
* Single
*****/
/****
* Comments
*****/
.comments_list ul{
    margin:0;
    padding:0
}
.comments_list ul.children{
    paddingbottom:10px;
marginleft: 4%;
width: 96%;
}
.comments_list ul li p{
        margin: 0;
        fontsize: 14px;
        clear: both;
        paddingtop: 5px;
}
    .comments_list ul li .says{
        marginright: 4px;
    }
.comments_list ul li .commentbody{
    padding: 10px 0px 15px 0px;
}
.comments_list li li{
    margin: 20px 20px 10px 20px;
    background: #f7f7f7;
    boxshadow: none;
    border: 1px solid #eee;
}
.comments_list li li li{
    margin:20px 20px 10px 20px
}
.commentauthor{ float:left }
/****
* RTL Styles
*****/
    <?php  if( is_rtl() ) {?> <?php } ?>
/****
* Custom CSS
*****/
<?php echo $redux_builder_amp[‘css_editor’]; ?>
<?php } ?>

Bu kodlar ve açıklamaları eklenti sayfasından dır.

Çok daha kapsamlı döküman için eklentinin sayfasınıkontrol edebilirsiniz.

Kodları anlamak ve biçimlendirmek için biraz çaba gerektiği doğrudur. Ancak bu çabaya girmek istemiyorsanız, o zaman AMP destekli temalardan birini edinmelisiniz.

Yada varsayılan berbat AMP temasıyla devam edebilirsiniz.

WordPress AMP temaları

İşin doğrusu test edebilme şansı bulduğum AMP entegrasyonlu çok fazla tema öneremeyeceğim. Bir çok temanın WordPress AMP uyumlu olduğundan bahsettiğini fark edersiniz. Fakat bu AMP için özel bir tasarım sunduğu anlamı taşımıyor. Yani sadece bir aldatmaca dan ibaret.

Gerçekten AMP hesaba katılarak kodlanmış temalar için önerilerim:


WordPress AMP kurulumu her hangi bir bilgi gerektirmeyen çok basit bir işlemdir. Konu WordPress AMP kurulumu olsa da, aslında bu konudan bahsettiğimiz sadece bir kaç cümle var.

WordPress siteniz için Google AMP kurmak çok basit olsa da, AMP yi özelleştirmek zahmetli bir iştir. İşin aslı bu zahmete girmek yerine, AMP temalardan birine sahip olmak çok daha mantıklı. Elbette bu konuda karar herkesin kendine aittir.

WordPress sitem için Google AMP kurmalı mıyım?.

Kendi adıma şimdilik böyle bir düşüncem yok. Ancak sitenizin mobil yüklenme hızı çok kötü ise ve hızlandırma konusunda bir şey yapamıyorsanız düşünebilirsiniz.

Neticede Google, AMP nin bir sıralama faktörü olmadığını açıkladı. Geriye kalan kullanıcı deneyimi.

Ziyaretçilerinize mevcut mobil sürümünüzle iyi bir deneyim sunduğunuzu düşünüyorsanız, Google AMP konusunda acele etmenize gerek yok.

WordPress AMP kurulumu hakkında merak ettikleriniz varsa yorum alanından sorabilirsiniz.

Görüş ekleyin 0 yorum