Kılavuzlar/Sitenizi Tasarlama/Temalar/Temalar

Temalar

WordPress’te bir web sitesi oluşturmanın ilk aşamaları sırasında temalarla karşılaşırsınız. Bu kılavuzda bir temanın ne olduğunu, siteniz için ne yaptığını ve karşılaşacağınız tema türleri arasındaki farkları açıklayacağız.

Temalar Hakkında

Tema, sitenizin görsel tasarımı ve genel düzenidir. Web sitenizin içeriğinin bir ziyaretçiye nasıl sunulduğunu kontrol eder. Temalar; renk şemaları, tipografi, sayfa düzenleri ve web sitesi genelinde tutarlı ve uyumlu bir görünüm oluşturan diğer öğeler gibi tasarım bileşenlerini içerir.

Temalar, web sitenizin görünümü ve işlevselliği için bir başlangıç noktası sağlar. Tema, web sitenizin tasarımını sıfırdan oluşturmak yerine web sitenizi hızlı bir şekilde başlatmak için ihtiyacınız olan tasarım çerçevesini sağlar. Bir temayla, içeriğin nasıl göründüğüne karar vermek için çok fazla zaman harcamadan içeriğinizi hemen oluşturmaya başlayabilirsiniz. İyi tasarlanmış bir tema, işin zor kısmını sizin için halleder!

Ayrıca, web sitenizin içeriğini kaybetmeden bir temadan başka bir temaya geçerek yeni değişiklikleri otomatik olarak uygulayabilirsiniz.

Tema Nasıl Seçilir?

Bu kadar çok seçenekle, bir temada ne aradığınızı düşünmek faydalı olabilir. Hatırlamanız gereken temel şey, sitenizin düzeni üzerinde tam kontrol sahibi olduğunuzdur. Bir WordPress.com temasını etkinleştirdikten sonra sitenizdeki tüm öğelerin metnini, görsellerini, renklerini, yazı tiplerini, düzenini ve konumunu değiştirmek için Site Düzenleyicisini kullanabilirsiniz.

Bir temaya karar verirken göz önünde bulundurabileceğiniz bazı unsurlar şunlardır:

  • Üst bilgi alanının görünümünü beğendiniz mi? Burası genellikle site başlığını, menüsünü ve logosunu göreceğiniz yerdir.
  • İçeriğin nasıl düzenlendiğinden ve sunulduğundan hoşlanıyor musunuz? Bunun nasıl görüneceğini değiştirebilseniz de, beğeneceğiniz bir düzen seçmek daha sonrasında bazı şeyleri daha az hareket ettirmek anlamına gelebilir.
  • Temanın mobil ve tablet ekranlarındaki görünümünü beğendiniz mi? Bunu görmek için canlı demoyu açın ve masaüstü, tablet ve mobil arasında geçiş yapmak üzere üstteki seçiciyi kullanın. Tüm WordPress.com temaları, cep telefonları da dahil olmak üzere tüm ekran boyutlarında hızlıdır.
Tema: Gourmetto

Temalara bakarken, demoda gösterilen konu yerine genel düzene odaklanın. Bir temanın demo sitesinde mobilya mağazası, müzik portföyü, moda sitesi veya yemek blogu örneği sergilenebilir. Ancak demo metnini ve görsellerini kendi başınıza değiştirdiğinizde siteniz hayal edebileceğiniz her konu için özelleştirilebilir.

Tema: Iotix

Mevcut Temalara Göz Atın

WordPress.com’da kullanabilir temalardan oluşan koleksiyona göz atmak için WordPress.com panonuzdan Görünüm → Temalar (veya Klasik arayüz) kullanıyorsanız Görünüm → Tema Vitrini‘ni) ziyaret edin. Bu temaların sitenize yüklenmesine veya kurulmasına gerek yoktur; tek bir düğmeye tıklayarak etkinleştirilebilir.

Birkaç ücretsiz, Premium ve Partner temasını gösteren mevcut temaların ekran görüntüsü.

Her tür web sitesi ve bütçeye uygun bir dizi tema vardır ve her zaman yeni temalar eklenir. Temalara göz atarken, temanın adının hemen altında aşağıdaki etiketlerden birini görürsünüz:

Farklı Tema Türleri

Aşağıdaki terimler, WordPress ekosistemindeki tema türlerine atıfta bulunur: 

Blok temaları, WordPress’te bulunan en yeni ve en harika temalardır. Tam Site Düzenleme (veya FSE) temaları olarak da adlandırılan bu temalar, tam olarak istediğiniz düzeni oluşturmak için Site Düzenleyicisinin tüm gücünden yararlanır; kodlama deneyimi gerekmez.

Blok temaları, site tasarımında daha yüksek düzeyde esneklik sunar. Başlangıç düzenlerini kullanıma hazır şekilde veya kendi vizyonunuz için atlama noktası olarak kullanabilirsiniz. Sitenizdeki her öğe üzerinde tam kontrol sağlarlar.

Blok temaları; sitenizin renklerini, tipografisini ve düzenini yapılandırmak için Stilleri kullanır ve bu da daha önceki tür temaların sunduğu özelleştirme olanaklarının ötesine geçer. Size sitenizin içeriğini nasıl sunduğunu kontrol eden şablonları düzenlemenin yanı sıra sitenizin sayfalarında, gönderilerinde ve diğer içeriklerde yeniden kullanmak için özel şablonlar, şablon parçaları ve desenler oluşturma olanağı sağlar ve sitenizin tek bir görünüme, renk paletine veya gezinme menüsüne kilitlenmesini engeller.

Video: WordPress Blok Temalarının 250 saniyelik açıklaması

Not: Aşağıda açıklanan evrensel temalar, blok temalar filtre sayfasında da görünür.

Evrensel Temalar

Evrensel temalar, blok düzenleyici için oluşturulmuş temaların ilk sürümüdür. Çoğunlukla blok temalarına benzer olan asıl fark, yine de Menüler gibi belirli yönleri düzenlemek için Özelleştirici‘yi kullanmalarıdır.

Hibrit Temalar

Hibrit temalar; Site Düzenleyicisi değil, blokları kullanmak için oluşturulmuş temel temalardır. Blok temalarına kıyasla minimal özelleştirme seçenekleri vardır.

Klasik Temalar

Klasik temalar, WordPress (blok) düzenleyicisi kullanıma sunulmadan önce geliştirilen temalara atıfta bulunur. Tasarımları öncelikle Görünüm → Özelleştir bölümünde düzenlenir, ancak genel yapı ve düzen genellikle tema tarafından ayarlanır ve blok temaları tarafından sunulan denetim düzeyiyle aynı düzeye ayarlanamaz. Klasik temalarda çoğu blok düzenleme seçeneği (tam genişlikte içerik gibi) kullanılamaz.

Üçüncü Taraf Temalar

Kılavuzun bu bölümü, WordPress.com Kurumsal ve Ticaret paketlerimizi ve eski Pro paketimizi kullanan siteler için geçerlidir. Kurumsal paketiniz varsa bunu etkinleştirdiğinizden emin olun. Ücretsiz, Kişisel ve Premium paketlerine sahip sitelerde bu özelliğe erişmek için paketinizi yükseltin.

Üçüncü taraf temalar, WordPress platformunda kullanılmak üzere çeşitli üçüncü taraf geliştiriciler tarafından geliştirilmiş temalardır. Bir temayı yükleme kılavuzumuz, sitenize üçüncü taraf bir tema ekleme ile ilgili adım adım talimatlar sağlar.

Siteniz için vizyonunuz ne olursa olsun, bunun için bir tema bulabilirsiniz. WordPress.org veya Themeforest gibi pazar yerlerinden geliştirilmiş bir tema düşünüyorsanız temayı seçerken göz önünde bulundurmanız gereken başka unsurlar da vardır:

  • Tema ne sıklıkla güncelleniyor? Sık güncellemeler yayınlanması iyiye işarettir.
  • Tema hakkında yapılan yorumlar iyi mi?
  • Tema yalın ve sade mi yoksa çok sayıda özel işlevselliğe mi dayanıyor (bileşenler, kısa kodlar ve özel eklentiler gibi)?
  • Bu temayı çok kişi yüklemiş mi? Tema popülerse, bu iyi performans gösterdiğine dair bir işaret olabilir.
  • Tema geliştiricisi, hatalar ve sorular konusunda size yardımcı olacak güvenilir bir destek hizmeti sağlıyor mu?

Üçüncü taraf temalar için destek sağlamasak da, Eklentiler ve Temalar ile İlgili Yardım Alma destek kılavuzumuzdan bu temalarla ilgili nasıl yardım alacağınız konusunda öneriler sunuyoruz.

Temalar Hakkında Daha Fazla Bilgi Edinin

Özel tema kılavuzlarımız; sitenizdeki temaları etkinleştirmenize, ayarlamanıza ve özelleştirmenize yardımcı olacaktır:

Temaları Etkinleştirme

Web sitenizi oluşturma sürecinin en başındaki önemli adımlardan biri tema seçmektir. Bu kılavuzda, temaları nasıl bulacağınız ve sitenizle ilgili vizyonunuza uygun olanı nasıl seçeceğiniz anlatılmaktadır.

Demo İçeriği Ekleme

Demo içeriği, bir temanın sunduğu her şeyi gösterir. Demo içeriği sitenize ekleyebilir ve daha sonra içeriği kendi metin ve görsellerinizle değiştirebilirsiniz. Demo içeriğiyle çalışmak, boş bir siteyle başlamaktan çok daha kolay olabilir.

Temanızı Değiştirin

Mevcut içeriğinize yeni bir görünüm kazandırmak için sitenizin temasını değiştirebilirsiniz. Bu kılavuzda, yeni bir temaya nasıl geçileceği açıklanmaktadır.

Bir Tema Yükleyin

Bu kılavuzda, WordPress.com sitenize herhangi bir temayı nasıl yükleyeceğiniz gösterilmektedir.

Alt Tema Oluşturma

HTML ve PHP bilginiz varsa, bir alt tema oluşturarak temanızın temel kodunda değişiklik yapabilirsiniz.

Bir Temayı Silme

Bu kılavuzda, temaları sitenizden nasıl kaldıracağınız gösterilmektedir.

Kullanımdan Kaldırılan Temalar

Bu kılavuzda, bir temanın kullanımdan kaldırılmasının ne anlama geldiği ve bu konuda ne yapılması gerektiği açıklanmaktadır.

Tema Dosyası Düzenleyicisi (Gelişmiş)

Bu özellik, WordPress.com Kurumsal ve Ticaret paketlerine ve eski Pro paketine sahip sitelerde mevcuttur. Kurumsal paketiniz varsa bunu etkinleştirdiğinizden emin olun. Ücretsiz, Kişisel ve Premium paketlerine sahip sitelerde bu özelliğe erişmek için paketinizi yükseltin.

Tema Dosyası Düzenleyicisi, WordPress’te sitenizde yüklü bir temanın kodunu doğrudan düzenlemek için kullanılan bir araçtır. Bu araç, gelişmiş programlama bilgisine sahip site sahipleri için tasarlanmıştır. Bu sizi tanımlamazsa sitenizi bozma riski nedeniyle bu özelliği kullanmamanızı öneririz. Çoğu görev, bu alternatifler kullanılarak Tema Dosyası Düzenleyicisi olmadan tamamlanabilir.

Twenty Twenty-One temasının style.css dosyasını gösteren Tema Dosyası Düzenleyicisi ekran görüntüsü.
Tema Dosyası Düzenleyicisi

Tema Dosyası Düzenleyicisine erişmek için:

  1. Sitenizin panosunu ziyaret edin.
  2. Kenar çubuğundaki Görünüm‘e gidin.
  3. Tema Dosyası Düzenleyicisi‘ne tıklayın. Bu, burada listelenmiyorsa temanız için Tema Dosya Düzenleyicisine erişilemeyeceği anlamına gelir.
  4. Sağ üst köşede, düzenlemek istediğiniz temayı “Düzenlemek için tema seç” etiketli açılır menüden seçin ve ” Seç” düğmesine tıklayın.
  5. Sağda, düzenlemek istediğiniz belirli tema dosyasına tıklayın. Bu tema dosyası soldaki kod penceresinde yüklenir.
  6. Değişiklik yaptıktan sonra, değişikliklerinizi kaydetmek için alttaki “Dosyayı Güncelle” düğmesine tıklayın.

Tema Dosyası Düzenleyicisinin Alternatifleri

Tema Dosya Düzenleyicisini kullanmadan temanızda önemli değişiklikler yapmak mümkündür. Şu seçenekleri göz önünde bulundurun:

  • Google AdSense gibi hizmetler tarafından gerekli olan doğrulama kodunu eklemek için Insert Headers and Footers eklentisini kullanın. Adım adım talimatlar için site üst bilgilerinize kod ekleyin kılavuzunu ziyaret edin.
  • Kodun sitenizin işlevselliğini genişletmesi için Code Snippets eklentisini kullanarak sitenize parçacıklar (küçük PHP kodu) ekleyebilirsiniz.
  • Blok tabanlı herhangi bir temanın yapısını, stilini ve işlevselliğini değiştirmek için Site Düzenleyicisi‘ni kullanın.
  • Stil değişiklikleri için tüm sitenize CSS kodu eklemek üzere CSS düzenleyicisi‘ni kullanabilirsiniz.
  • Yukarıdaki yöntemlerden herhangi birini kullanarak bir alt tema oluşturabilir ve bunu değiştirebilirsiniz.
  • SFTP aracılığıyla yeni dosyaları yönetin ve yükleyin.
Copied to clipboard!