Önbelleğe Alınmış WordPress İçeriğinizi Güncellemek için Sürüm Oluşturma Nasıl Kullanılır

Tarayıcı önbelleğinden yararlanmak, tekrar eden ziyaretçiler için web sitenizin yükleme sürelerini iyileştirebilir. Ancak bu, kullanıcıların sitenizi ziyaret ettiklerinde bazen eski içeriği görebilecekleri anlamına da gelir.

Bu sorunu önlemenin en iyi yolu, WordPress içeriğiniz için 'sürüm oluşturma' uygulamaktır. Bu şekilde, tarayıcıları siteyi önbelleğe almış olsa bile, kullanıcılar her zaman web sitenizin en son sürümünü alırlar. Bu makalede, tarayıcı önbelleğe alma, sürüm oluşturma hakkında daha fazla konuşacağız ve ardından bunu WordPress'te nasıl uygulayacağınızı öğreteceğiz.

Hadi çalışalım!

Sürüm Oluşturma Nedir (Ve Tarayıcı Önbelleğini Nasıl Etkiler)

Tarayıcı önbelleğe alma, web sitenizdeki dosyaları ziyaretçinizin cihazlarına kaydederek sitenizi tekrar ziyaret ettiklerinde indirmelerine gerek kalmamasını sağlayan bir işlemdir. Bu, yükleme sürelerini kısaltmaya yardımcı olan basit bir çözümdür.

Tarayıcı önbelleğe alma özelliğini kullandığınızda, genellikle kaydetmek istediğiniz içerik için son kullanma tarihleri ​​belirlersiniz. Örneğin, ayarlarınızı yapabilirsiniz. htaccess dosyası, dosyaları belirli bir süre boyunca kullanıcının bilgisayarlarında depolamak için kullanılır. Bu süre dolduğunda, tarayıcıları bu dosyaların yeni sürümlerini kontrol edecektir.

Sorun, önbelleğe alınmış sürümlerin süresi dolmadan önce sunucunuzdaki dosyaları sık sık güncellemeniz gerekmesidir. Örneğin, yukarıdaki kod tüm png dosyalarını otomatik olarak önbelleğe alacaktır. Sitenizin logosu bir png dosyasıysa ve dosyada değişiklik yaparsanız, bu kullanıcılar önbelleklerinin süresi dolana kadar yeni sürümü göremeyebilir.

'Önbellek bozma' olarak da bilinen sürüm oluşturma, bir dosya değiştirilirse güncellemeleri otomatik olarak önbelleğe almaya zorlayarak bu sorunu çözer. Eski içeriği görüntüleme konusunda endişelenmenize gerek kalmadan uzun süreli sona erme tarihleriyle tarayıcı önbelleğe almayı uygulamanıza olanak tanıyan basit bir geçici çözümdür. Ancak, kurulumu biraz çalışma gerektiriyor, bu da bizi bir sonraki bölüme getiriyor.

Önbelleğe Alınmış WordPress İçeriğinizi Güncellemek için Sürüm Oluşturma Nasıl Kullanılır (2 Yolla)

Şimdi size, kullanıcılarınızın önbelleğini bozmak için farklı dosya türlerinin sürümlerini nasıl ayarlayacağınızı göstereceğiz. Bir önbelleğe alma eklentisi kullanıyorsanız, bu yöntemleri kullanırken bazı sorunlarla karşılaşabileceğinizi unutmayın. Öyleyse, sitenizin her dosyanın en son sürümlerini sunduğundan emin olmak için sitenizin önbelleğini hangi eklentiyi kullanırsanız kullanın temizlemek isteyeceksiniz.

1. wp_enqueue İşlevini Kullanarak Alt Temanızın Sürümünü Güncelleyin

Bir alt tema kullanıyorsanız (ki öyle olmalısınız!), WordPress'i function.php dosyası aracılığıyla stil sayfasının yeni bir sürümünü yüklemeye zorlayabilirsiniz. Bildiğiniz gibi, fonksiyonlar içinde wp_enqueue_style işlevini kullanmanız gerekir. Bir temanın stil sayfasını yüklemek için php dosyası. İşte WordPress kodeksinin kullanmanızı önerdiği biçim:

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

Bu snippet işini görür. Ancak, bir önbellek bozma işlevi içermez. Buna karşılık, aşağıdaki kod, alt temanın sürüm numarasını eklemenizi sağlar:

function my_theme_enqueue_styles() {
    $parent_; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

Bu kod, alt temanızın style.css dosyasından sürüm numarasını alır. Alt temanızı ilk kurduğunuzda, bunun gibi bir parça içeren yeni bir stil sayfası oluşturmanız gerekiyordu:

/*
Theme Name:   Twenty Fifteen Child
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Twenty Fifteen Child Theme
Author:       John Doe
Author URI:   http://example.com
Template:     twentyfifteen
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twenty-fifteen-child
*/

Tek yapmanız gereken, alt temanızın stil sayfasında her değişiklik yaptığınızda Sürüm satırındaki numarayı güncellemektir. Bu, WordPress'i dosyanın en son sürümünü yüklemeye zorlar.

Bir hatırlatıcıya ihtiyaç duymanız durumunda, FTP üzerinden web sitenize erişerek bu iki dosyayı da güncelleyebilirsiniz. Kurulumlu bir istemciniz yoksa FileZilla'yı kullanmanızı öneririz. wp-content/themes dizinine gidin ve içinde çocuk temanızın klasörünü arayın. Hem function.php hem de style.css dosyaları şurada olmalıdır:

Her iki dosyayı da düzenlemek için, üzerine sağ tıklayın ve Görüntüle/Düzenle seçeneğini seçin. Bu, yerel varsayılan metin düzenleyicinizi kullanarak dosyayı açarak kodda değişiklik yapmanızı sağlar.

2. Önbellek Güncellemesini Zorlamak için Statik Dosyalarınızı Yeniden Adlandırın

Önceki yöntem, alt temanızı güncellemekle ilgilenir. Ancak, tarayıcı önbelleğini nasıl ayarladığınıza bağlı olarak, web siteniz muhtemelen birçok başka dosyanın kopyalarını kaydediyor. Örneğin, tarayıcı önbelleğe almayı uygulama kılavuzumuz sırasında size resimlerinizin, CSS, HTML ve JavaScript dosyalarınızın kopyalarını önbelleğe alması gereken bir kod parçacığı sağladık:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 week"
ExpiresByType text/x-javascript "access 1 week"
ExpiresDefault "access 1 month"
</IfModule>

Aynı dosyayı yeni bir dizi kural uygulamak için kullanabiliriz. Aşağıdaki kodu kullanın ve size daha önce gösterdiğimiz snippet'in </IfModule> etiketinin altına ekleyin:

<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpg|jpeg|gif)$ $1.$3 [L]
</IfModule>

Bu, WordPress'e, bu biçimleri kullanan herhangi bir dosyanın dosya adlarına sayılar eklenmiş olup olmadığını kontrol etmesini söyler, örneğin:

alt tema/stil.201.css

Bu örnekte, style.css dosyasını güncelledik ve dosya adını bunu yansıtacak şekilde değiştirdik. Dosya adındaki 201 , style.css'nin sürüm numarasını temsil eder. WordPress onu temanızın style.css dosyası olarak tanımaya devam edecek, ancak . htaccess yeni bir sürüm olduğunu belirtmenizi sağlar.

Bu kodu dosyanıza ekledikten sonra . htaccess dosyanız varsa, eklediğiniz tüm dosya türleri için sürümler ayarlayabilirsiniz. Örneğin, bir png logosunun yeni bir sürümünü yüklemek istiyorsanız, dosyayı yüklemeden önce logo.201.png gibi bir adla yeniden adlandırmanız yeterlidir .

Çözüm

Tarayıcı önbelleğe alma uygulamak, sitenizin ziyaretçilerinin hızlı yükleme sürelerinden yararlanmalarını sağlamanın mükemmel bir yoludur. Ancak bu, içeriğinizi güncellediğiniz ancak kullanıcıların değişiklikleri göremediği durumlarla da sonuçlanabilir.

Bu sorunu çözmenin en kolay yolu, kullanıcınızın tarayıcı önbelleğindeki içerik için sürüm oluşturmayı kullanmaktır. Bunu yapmanın aşağıdaki yollarını size gösterdik:

1. wp_enqueue işlevini kullanarak alt temanızın sürümünü güncelleyin.
2. Önbellek güncellemesini zorlamak için statik dosyalarınızı yeniden adlandırın.

WordPress'te dosya sürümü oluşturmanın nasıl uygulanacağı hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!

imdproduction / Shutterstock.com tarafından makale küçük resim