• Cs-Cart Türkiye Destek ve Paylaşım Sitemize Hoş Geldiniz
  • Yeni Temamızla Daha işlevsel Sizlerleyiz.
  • Öneri ve Dileklerinizi Mesajla iİetiniz.
Hoşgeldiniz.! Lütfen Giriş Yap yada Üye Ol


Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Bilgi Cep telefonu tablet gibi mobil cihazları mobil layouta yönlendirelim
#1
Şimdi buna ne gerek var diyebilirsiniz. Nekadar mükemmel bir temamız olsada bazen google sitenizin mobil görünümünün uyumsuz olduğunu düşünebiliyor ve mobil cihazlarda aramaya yapanlara sitenizi arka sıralarda gösterebiliyor. Hem google indexlemesi açısından avantaj kazanmak hemde mağazamızı mobil cihazlarından ziyaret edenlere daha derli toplu cep telefonu ve tabletlerin ekranında daha hoş görünecek mobile layout kullanabiliriz. Hem sitemizi uygulama tadında gösterebilir hemde mobil cihazlardan sizemizi ziyaret edenler için ana sayfada farklı ürünleri gösterebilir farkı banner ve içerikleri öne çıkarabiliriz. Mesela her tür ürün satan bir mağazamız olsun fakat siteye ilk ziyaretinde müşterilerimize daha çok cep telefonu ürünlerini gösterebiliriz.

Yapmamız gerekenler 
1 Mobil layout oluşturun.
Bunu yapmak için 
layout menüsünden + ikonuna tıklayıp yeni bir layout eklemeyi ve standart tema kullanıyorsanız vidget modun bir kopyasını oluşturarak yada özel bir temanız varsa onun kopyasını oluşturarak yeni bir layout oluşturun. Layoutun özelliklerinden genişliği fluid ölcekleri minimum 290 maximum 1200 değerlerini girin
artık layoutumuz hazırsa bu layoutun varsayılan ve ana sayfalarında görünecek blokları düzenleyin. Burada dikkat etmeniz gereken var olan blokları kopyasını oluşturduğumuz layoutun da kullanıyor olması yani bu bloklarda mobil cihazlarda daha iyi görünsün diye bir değişiklik yaparsanız diğer layouta da yansır. Bunun çözümü her grid için mobile özel yeni bloklar oluşturun. Mesele main banner bloğumuz var bu blokta mobil için yeni bannerler eklerseniz diğer loyuttada görünür yada bir baneri silerseniz diğer loyuttada silinir onun için her bloğun mobil için olanını oluşturarark düzenliyoruz. Banner örneğinden devam edelim yeni bir blok eklemeyi seçiyoruz ismini main banner mobil yapıyoruz. Artık afişlerimizi bu bloğa yüklüyoruz main banneri silebilir yada pasif duruma getirebiliriz. Bu sayade bilgisayardan gelenlere farklı mobil cihazdan gelenlere farklı reklam göstermiş olduk diğer bloklar için de durum aynen banner bloğunda olduğu gibidir. Çok satanlar mobil diye bir blok oluşturup mobil cihazlarda farklı bir çok satanlar içeriği gösterebiliriz. 
Gelelim son adıma sitemiz mobil cihazdan geleni nasıl tanıyıp mobil cihaza yönlendirecek. Sitemizin ana dizinindeki htacces dosyasını açıp 2. satıra alttaki kodları ekleyelim burada sadece sizin layout numaranızı düzenlemeniz gerekir
Kod:
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/.*$
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC]
RewriteRule ^(.*)$ /?s_layout=14%{REQUEST_URI} [L,R=302]

örnekte dördüncü satırda layout=14 dür siz kenidi layout numaranızı buraya yazın layout numaranızı görmek için mobil layoutunuzdayken önizleme linkine tıklayın adres barında layout numarasını göreceksiniz. Herşeyi düzgün yaptıysanız artık siteniz mobil cihazlarda farklı görünecektir. Tema düzenlemeden mobil duzeni site üzerinde düzenleme yaparak mobilde farklı bir logo bile kullanabilirsiniz. Takıldığınız yer olursa sormak bedava Smile
 
Cevap
#2
Bu ne bea 2014 yazısı hortlamış, sağlam kayıptı forum geri gelmiş? Big Grin
 
Cevap
  


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Star Bilgi:  Responsive tema ( MOBİL ) istanbul 5 5,989 17.02.2015, 03:03
Son Yorum: Snekhers

Hızlı Menü:


Tarama: 1 Ziyaretçi