Muratcan Atak | Webmaster Blogu

Son Twitler


Reklam


SoundCloud


Sitenizi Mobil Uyumlu Yapın

Muratcan AtakMuratcan Atak

mobil

Merhabalar;
Bu makalemde sizlere bir wordpress ve html/php sitesinin nasıl Responsive uyumlu yapılabileceğini göstereceğim.

Öncelikle Responsive;
Mobil uyum demektir, yani siteye mobil’den girdiğimizde telefona uyumlu olmasıdır.

Neden Responsive ? ;
Çünkü şuan sizin sitenizin genellikle gelen hitlerin geneli mobilden girmektedir. Eğer mobil uyumu olmaz ise, sitenizi sevmeyecek, hoşuna gitmeyecek ve siteden çıkacaktır.

WordPress Siteleri için;
WPTouch Mobile Plugin

Eklentisi kurularak yapılabilir kullanımı gayet kolaydır alternatif uygulamalarda mevcuttur lakin en stabil çalışanı WPTouchdur.

Şimdi sırada, Html/Php yani script türlerine nasıl yapacaklarımız da.

Öncelikle Siteniz için bir boyut belirlemelisiniz.
Örneğin;
Sitenizin boyutu 900 ise 480 deyin.
Bu kodu cssize eklediğinizde siteniz artık mobilden uyumlu gözükecektir.

 

<a href="#">/** Mobilde Dikey konumdayken **/
[url=index.php?e=users&amp;m=details&amp;id=][b]@[/b][/url] screen and (max-device-width: 480px) and (orientation: portrait){
/* some CSS here */
}
 
/** Mobilde Yatay konumdayken **/
[url=index.php?e=users&amp;m=details&amp;id=][b]@[/b][/url] screen and (max-device-width: 640px) and (orientation: landscape){
/* some CSS here */
}
 
/** Mobilde Yatay yada Dikey **/
[url=index.php?e=users&amp;m=details&amp;id=][b]@[/b][/url] screen and (max-device-width: 640px){
/* some CSS here */
}
 
/** iPhone 4 ve üstü **/
[url=index.php?e=users&amp;m=details&amp;id=][b]@[/b][/url] screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
/* some CSS here */
}
 
/** Tabletler için #### **/
[url=index.php?e=users&amp;m=details&amp;id=][b]@[/b][/url] screen and (min-device-width: 768px) and (max-device-width: 1024px){
/* some CSS here */
}</a>

 

Yazı Hakkında Yorumlar 8
  • Necdet
    Posted on

    Necdet Necdet

    Cevapla Author

    ASP ve PHP sitelerim var nasıl uyumlu hale getirebilirim.


  • oğuz
    Posted on

    oğuz oğuz

    Cevapla Author

    sa hocam bana ulaşırmısın ? telden mesaj at veya whatshapdan yazarsan iyi olur mobilim var ama nesine.com gibi bir mobil yaptırmak istiyorum sitem : GİZLENDİ bakabilrsin burdan detayları telden görüşürüz. 0543 390 39 xx


  • Oğuz
    Posted on

    Oğuz Oğuz

    Cevapla Author

    üstte yazdığım mesajı silebilirmisin hocam ? telefon vermişimde mal gibi 🙂


  • Cansu Nihal Gören
    Posted on

    Cansu Nihal Gören Cansu Nihal Gören

    Cevapla Author

    Sürekli iş verdiğim bir arkadaşdır.

    Gayet güzel makale olmuş elinize sağlık.


  • Erkan Zorlu
    Posted on

    Erkan Zorlu Erkan Zorlu

    Cevapla Author

    Elinize sağlık r10’dan geliyorum sitemi mobil uyumlu yaptırmak istiyorum mail gönderdim cevabınızı bekliyorum.