Kendi CSS ve HTML kodunuz

Tasarım ayarları yeterli gelmezse web sitenize kendi CSS ve HTML kodunuzu ekleyebilirsiniz. Kodun ne yapması gerektiğine bağlı olarak bunun için dört yer vardır. Hepsi her pakette kullanılabilir.

Kodunuz nereye eklenir

• Tüm web sitesi için kendi stil sayfanız: Ayarlar → Başlık alanı, Kendi ek CSS stil sayfanız bölümü. CSS kurallarınız tüm sayfalarda ve mobil düzende de geçerli olur.
• Head alanında kod: Ayarlar → Başlık alanı, Kendi ek HTML kodunuz (<head> ile </head> arasında) bölümü. <style> ve <link> etiketleri, ek meta etiketleri veya web yazı tipleri için doğru yer burasıdır.
• Her sayfanın başında veya sonunda HTML: Ayarlar → Genel, Site geneli bölümü, Her sayfanın başı ve Her sayfanın sonu alanları. Sayaç kodları ve her sayfada yer alması gereken benzer kod parçacıkları için uygundur.
• Tek bir sayfanın içinde kod: içerik düzenleyicide Blok ekle → Özel → Gömülü HTML ile, örneğin bir harita, bir widget veya bir videonun yerleştirme kodu için. Araç çubuğundaki HTML düzenleyici ile ayrıca sayfa içeriğinin HTML kodunu doğrudan düzenleyebilirsiniz.

Kendi stil sayfanızı ekleme

1. CSS kurallarınızı bir metin düzenleyicide yazın ve dosyayı .css uzantısıyla kaydedin.
2. Dosyayı Dosyalar → Dosya yükle altında yükleyin (bkz. Dosya yükleme). CSS dosyaları kod dosyalarına ayrılan klasöre aittir; Otomatik klasör seçimi onları oraya yerleştirir.
3. Ayarlar → Başlık alanı sayfasını açın ve Kendi ek CSS stil sayfanız altındaki URL (.css dosyasının): alanında dosyayı seçin.
4. Kaydet düğmesine tıklayın ve web sitenizi yeniden yükleyin.

Yalnızca birkaç kurala ihtiyacınız varsa bunları Kendi ek HTML kodunuz (<head> ile </head> arasında) altındaki HTML kodu alanına bir <style>...</style> etiketi içinde de yazabilirsiniz.

Bir sayfaya kod yerleştirme

1. Sayfayı Sayfalar → Sayfaları yönet → Sayfa içeriğini düzenle ile açın.
2. Blok ekle düğmesine (veya mevcut bir öğedeki Sonrasına öğe ekle simgesine) tıklayın, Özel sekmesini açın ve Gömülü HTML öğesini seçin.
3. Kodu yapıştırın ve sayfayı kaydedin.

Bilmeniz gerekenler

• Değişiklikleriniz hemen yayına girer; web sitenizin ayrı bir test sürümü yoktur.
• Kendi CSS kodunuz mobil düzende de geçerlidir. Sabit genişliklerden kaçının ve öğelerinizin küçük ekranlara sığması için max-width: 100% kullanın (bkz. Mobil uyumlu web siteleri).
• Tam HTML dosyaları (.htm, .html) yalnızca Premium paketle yüklenebilir. HTML’nin temel bilgileri için bkz. HTML nedir?.