Merhaba arkadaşlar...
Bu yazımızda Vbulletin forumlarda mobil temaya yönlendirme işlemini gerçekleştirmeyi öğreneceğiz.Bunun için diğer sitelerde paylaşılan bir javascript kod var çok sağlıklı çalıştığı söylenemez.Çünkü eklediğiniz kod her sayfada,her zaman çalışıyor.Yani diyelim ki kullanıcı mobil tarayıcıdan siteye girdi,javascript kod bunu algıladı ve mobil sayfaya yönlendirdi.Ama ziyaretçi masaüstü versiyonuna geri dönmek istiyor ama yapamıyor.Çünkü masaüstü sitede tekrardan javascript kod çalışıp ziyaretçiyi her seferinde mobil sürüme yönlendiriyor.Ben de bu sorunla karşılaştım ve internette aradığımı bulamadım ve kendim bir kodlama yaptım.Şuan sorunsuz çalışıyor.Mobil tarayıcıdan giren kullanıcıyı ilk olarak otomatik mobil temaya yönlendiriyor,mobil temadaki ziyaretçi isterse masaüstü görünümüne geri dönebiliyor.Lafı fazla uzatmadan anlatıma geçelim...
Öncelikle ekte bulunan zip dosyasını indirin.Dosyayı çıkarın ve içinden çıkan
mobil.php dosyasını düzenlemek için açalım.
mobil.php dosyasının en üstünde bulunan aşağıdaki satırları bulup değiştirelim.
Aşağıdaki kısma mobil temanızın id numarasını yazın.
Aşağıdaki kısma masaüstü temanızın id numarasını yazın.
Bu düzenlemelerden sonra mobil.php dosyasını kaydedip,Vbulletin forumunuzun kurulu olduğu dizine yükleyin.
Şimdi bir sonraki adıma geçelim.Vbulletin forumunuza admin panelden giriş yapın.
Panelden
Pluginler & Ürünler > Plugin Ekle yolunu takip edin.Ardından aşağıdaki bilgileri kullanarak bir plugin oluşturalım.
Giriş nokası: global_start
Başlık: Mobil yönlendirme
Uygulama sipariş et: 5
Plugin PHP Kodu:
PHP Kodu:
ob_start();
include_once( 'mobil.php' );
$mobilinc = ob_get_contents();
ob_end_clean();
Plugin aktif mi? : Evet
Yukarıdaki bilgilerle bir plugin oluşturduktan sonra,pluginimiz aktif hale gelecektir.
Şimdi sıra son adımda.Bu uygulamaları temamıza ekleyeceğiz.
Admin panelden;
Stiller & Temalar > Stil yönetimi > Masaüstü için kullanacağınız temada bulunan Git butonuna tıklayın.
Karşınıza tema düzenleme ekranı gelecek.Burada header kısmına mobil yönlendirme fonksiyonunu ekleyeceğiz.
Global Şablonlar > Header içine en üst kısma aşağıdaki kodları ekleyip sayfanın en altından kaydedin.
Kod:
$mobilinc
$mobilicon
Bu defa mobil temamıza masaüstüne geri dönebileceğimiz link ekliyoruz.Tekrardan
Stiller & Temalar > Stil yönetimi > Mobil için kullanacağınız temada bulunan Git butonuna tıklayın.
Tema düzenleme alanında tekrardan
Global Şablonlar > Header içine,en üst kısma aşağıdaki kodu ekleyin ve sayfanın en altına inerek kaydedin.
Kod:
<a href="$pcyonlendirme">Masaüstü Görünümü</a>
Ve işlemimiz bu kadar.Eğer anlattığım adımları sorunsuz gerçekleştirdiyseniz mobil tarayıcıdan girince otomatik olarak mobil sürüme yönlendirileceksiniz.Mobil Sayfanızın en üst kısmında bulunan Masaüstü Görünüm linkine tıklayınca da tekrardan masaüstü tema görünümüne yönlendirileceksiniz.