WordPress Mobil Duyarlı hale getirmek

WordPress

Başlamadan önce

Herhangi bir değişiklik ya da güncelleme yapmadan önce sitenizi yedeklemenizi öneririz. Böylece, gerektiğinde geri yüklemek üzere bir kopyanız olur.

WordPress sitenizin nasıl yedeklendiğinden emin değilseniz, WordPress yedekleme dokümanlarını uygulayın. Bu size zor geliyorsa, WordPress destek forumlarından destek arayın veya bizim web yöneticisi destek topluluğumuza göz atarak yardım arayın.

Sitem WordPress.com’da barındırılıyor

Sitenizi wordpress.com üzerinde barındırıyorsanız (ör. mysite.wordpress.com), size iyi haberlerimiz var!

WordPress, siteniz için mobil uyumlu bir temayı, sizin yüklenmiş mevcut temanıza ve ziyaretçinin mobil platformuna bağlı olarak otomatik bir biçimde sunar. Bu konuda daha fazla bilgiyi WordPress’in mobil tema destek sayfasında bulabilirsiniz.

WordPress’i kendi alan adımda kullanıyorum

1. Hangi WordPress sürümünü ve temasını kullanıyorum?

1.1. Bunu nasıl kontrol edebilirim?

WordPress sürümünüzü aşağıdaki yöntemlerden birini kullanarak kontrol edin:

  • Yönetim Panelinizi kontrol edin. En son WordPress kurulumlarında, sürüm numarası aşağıda görüldüğü biçimde Kontrol panelinin üst bölümünde bulunur. Daha eski sürümlerde, sürüm numarası altbilgide görülebilir.
WordPress kontrol paneli.
  • WordPress’in yüklenmiş olduğu web sitesine gidin. Web tarayıcınızın “kaynağı görüntüle” işlevini kullanarak sayfada, sürüm numarasını içeren oluşturma aracı meta etiketini arayın. Örnek: <meta name="generator" content="WordPress 3.9.2" />
  • WordPress sürüm numarası aynı zamanda /wp-includes/version.php adlı dosyada da bulunur ve bir metin düzenleyici içinde görüntülenebilir. Bu dosya bir uzak sunucu üzerindeyse, FTP programları genellikle uzak metin dosyalarının içeriğini görüntülemenize olanak verir.

Sürümünüzü nasıl kontrol edeceğiniz hakkında daha fazla bilgi için WordPress Kurulumu SSS sayfasına bakın.

Not: Bu noktada kaybolduğunuzu hissediyorsanız durmanızı veya bu görev için bir uzmana yetki vermenizi öneririz. Kendinizi cesur hissediyorsanız WordPress hem destek hem de dokümanlar sunar.

Yönetim Paneline gidin ve oradan Görünüm -> Temalar‘ı seçin.

Temanız için güncelleme gerekip gerekmediğini kontrol edin.

1.2. Gerekiyorsa sürümünüzü ve temanızı güncelleyin.

WordPress sürümünüz en yeni(https://wordpress.org/download/) değilse WordPress kurulumunuzu WordPress’i Güncelleme dokümanlarını uygulayarak en yeni sürüme güncellemenizi önemle öneririz. En yeni sürüme yapılacak bir güncelleme gerekli güvenlik yükseltmelerini otomatik olarak uygulayarak sitenizi mobil dostu bir site haline getirebilir.

Temanız için daha yeni bir sürüm varsa temanız artık mobil dostu bir site haline gelmiş olabilir.

1.3 Mobil Uyumluluk Testi aracını kullanarak URL’nizi yeniden kontrol edin

Artık web sitenizin yazılım sürümü ya da temalarınız güncel olduğuna göre, URL’nizi Mobil Uyumluluk Testi aracını kullanarak test edin. “Mobil uyumlu” bir skor alıyorsanız işiniz tamamlanmıştır.

Mobil Uyumluluk Testi’nde pozitif mobil uyumluluk skoru.

Site mobil dostu değilse temayı değiştirmeyi ve/veya mevcut temayı özelleştirmeyi düşünün. Size bu işlemde yol göstermek üzere aşağıdaki dokümanları derledik.

2. WordPress kurulumumu nasıl mobil uyumlu hale getirebilirim?

2.1 Tüm sitemi yeni ve mobil dostu bir temaya dönüştürmek istiyorum.

Bu seçenek genellikle modern duyarlı tasarım prensiplerini kullanan bir tema istediğiniz anlamına gelir. Duyarlı tasarımın en büyük avantajı, siteniz aynı HTML, CSS ve JavaScript kodunu kullanarak karşısına çıkan her tarayıcı türüne uyarlanacağından hem masaüstü hem de mobil tarayıcılarda iyi görünmesidir.

Şu an kullandığınız tema için kullanılabilir bir güncelleme olup olmadığını ve bu güncellemenin mobil dostu olup olmadığını kontrol edin.

Tüm yapmanız gereken, sadece temayı güncellemek olabilir. Temanızı güncellemek zaten genelde iyi bir fikirdir; siteniz ek bir artı olarak kritik güvenlik güncellemelerini de alır.

Temalar genellikle bir canlı demo sayfası içerir. En iyisi, bu sayfaları sadece masaüstünden değil, aynı zamanda bir mobil cihazdan da ziyaret ederek temanın sizin ihtiyaçlarınıza göre davranıp davranmadığını görmektir. En basit yöntem, tema demo sayfasını bir mobil cihazdan ziyaret etmektir.

Kullanabileceğiniz bir mobil cihazınız yoksa çeşitli alternatifler mevcuttur:

  • Google Chrome kullanıyorsanız, Chrome Geliştirici Araçları içinde bir “mobil cihaz emülasyonu” özelliği bulunur. Bu araçlar Chrome menüsü altındaki Görüntüle > Geliştirici > Geliştirici Araçları‘nda bulunur. Emülasyon özelliği hakkında bilgi almak için Cihaz Modu dokümanlarını ziyaret edin.
  • Tema, duyarlı bir tasarıma sahipse, basit bir test olarak masaüstü penceresi mobil cihaz boyutuna kadar daraltılabilir. Bu tür temalar görüntü alanının boyutuna (tipik olarak tarayıcının genişliği) bağlı olarak davranışlarını değiştirir ve tüm masaüstü ve mobil tarayıcılarda görüntülenebilme hedefini taşırlar. Seçtiğiniz tema, ziyaret eden tarayıcının kullanıcı aracısına bağlı olarak değişiyorsa bu işlemin çalışmayacağını unutmayın, bu nedenle güvenli çalışma için hâlâ bir mobil cihaza ihtiyacınız olabilir.

Temaları PageSpeed Insights aracımızla kontrol etmek de iyi bir fikirdir. Bu aracın vereceği yüksek bir skor, seçtiğiniz temanın mobil cihazlarda düzgün çalışacağını gösteren iyi bir işarettir.

Mevcut temanız mobil dostu değilse başka bir tema arayın.

Yeni bir duyarlı tema arayabilirsiniz. WordPress.org üzerinde bir temalar dizini bulunur. Etiket filtresi işlevini kullanarak tema aramanızı özelleştirin:

Bu temalar duyarlı tasarım prensiplerini kullanır. Temada demo için bir bağlantı varsa, bu bağlantıyı mobil uyumluluk aracımızda kontrol ettiğinizden emin olun.

  • En popüler WordPress tema indirmelerine göz atın. En popüler temaların çoğunda duyarlı tasarıma yer verilir.
  • Tema açıklamasında “duyarlı” veya “mobil” gibi anahtar kelimelere bakın.

wordpress.org dizinindeki temalar genellikle WordPress’in en yeni sürümleriyle uyumludur. Temanızın mobil dostu olduğunu PageSpeed Insights aracını kullanarak onaylayın.

2.2 Sitemin masaüstü sürümünü olduğu gibi korumak ve mobil ziyaretçiler için bir mobil dostu sürüm sunmak istiyorum.

Temanızı değiştirmek istemiyorsanız WordPress platformu içinde kullanılabilecek diğer seçenekler de vardır. Üçüncü taraf çözümleri sitenize mobil uyumluluğu işlevleri ekleyerek yardımcı olabilir. Bu, WordPress’in eklentimimarisi yardımıyla sağlanır. Çözümler arasında şunlar bulunur:

  • Jetpack, site sahiplerinin kendi barındırdıkları sitelere wordpress.com’un barındırdığı sitelerdeki mobil dostu özellikleri sunar.
  • WPTouch, sitenizin ayrı bir mobil dostu sürümünü oluşturmanızı sağlayan bir eklenti çözümüdür. Masaüstü temalarınız aynı kalır. Siteniz, mobil cihazlardan gelen ziyaretçiler için farklı bir tema görüntüler. Pek çok tema seçeneği vardır.
  • WP Mobile Detector, tıpkı WPTouch gibi, mobil cihaz kullanan ziyaretçilere bazı temalar sunar.

Lütfen bölüm 2.2’deki adımları ve önerileri uygulayarak eklentilerin, sayfanızı mobil için düzgün olarak optimize edecek şekilde ayarlandığından emin olun.

2.3 Mevcut WordPress kurulumumu (temalar ve eklentiler) özelleştirerek mobil uyumlu hale getirmek istiyorum.

Bu, daha çok orta-ileri düzeyde bir konudur ve ileri düzeyde HTML ve CSS bilgisi gerektirir. Bazı kaynaklar şunlardır:

3. WordPress sitem artık mobil dostu oldu mu? Son kontrol

Sitenizin artık mobil dostu bir biçimde mobil kitlenize hizmet vermeye hazır olduğunu umuyoruz. Sizi şimdi Mobil Uyumluluk Testi aracını kullanmaya davet ediyoruz.

Test sonuçları tatmin edici değilse veya daha başka sorularınız varsa ek rehberlik ve destek için uluslararası web yöneticisi forumlarımıza katılabilirsiniz.

Dokümanlarımızı geliştirmek için sürekli çalışıyoruz: Lütfen bu formu geri bildiriminizle birlikte doldurun.

Forumtartisma

Forumtartisma

Forum tartisma sitesini zirveye taşımak istiyorum bana yardımcı olunuz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir