© 2014 Azat Hüseyin Bilişik

PHP / Webmaster Genel / Wordpress / Wordpress Ücretsiz Temalar / Yaşam

PHP ve WordPress Mobil Uyum Yapma-Kaldırma

- 19 Aralık 2014

Selam canlar, bugün sizlere html,php ve wordpress de nasıl mobil uyuma ve sitenin nasıl mobil uyumdan cıkarılacağını anlatacağım. Bu anlatımı bu işte nirvanaya ulaşmış kişilere değil de daha da amatör kişilere göre anlatacağım kolay anlaşılması için o yüzden neden bu kadar ayrıntıya girdin diye yorumlarda eleştirmeyin 🙂 Bir çok sitede araştırma yaptım sürekli belli bir seviye üstü kişilere anlatım yapılmakta… her neyse

Öncelikle html ve php sitelerden başlayalım. Php sitemiz var fakat site direk geliyor mobilde tablette ve diğer ortamlarda hemen ilk önce şuradaki dosyayı indiriyoruz ve sitemizin anadizine atıyoruz ardından aşağıda vereceğim kodu sayfanızda mobile gitmesini istediğiniz yere yapıştırın ve mobilden hemen sitenizi girip deneme yapınız. Örnek veriyorum sadece belli sayfalarda mobile yönlendirmek istiyorsunuz o zaman sadece o sayfalara bu kodu yapıştırın. Tüm sayfalarda mobil uyuma geçmesini istiyorsanız wordpress mantığı header a yapıştırın tüm sayfalarda görünür şekilde olsun.

Kod:

<?php
include(“Mobile_Detect.php”);
$Tarayici = new Mobile_Detect();
if($Tarayici->isMobile()==TRUE or $Tarayici->isTablet()==TRUE){
echo “<meta http-equiv=\”refresh\” content=\”0;URL=http://m.sitenizinismi.com\”> “; //
exit;
}
?>

İyi tamam herşeyi yaptık peki mobil temamız nerede diyenlere söylüyorum onu da buradan indirin 🙂 hadi iyisiniz.. internette daha güzellerini bulabilir yada direk html olarak çalışma yapabilirsiniz(ki bu en iyi şecenek) bu temamızı da hemen sitemize subdomain alarak oraya atıyoruz. Subdomaini m.sitemizinismi.com şeklinde alın ve yukarıda verdiğim kodda adresini verin.

Peki azat hocam mobilden nasıl kaldırıcaz sitemizi?

Hemen onu da söyliyeyim sitemizin üst kısımlarında standart olanlardan bahsediyorum genellikle yönlendirme yapılmıştır Html ve php sitelerde yukarıdaki kod olabilir direk mobil.php olabilir bu kodları kaldırmamız gerekiyor wordpress sitelerde genellikle aşağıdaki kod olur onu kaldırmanız halinde siteniz masaustu gorunumunu alır mobil ve diğer ortamlarda bu kod genellikle wordpress klasorlerınden header.php icerisinde bulunur ve en üsttedir.

Kod:

<meta name=”viewportcontent=”width=device-width” />

WordPress te bu işlemi yapmaktansa eklenti indirip mobil sitenizi içeriğinizle birlikte yayınlayabilirsiniz. Çünkü anlattığım yöntemde yapacağınız değişiklikleri mobil sürümde de değiştirmeniz gerekiyor fakat wordpress de eklenti araçılığıyla bu işlemden kolaylıkla sıyrılabiliyorsunuz.  O eklentiyi de buradan indirebilirsiniz.

Canlar durum bunlardan ibaret takıldığınız konuları bana yorum yaparak iletebilirsiniz o şekilde yardımcı olabilir diğer türlü her php ve html sitenin farklı bir kodu var onun icin de bu yazdığım kodlar olmuyorsa yorum yaparak iletin çaresine bakalım.

 

9 responses

  1. Kilicaslan dedi ki:

    Tşk ederim güzel paylaşım olmuş

    1. azathuseyin dedi ki:

      Rica ederim yardımcı olduysam ne mutlu bana.

  2. ramo dedi ki:

    ben beceremedim bi e posta ile dönüş yaparsanız sevinirim

    1. azathuseyin dedi ki:

      Dönüş yaptım hocam bakalım birlikte

  3. Murat Aktaş dedi ki:

    Merhabalar hocam ben başka bir php sıtesıne dedıklerınızı uyguladım ama değişiklik olmadı mail ile dönüş yaparsanız sevinirim

  4. elinize sağlık işimize yaradı 🙂

  5. Erdem Örnek dedi ki:

    Merhaba.
    haliyikatma.com web sitemin mobilde masaüstü gibi görünmesini istiyorum. fakat ne yaptıysam olmadı. Verdiğiniz kodu kaldırdım. Divler arasına aldım. Olmuyor olmuyor olmuyor. yardım edebilirmisiniz.

  6. Kerem Sonkaynar dedi ki:

    Merhaba bende beceremedim hocam mailime dönüş sağlayıp yardımcı olurmusunuz rica etsem ?

  7. damar dedi ki:

    üstadım bi yardımcı olabilirmisin mailden sana zahmet

Bir Cevap Yazın

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