WordPress Hızlandırıcı

Merhaba arkadaşlar bu makalemde sizlere wordpress hızlandırıcılarından olan wp süper cache eklentisi ile alakalı biraz bilgi vermek istiyorum. Bu eklenti uzun zamandır atladığım esgeçtiğim bir eklenti idi sitedeki oluşan trafik yükünün oluşturduğu yükten kurtulmak için gerçekten ideal bir eklenti olduğunu söyleyebilirim. Diğer bir çok eklentiyi kurup kaldırdığımıda performans notları tuttuğumu açıklıkla dile getiriyorum konularımda işte bu eklentiyide günlerden birgün kendi sitem içerisinde denedim inanılmaz performans aldım eklenti bir seven tarafından türkçeleştirilmiş yazarı yabancı olmasına rağmen kullanırken en ufak zorluk çekmeyeceğiniz bir eklenti diyebilirim. Sitenizin sayfalarının daha hızlı açılmasını yada sorgularınızın daha azalmasını istiyorsanız bu eklenti performans bakımından tam size göre.

Daha öncede cache eklentilerine konularım arasında yer verdim aralarında gelişmiş eklentiler olmasına rağmen bu eklentide aldığım performansı diğer eklentilerde aldığımı pek söyleyemeyeceğim. Bu sebeble sizlere bu eklentiyi özellikle tavsiye ediyorum. Eklentinin ince ayarlarının açıklamalarını ve özelliklerini alt bölümden inceleyebilirsiniz. Önemli bir not ilk kurulumda ayarlar sayfasında safe mod açıkken sorun çıkarabilir diyor ancak herhangi bir sorun çıkmadan safe mod’u kapatmayın sunucuda çünkü safe mod gerçekten iyi bir önlem koruyucudur siteler için.

Wp Super Cache wordpress için değişken bir önbellekleme eklentisidir. Siteniz yavaş açılıyor ise bu eklenti sitenizin daha hızlı açılması için sayfaların bir kopyasını yada php kodlarınızda sürekli oluşan sorguları ön belleğe kayıt ederek sitenizi veya sunucunuzu hızlandırır. Buna bağlı olarak sunucudaki Cpu kullanımını azaltabilirsiniz. Eklenti kurulumunu yapamayan arkadaşlar için burada ekentinin kurulumunu ayrıntılı bir şekilde anlatmaya çalıştık.

Bu eklentiyi geliştiren Donncha eklentiyi kullananlardan bağış yapmaları için eklenti ayarlar kısmına bağış bölümü koymuş. Eklenti geliştiricisine katkıda bulunmak isterseniz buradan bağış yapabilirsiniz.

1- Kolay olarak wordpress admin paneli içinde eklentiler sekmesinde yeni ekle menüsü içinde wp süper cache diye aratarak çıkan sonuçlarda ilgili anahtar kelime yanında bulunan şimdi kurdan kurabilir. Eklentiler bölümünden pasif olan kelentimizi aktifleştirip kullanabilirsiniz. Bu şekilde kurulum yaparsanız alt bölümdeki ayarları yapmadan direk eklenti paneline girebilir oradan ilgili yerleri türkçe olduğu için düzenleyebilirsiniz.

Yada

2- Öncelikle eklentiyi http://wordpress.org/extend/plugins/wp-super-cache/ adresten indirebilirsiniz.
3- Sitemizin Ftp’sine bağlanıp ana dizindeki wp-content/plugins içine eklentimizi kopyalıyoruz.
4- Daha sonra ana dizinde yer alan wp-config.php dosyasını notepad gibi bir editör yardımıyla açıyoruz .

Buraya eklencek kod :
define( ‘WP_CACHE’, true );
wp-super-cache

4- wp-content klasörümüzün izinlerini chmod ayarlarını 777 yapıyoruz
5- wp-content klasörü içerisinde cache adında bir klasör oluşturup bunun chmod ayarınıda 777 yapıyoruz.
6- wp-content klasörü içerisinde yeni oluşturduğumuz cache klasörünün içine altta yazan kodları kullanarak bir .htaccess dosyası atarız.
Kod :
# BEGIN supercache

AddEncoding gzip .gz
AddType text/html .gz

SetEnvIfNoCase Request_URI .gz$ no-gzip

Header set Cache-Control ‘max-age=300, must-revalidate’

ExpiresActive On
ExpiresByType text/html A300

# END supercache
7- Bu işlemleri yaptıktan sonra sitemizin admin panelinden eklentiler kısmından wp-super-cache aktifleştiririz
8- Eklentiyi aktifleştirme işlemini gerçekleştirdikten sonra Ayarlar bölümüne geçiyoruz.

Burada “Warning! /var/www/vhosts/siteadi.com/httpdocs/wp-content is writeable!” şeklinde bir uyarı çıkabilir.
Başta wp-content klasörünün izinleri 777 yapmıştık.
Bunu 755 yaptığımızda bu uyarı gelmeyecektir.

9- Ayarlar Bölümü (Wp-Super-Cache Manager)

WP Super Cache Status

-ON WP Cache and Super Cache enabled
-HALF ON Super Cache Disabled, only legacy WP-Cache caching.
-OFF WP Cache and Super Cache disabled

Bu seçeneklerden ON WP Cache and Super Cache enabled buradaki kutucuğu işaretlediğimizde wp-cache ve wp-super-cache (ekstra özellikler) aktif etmiş oluruz.

Bir sayfanın bu eklenti ile önbelleğe alınmış veye alınmamış olduğunu o sayfanın kaynağına baktığınız taktirde en alt kısmında göreceğiniz , veya gibi notlardan anlamanız mümkün.

Wp Super Cache yönetim panelindeki seçeneklerin ne işe yaradığını anlamak için aşağıdaki açıklamaları inceleyebilirsiniz.

Cache Contents

Bu kısımda önbelleğe alınan ve önbelleğe alınmış yenilenmiş sayfa sayısını görebiliyorsunuz. İstersek burada önbelleğe alınmış sayfaları silebilir tekrar önbelleğe alınmasını sağlayabiliriz.

Super Cache Compression
Burada enabled ve disabled seçenekleri bulunuyor. Bu varsayılan olarak aktif değildir. Etkinleştirdiğimizde sunucumuza sayfalar sıkıştırılır, bu özelliği varsayılan olarak bırakmanız tavsiye edilir. Sunucu özelliklerine göre bunu kullanabilirsiniz.

Mod Rewrite Rules;
Bu kısım .htaccess dosyasını nasıl olması gerektiği konusunda bilgi verir.

Expiry Time & Garbage Collection
Bu özellikte önbelleğe alınan statik içeriğin kullanım süresi yer alır. Expire time: 3600 seconds varsayılan değerdir. Bu değeri siz kendi sitenizin durumuna göre ayarlayabilirsiniz.
Accepted Filenames & Rejected URIs
Önbellekleme yapılmayacak sayfalarınızı ve url’lerinizi burada belirtebiliyorsunuz, burada belirttiğiniz sayfalar önbellekleme yapılmadan direk erişime sunulur.

Rejected User Agents;
Bu bölümde sitenizi ziyaret eden arama motorlarına ait botları ve istediklerinizi önbelleğe alınmış içeriğe değil dinamik gerçek içeriğe yönlenmesini sağlıyoruz. Varsayılan botlara başkalarınıda ekleyebilirsiniz.

Lock Down(Kilitleyebilirsiniz): Disabled;
Varsayılan olarak aktif değildir. Uzman kullanıcılar için tavsiye ediliyor. Yapılan blogun tamamının önbelleğe alınıp, oradan yayınlanmasıdır. Eğer bu seçeneği aktif edersek yeni yazılar ve yorumlar bu özellik aktif olduğu sürece sitemizde görünmez.

Directly Cached Files
Bu bölümde belirleyeceğiniz sayfa veya yazılarınızın direk önbellekten alınmasını sağlayabiliyorsunuz. Bu özelliği aşırı ziyaretçisi olan sayfalarınız için kullanabilirsiniz.

Fix Configuration;
Restore Default Configuration burası varsayılan ayarların yapılandırılmasıdır.

Cache Plugins;
Wp-Super-Cache eklentisine extra özellikler getiren eklentilerdir.

Aklınıza takılan sorular için konu altından yazınız. Saygılar sevgiler Yunus Emre Talay.

jQuery İle Tarayıcılara Özel Css Hazırlamak

Merhaba arkadaşlar bu makalemde sizlere navigator.userAgent userAgent bilgisini okuyup değerlendirmek için bir komuttur. Biz bu özelliği kullanarak sitemize gelen tarayıcıları belirleyip bu tarayıcılara özel css hazırlayacağız ve sunacağız. Bu fonksiyonlarla bir çok proje hazırlayabililirsiniz.

$.browser özelliği tarayıcının kendisi tarafından bildirilen, sayfaya erişen web tarayıcısı hakkında bilgi sağlar. Bu konuda en yaygın tarayıcı sınıfları (Internet Explorer, Mozilla, Webkit ve Opera) gibi sürüm bilgileri için seçenekler içerir.

Mevcut isimler şunlardır:

webkit (as of jQuery 1.4)
safari (deprecated)
opera
msie
mozilla

Çünkü $.browser platformu belirlemek için navigator.userAgent kullanır, Tarayıcılar kendileri tarafından kullanıcı bilgilerini sızdırmakta savunmasızdırlar.

Örnek





Browser info:



Çıktı


Browser info:
mozilla : true
version : 16.0

Açıklama: Bu fonksiyon true değeri döndürdüğünde altta vereceğim internet explorer tarayıcılarında kullanabilirsiniz. İf içinde kullanarak biraz çaba ile .css eklemesi yapabilirsiniz.

$.browser.msie;

Açıklama: Bu fonksiyonu script içinde yazdırıp google chrome için olduğunu anlayabilirsiniz.


if ($.browser.webkit) {
alert( "this is webkit!" );
}

Açıklama: Uyarı “Firefox 3 tarayıcılarında uyarı verecektir.


var ua = $.browser;
if ( ua.mozilla && ua.version.slice(0,3) == "1.9" ) {
alert( "Do stuff for firefox 3" );
}

Açıklama: Alt bölümdeki kodla belirli bir tarayıcıda özel bir css çalıştırabİlirsiniz..


if ( $.browser.msie ) {
$("#div ul li").css( "display","inline" );
} else {
$("#div ul li").css( "display","inline-table" );
}

Ben burada son olarak tarayıcılarımız için css oluşturmak için hazır bir kod veriyorum.



Veya



Bu kullanacağınzı kod şu tarayıcılarda geçerlidir.

İşte tipik bazı tarayıcı sonuçlarım şunlar:


Internet Explorer: 6.0, 7.0, 8.0
Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3, 1.9
Opera: 10.06, 11.01
Safari/Webkit: 312.8, 418.9

İe 8 için ie7 uyumluluk görünümü olduğunu unutmayınız.

Örnek: Kullanıcının geçerli tarayıcısı tarafından kullanılan render motorunun sürüm numarasını döndürür. Örneğin, FireFox 4 2.0 (kullandığı Gecko sürümü) döndürür.







Verdiğim örneklere göre geliştirebilirsiniz

İnternet Explorer Sürümleri İçin Özel Css Hazırlamak

Merhaba arkadaşlar bu yazımda sizlere sitelerinizde genel olarak yaşadığınız css problemlerini bir döngü ile çözmeyi anlatacağım bu döngü ile çeşitli tarayıcılara özel css hazırlayarak siteleriniz üzerindeki kayma problemlerini çözmeniz mümkün duruma gelecektir.

Alt bölümdeki kodları

Tagları arasına koyarak çalıştırırabilirsiniz.






Chrome İçin Çözüm

http://bursa-bilgisayar.com/chrome-icin-ozel-css-tanimlamak.html

JQuery İle Çözüm

http://bursa-bilgisayar.com/jquery-ile-tarayicilara-ozel-css-hazirlamak.html

kodunu yapıştırıp, üç tane css dosyası oluşturuyoruz

(bursabilgisayar-ie8, bursabilgisayar-ie7 ve bursabilgisayar-ie6).

Bu dosyaların içine tüm stil kodlarını eklemeniz gerekmiyor. sadece menü ile ilgili kodları yapıştırmanızda işi çözecektir. Browserdan bakarak, padding ve margin değerlerini ayarlayın. Farklı ie sürümlerinde test etmek için ietester programını kullanabilirsiniz. Ben kendim tasarladığım sitelerde bütün tarayıcıları virtualbox içine kurduğum xp üzerindeki tarayıcılarda kontrol edip değişiklikleri yapıyorum.

Chrome İçin Özel Css Tanımlamak

Merhaba arkadaşlar bu makalemde sizlere google chrome tarayıcısı için css tanımlama ile ilgili bir kaç kod aktaracağım tarayıcılar başa bela ancak ben chrome tarayıcısını çok seviyorum çok hızlı açılıyor bu yüzden bir çok müşterimede tavsiye etmiş ve kurmuş bulunmaktayım işte bu seeble css tutarsızlıklarını gidermek için Ona özel bir komut ile web sitelerimizi daha güzel gösterebileceğiz.Umarım işinize yarar.

Bu değişiklik için web sitenizin temasının üst bölümünde yani header kısmında “ ” tagları arasına altta verdiğim kodu yazıyorsunuz bunun sonucundan chrome tarayıcısı ile sitenize giren kullanıcının kullandığı chrome tarayıcısına özel css ataması yaparak kayma problemlerini giderme şansına sahip oluyorsunuz.



Burdaki bursabilgisayar.css kırmını siz kendinize göre düzenlersiniz. Kolay gelsin işinize yarar ise bir dua edin yeter hoşçakalın.

WordPress Güncellemede Ftp Bİlgilerini Otomatik Yapmak

Merhaba arkadaşlar bu konumda sizlere wordpress ile ilgili güncelleme yaparken karşılaşacağınız bazı problemlerin çözümüne dair size bir kaç bilgi vereceğim. GÜncellemede sürekli ftp bilgilerinizi girmek zorunda kalıryorsanız yada girdiğinzde yinede wp-content bulunamadı diye bir hata alıyor olabilirsiniz.Aynı şekilde eklenti yüklerken benzeri bir bulunamadı hatası alıyorda olabilirsiniz. Bu sorunlar için bir konu daha açtım buraya link veriyorum bu konu ilede ftp bilgilerini otomatik yapabilirsiniz.

http://bursa-bilgisayar.com/wordpress-guncellemesinde-wp-content-bulunamadi-hatasi.html

Ftp bilgilerini otomatik yapmak için önce

nano wp-config.php

dosyamızı editörümüzle açıyoruz içerisine uygun bir bölüme ” ?> ” içerisinde uygun bir bölüme ekliyoruz.

ve dizinimize göre düzenlemeleri yapıyoruz.


define('FS_METHOD', 'ftpext');
define('FTP_BASE', '/home/kullanıcı/dizin adı'); //wordpressin kurulu olduğu dizin
define('FTP_CONTENT_DIR', '/wp-content/'); //wp-content dizini
define('FTP_PLUGIN_DIR ', '/wp-content/plugins/'); //plugins dizini
define('FTP_USER', 'bursaspor'); //ftp kullanıcı adı
define('FTP_PASS', '45422677'); // ftp şifre
define('FTP_HOST', 'localhost'); //ftp host bilgisi

Bu şekilde yazdıktan sonra gerekli şekilde kayıt edip otomatik bir şekilde kullanabiliyoruz.