WordPress İpucu: Mobil algılama ve class ekleme

WordPress İpucu: Mobil algılama ve class ekleme
51

WordPress kısa ipucu yazılarımda sıra wordpress’in 3.4 sürümü ile birlikte eklenen fonksiyon sayesinde sitenize gelen ziyaretçinin mobil mi yoksa masaüstünden mi girdiğini algılayıp body etiketine bir css sınıfı eklebilme olanağına sahip olacaksınız. Bu sayede mobil cihazlar için veya masaüstü bilgisayarlar için ayrı css ayarlayabiliceksiniz.

Body etiketine bir css sınıfı ekleyelim

Temanızın functions.php dosyasına aşağıdaki kodu ekleyerek mobil cihazlar ile sitenize girildiğinde body etiketine is-mobile adında css sınıfı eklenecek, masaüstü bilgisayar ile girildiğinde ise is-desktop css sınıfı eklenecektir.

add_filter('body_class', function($classes = '')
 {
 $classes[] = (wp_is_mobile())?'is-mobile':'is-desktop';
 return $classes;
 });

Yorum Yap

Yapılan Yorum (1)

  1. Çağrı Bey merhaba. Verdiğiniz bilgiler için teşekkürler. Makalenin sonunda, belirlediğimiz focus keyword ile cümleler oluştursak yine de spam skorumuza etki eder mi? Örneğin focus keyword wordpress olsun.
    Bu yazıda wordpress hakkında bilgi sahibi oldunuz mu?
    Bu yazıda wordpress ile ilgili yeterince içerik eklenmiş mi? … gibi bu şekilde.