Ekim 2026’dan bu yana her hPage web sitesi otomatik olarak mobil uyumludur: tüm tasarımlar bir mobil düzenle birlikte gelir ve yapılandırmanız gereken hiçbir şey yoktur. Eskiden var olan Mobil tasarım ayarı artık bulunmuyor.
Mobil düzen nasıl çalışır
- Telefonlarda ve tabletlerde web siteniz tek sütunda gösterilir: başlık, menü ve içerik alt alta sıralanır. Menü, tasarımınızın menü başlığının arkasına katlanır ve dokunulduğunda açılır.
- İçerik, renkler ve yazı tipleri masaüstündekiyle aynıdır. Sayfalarınızı bir kez düzenlersiniz; ayrıca güncel tutmanız gereken bir mobil içerik yoktur.
- Resimler, videolar ve tablolar ekran genişliğine göre küçültülür. Sabit genişlikli geniş tablolar yana doğru kaydırılır.
- Mobil düzen, tasarımınızdan dar olan dokunmatik ekranlarda ve 1024 pikselden dar her ekranda kullanılır. Fare kullanılan ve tarayıcı penceresi daha dar olan bir dizüstü bilgisayarda masaüstü tasarımı korunur.
Web sitenizi telefonda kontrol etme
- Web sitenizin adresini görmek için kenar çubuğunda Web sitesini ziyaret et’e tıklayın ve bu adresi telefonunuzun tarayıcısında açın.
- Telefonunuz yoksa: web sitenizi masaüstünde açın ve tarayıcı penceresini 1024 pikselden daha dar hâle getirin. Görünüm mobil düzene geçer.
- Telefonunuz hâlâ eski bir sürümü gösteriyorsa sayfayı yenileyin. Mobil tarayıcılar sayfaları bir süre önbelleklerinde tutar.
Görseller için ipuçları
- Görselleri mobil cihazlar için yeniden boyutlandırmanız gerekmez: otomatik olarak küçültülür ve oranlarını korurlar.
- Sayfaların mobil bağlantıda da hızlı yüklenmesi için dosya boyutlarını küçük tutun. Dosya yüklerken uygulanan görsel sıkıştırma bu konuda yardımcı olur.
- Önemli metinleri görsellerin içine yerleştirmekten kaçının: küçük bir ekranda okunması zorlaşır. Bunun yerine metni metin olarak yazın.
- Metnin solunda veya sağında yer alan görseller, yanlarına metin sığmaya devam etsin diye mobilde daha dar gösterilir.
Metinler ve tablolar için ipuçları
- Kısa paragraflar yazın ve ara başlıklar kullanın; uzun metin blokları telefonda zor okunur.
- Kendi HTML kodunuzda sabit genişliklerden (örneğin
width="800") kaçının; yüzde değerleri kullanın ya da hiç genişlik belirtmeyin. - Genişliği %100 olan veya hiç genişlik belirtilmemiş tabloları tercih edin. Sabit genişlikli bir tablo mobilde yana doğru kaydırılır.
- Çok uzun kelimeler ve web adresleri ekranın kenarında bölünür; bir boşluk veya kısa çizgi, tarayıcıya bölmek için daha uygun bir yer sunar.