Mevcut Tumblr Teması Nasıl Özelleştirilir

Tumblr temanız, resimlerin boyutundan yazı tiplerinin stiline kadar blogunuzdaki tüm içeriğin görünümünü ve biçimlendirmesini ayarlar. Özelleştirme ekranını ziyaret ederek, ister ücretsiz ister premium olsun, herhangi bir Tumblr temasını düzenleyebilirsiniz. Bazı HTML (Köprü Metni İşaretleme Dili) ve CSS (Basamaklı Stil Sayfaları) bilgisi faydalıdır, ancak web sitesi kodlamasına aşina olmasanız bile temel düzenlemeler yapabilirsiniz.

Özelleştirme Ekranı

Blog başlığınızı, açıklamasını ve mevcut temanızda bulunan tüm seçenekleri değiştirmenizi sağlayan özelleştirme ekranına girmek için "Özelleştir" bağlantısını tıklayın. Farklı bir temaya geçmek istiyorsanız "Temalara Gözat"ı seçin. Blog gönderilerinizin yanında statik sayfalar ve bağlantılar oluşturmak için kullanabileceğiniz "Sayfa Ekle" seçeneğine dikkat edin. "Gelişmiş Seçenekler" bağlantısı, her ekranda gösterilen gönderi sayısını ayarlamanıza, bağlantıları yeni bir pencerede açılmaya zorlamanıza ve blogunuz için Tumblr'ın varsayılan mobil görünümünü etkinleştirmenize olanak tanır.

Yerleşik Tema Seçenekleri

Tema yazarları, temalarına entegre edilmiş bir dizi seçenek ekleyebilir - bu, temanın kendisinin gerçek kodunu değiştirmeden renkleri, yazı tiplerini ve diğer değişkenleri değiştirebileceğiniz anlamına gelir. Özelleştirme ekranının solunda listelenen seçenekler yazar tarafından sağlanmıştır. Bunlar temadan temaya değişir, ancak yazı tipi renklerini ve boyutlarını, arka plan ve başlık resimlerini, kenar çubuğu ve düzen seçeneklerini, sonsuz kaydırmayı, etiketlerin ve notların görüntülenmesini ve widget seçeneklerini kapsayabilir. Ayrıca Google Analytics, Typekit, Instagram, Twitter ve diğer üçüncü taraf hizmetler için kullanıcı adı kodlarını girebileceğiniz alanlar olabilir.

Özel CSS Ekleme

Tumblr temaları, sitenizdeki gövde metninin, resimlerin ve başlığın stilini ayarlamak için CSS'yi kullanır. Bir kelime işlemcideki stil sayfaları ile aynı şekilde çalışırlar ve kullanıcının site genelinde uygulanan tek tip bir yazı tipi formatı seti oluşturmasına olanak tanır. Temanın mevcut HTML'sini incelemek için özelleştirme ekranında "HTML'yi Düzenle"yi tıklayın: CSS, HTML'nin kendisine gömülmeli veya Tumblr'da başka bir yerde barındırılan bir .css dosyasına bağlantı olacaktır. Temanın varsayılan stil sayfasını geçersiz kılmak istiyorsanız, kendi CSS kodunuzu girmek için Gelişmiş Seçenekler sayfasındaki Özel CSS Ekle bölümünü kullanın.

Tema HTML'sini Düzenleme

Özel CSS eklemenin yanı sıra, özelleştirme ekranındaki "HTML Düzenle" bağlantısı aracılığıyla doğrudan tema HTML'sini de düzenleyebilirsiniz. HTML kodu genellikle, hangi öğelerin gösterileceğini ve nereye yerleştirileceğini kontrol ederek sayfa düzenini ve yapısını tanımlamak için kullanılır; CSS kodu daha çok metin, kenarlıklar ve resimlerin görünümü ve stili ile ilgilidir. HTML temasını doğrudan düzenlerseniz, Tumblr, değişikliklerinizi korumak için tema otomatik güncelleme özelliğini devre dışı bırakır - bu, gelecekte bir tema güncellemesi yayınlanırsa, onu manuel olarak yüklemeniz (ve ardından temanızı yeniden uygulamanız) gerektiği anlamına gelir. HTML ince ayarları).

Nasıl yapabilirim...?

Değişiklik yapmanız gereken tam CSS ve HTML kodu, temanın yazarı tarafından yazılma şekline bağlıdır. Farklı Web geliştiricileri farklı HTML ve CSS yapıları kullanır, ancak mevcut koda bakmak için biraz zaman harcarsanız, renklerin ve stillerin uygulanma şeklini görebilmeniz gerekir. Yapabileceğiniz HTML ve CSS ince ayarları hakkında bazı temel derslere ihtiyacınız varsa, W3Schools, Webmonkey ve HTMLDog gibi sitelerde çok sayıda çevrimiçi eğitim bulunmaktadır. Tumblr Yardım Merkezi'nde de ilgili kaynaklar vardır ve ayrıca işaretçiler için doğrudan tema yazarıyla iletişime geçebilirsiniz.