Mevcut siteyi Responsive siteye çevirebilir miyiz. ?

Kodla Büyü

devcodeblog

Seçkin Üye
Seçkin Üye
Mesajlar
995
Merhabalar;

Mevcut site adresi gulparkeci.com fakat mobil uyumlu olmadığı için jquery ile sitenin mobilini yapıp mobile.gulparkeci.com adresine kurdum. Soyle bir sıkıntı ortaua çıkıyor. Seo anlaminda mobil site geri kalıyor. Dusundum. Mevcut siteyi ne sekilde responsive yapabilirim diye. Bu konuda yardımcı olursanız sevinirim.

Saygılar
 
Hocam yanlış mı anladım. Site çok karmaşık gelmedi bana... bootstrap kullanarak yeniden oluşturulabilir. ..
 
En iyi alt yapı tercihi bootstrap mı olmalı. Zaman açısından birkaç dokunuşla belki bu islem hallediliyordur. Yoksa en baştan yapmak zorundayız. Bootstrap studio mevcut ama ücretli. :wink:
 
Arkadaşlar benimde bir sorum olacak lakin tam tersi.
mesela benim sitem wordpress responsive destekli. Ben sitenin footer bölümüne masaüstü sürüme geçmek için tıklayınız diye bir bölüm ekleyebilir miyim?
 
Siteyi bootstrap ile responsive yapabilirsiniz.
Mevcut sayfanızı satırlar ve sütunlar olarak bölümlere ayırabilmelisiniz. Misal üst kısım bir satır olsun bu satırada 12 sütun var ve bu sütünlardan 4 tanesi logonun 8 tanesi menünün olsun gibi. Bu şekilde tüm sayfanızı önce satırlara sonra her bir satır içinde sütunlara bölmelisiniz. Her satır 12 sütundur. Bu sütunlardan kaç tanesi solda kaç tanesi sağda olacak siz karar vereceksiniz. class kullarak da masaüstü, tablet ve telefonda bu sütunların dağılımının nasıl olacağını söylemelisiniz.
Mevcut resimler yeni düzen içinde küçük kalabilir. Resimlerinizin daha büyüklerini oluşturup onları da responsive yapmanız gerekebilir.

talp arkadaşın sorusuna gelince: Önceden bootstrap yaygın olmadığı zamanlarda sitenin masaüstü ve mobil tasarımları ayrı subdomainler ile yapılırdı. Sonraları bootstrap ile tek bir tasarımı; hem masaüstü, hem tablet, hem de mobil yapabiliyorsunuz. Dolayısıyla mobil görünümden masaüstü görünümüne geçmek gibi bir işleme gerek yoktur bence. Zaten tarayıcının masaüstü görünümüne geç diye bir seçeneği var.
 
Bootstrap ile tekrar yapın bence de. Responsive için ayıracağınız zamandan daha azı ile bootstrap ile yapın. Bootstrap studio filan demişsiniz ama gerek yok ona.
 
hyrgul' Alıntı:
talp arkadaşın sorusuna gelince: Önceden bootstrap yaygın olmadığı zamanlarda sitenin masaüstü ve mobil tasarımları ayrı subdomainler ile yapılırdı. Sonraları bootstrap ile tek bir tasarımı; hem masaüstü, hem tablet, hem de mobil yapabiliyorsunuz. Dolayısıyla mobil görünümden masaüstü görünümüne geçmek gibi bir işleme gerek yoktur bence. Zaten tarayıcının masaüstü görünümüne geç diye bir seçeneği var.

Hocam peki hani chrome da masaüstüne geçmek için tıklayınız diye seçenek var ya ben onu sitenin altına yazmak istiyorum. Bazı tarayıcılarda farklı farklı olduğu için boşuna uğraştırmamak istiyorum imkanı yok mu acaba
 
Çok basit bir site üstteki yorumlara katılıyorum tıpatıp aynısını bootstrap ile çok kısa zamanda tekrar yapabilirsiniz.
 
Css ile responsive yapabilirim hocam
Skype volkankeyif


Tapatalk kullanarak iPhone aracılığıyla gönderildi
 
volkankey' Alıntı:
Css ile responsive yapabilirim hocam
Skype volkankeyif


Tapatalk kullanarak iPhone aracılığıyla gönderildi

Teşekkürler volkan hocam. Bootstrap 3 ile baştan oluşturmaya karar verdim. Bilmediğim için öğrenmesi de faydalı olacaktır. Önceki http://mobile.gulparkeci.com Jquery ile yapmıştım. Hayırlısı.
 
ugurkorkmaz' Alıntı:
Arkadaşlar siteyi baştan kodlamak mı daha mantıklı yoksa üzerinde düzenleme yaparak mı yapmalıyım. Anasayfanın grid sistemi için önerisi olan varsa dinleyebilirim. Saygılar.

Site AnaSayfa : http://www.gulparkeci.com/index.php

benim fikrim: baştan kodlamaktansa arkadaşlarında dediği gibi bootstrap teması oluşturup kodlarını aralara yazarsın. şurda bir layout http://www.layoutit.com/build oluşturup sonrada resim, yazı vs araya at olsun bitsin (sanki ben hemen yaparım gibi anlattım ama neyse :wink: )
 
ugurkorkmaz' Alıntı:
Arkadaşlar siteyi baştan kodlamak mı daha mantıklı yoksa üzerinde düzenleme yaparak mı yapmalıyım. Anasayfanın grid sistemi için önerisi olan varsa dinleyebilirim. Saygılar.

Site AnaSayfa : http://www.gulparkeci.com/index.php

Grid derken hocam.
4 satır var hocam.
Dört adet
Div class=row

Her bir row içine
Div class=col-lg-4 (burası 3 sütun için üç tane yapilacak) iki sütun için col-lg-6 iki adet
Bu div lerim içine normal resim ve yazılar olacak hocam.

Tabletten yazdım idare ediverin.
 
@v.ofkeli @tsigalko sayın hocalarım teşekkür ederim. Bu şekilde deneyeceğim. Buradan yine yazarım. :idea:
 
Merhabalar;

Bootstrapta şöyle bir durum ortaya çıkıyor. Desktopa göre uygun yükseklik oluyor. Bazı kısımlarını gizlemek zorunda kalıyorum. O zamanda böyle bir sorun çıkıyor. Kod pragraf arasına yazılar olarak geçiyor. :idea:

http://prntscr.com/dsylkw
 
Inceledim hocam. Sagol. Anasayfayı kodladım biraz.
 
Son düzenleme:
Geri
Üst