WordPress’te bir blok temasına geçmek, web sitesi tasarımına modern ve kullanıcı dostu bir yaklaşım sunar. Bu kılavuzda blok temalarının neden faydalı olduğunu ve klasik bir temadan sorunsuz bir geçiş sağlamak için ne gibi adımlar atılması gerektiğini öğreneceksiniz.
Bu kılavuzda
Sorularınız mı var?
Yapay Zeka Asistanımıza sorunWordPress 5.9’da kullanıma sunulan blok temaları, klasik tema deneyimine önemli bir yükseltme sunuyor. Blok temaları özel kodlama, geliştirici işe alma veya tasarım tercihlerinizi karşılayacak yeni tema arama ihtiyacını ortadan kaldırır. Blok temaları süreci basitleştirerek tasarım değişikliklerini WordPress Düzenleyici‘deki herkes için erişilebilir hale getirir.
Klasik bir temadan bir blok temasına geçmeden önce hangi değişikliklerin gerçekleşeceğini anlayın. Web sitenizin stili ve düzeni değişecek, ancak sayfa ve gönderilerinizin içeriği değişmeyecek.
Canlı sitenizi değiştirmeden önce yeni temanızı test etmek için birkaç aracımız var:
- Deneyin ve özelleştirin: Sitenizde temayı etkinleştirmeden önce bir temanın önizlemesini yapın ve özelleştirmeler yapın.
- Bir Prova Sitesi Oluşturun: Uygun barındırma paketleri, canlı sitenizin tam bir kopyasını oluşturma olanağı sunar.
Düzenleme iş akışınız değişecek, bu nedenle canlı sitenizde bir blok temasına geçmeden önce temanızı ve içeriğinizi nasıl düzenleyeceğinizi öğrenmek için biraz zaman ayırın.
Klasik bir temada değişiklik yaparken Özelleştirici’yi kullanırsınız. Özelleştirici, seçtiğiniz temaya göre önceden ayarlanmış bir özelleştirmeler koleksiyonuna sahiptir. Blok temaları sayesinde tasarım çok daha esnek Site Düzenleyici’de gerçekleşir. Site Düzenleyici, temanın içeriğinizi nasıl göstereceği üzerinde tam kontrol sağlar ve tema ayrımı gözetmez.
Ayrıca, klasik temalarda Klasik Düzenleyici‘yi kullanarak içeriğinizi düzenlersiniz. Klasik düzenleyici, sayfa/gönderi içeriğinizi girdiğiniz basit bir metin alanıydı. Blok temaları WordPress Düzenleyici‘yi kullanır, başka bir deyişle, bir sayfaya veya gönderiye her türlü içeriği ve düzen öğesini ekleyebilirsiniz.
Yeni bir temaya geçmeden önce sitenizin görünürlüğünü özel veya yakında olarak ayarlamak isteyebilirsiniz, böylece ziyaretçileriniz görmeden önce yeni tasarımı incelemek ve gerekli değişiklikleri yapmak için zamanınız olabilir. Sitenizin gizlilik ayarlarını nasıl değiştireceğiniz hakkında bilgi edinin.
Son olarak mevcut temanızın adını ve temanın kullanım dışı olup olmadığını not edin. Mevcut temanız kullanım dışı değilse bir blok temasına geçmek için daha fazla zamana ihtiyacınız varsa klasik temaya geri dönebilirsiniz. Kullanım dışı temalar sitenizde etkin kalabilir ancak farklı bir temaya geçerseniz kullanım dışı bir temaya geçiş yapmanız mümkün değildir.
Sitenizin barındırma paketinde site yedeklemeleri varsa sitenizin bir yedeğini temanızı değiştirmeden önceki noktaya geri yükleyebilirsiniz.
Artık sitenizi bir blok temasıyla test ettiğinize göre, canlı sitenizde temayı değiştirme zamanı geldi:
- Sitenizin panosunu ziyaret edin.
- Görünüm → Temalar öğesine gidin.
- Seçtiğiniz temayı arayın.
- Temanın küçük resmine ve “Etkinleştir” düğmesine tıklayın.
İsterseniz temayı önizleyebilir ve etkinleştirmeden önce bazı özelleştirmeler yapabilirsiniz. Tema özelleştirmelerinden memnun kaldığınızda temayı etkinleştirebilirsiniz.
Eğer temanızı bir Prova Sitesi kullanarak test ettiyseniz bu değişiklikleri provayı üretime senkronize ederek canlı sitenize taşıyabilirsiniz.
Bir blok temasına geçtikten sonra, şu adımlar sorunsuz bir geçiş sağlanmasına ve yeni temanızın özelliklerinden tam olarak yararlanılmasına yardımcı olacaktır.
Bir blok temasına geçtiğinizde, ana sayfanızı nasıl düzenleyeceğiniz değişecektir. İşte farkına varmanız gereken bazı önemli değişiklikler:
- Ana sayfa içeriğinizi tasarlamak için Site Düzenleyici’yi kullanacaksınız.
- Klasik temanız statik bir ana sayfa kullandıysa sayfa, sitenizin panosundaki Sayfalar bölümünün “taslaklar” bölümüne taşınacaktır. İhtiyacınız olan içeriği taslaktan yeni ana sayfa şablonuna Site Düzenleyici’den kopyalayabilirsiniz.
- Klasik temanız en son yazılarınızı ana sayfanızda gösterdiyse ana sayfa şablonunuza bir Sorgu Döngüsü bloku ekleyebilir veya blog gönderileri için ayrı bir sayfa oluşturabilirsiniz.
Mevcut menülerin otomatik olarak yeni temaya geçmesi gerekirken, menünüzün tasarımını ve düzenini değiştirmek isteyebilirsiniz. Bir blok teması kullanırken sitenizin menüsünü nasıl özelleştireceğinize artık aşina olmanın tam zamanı.
Artık sitenizin menülerini düzenlemek için Görünüm‘de “Özelleştirici” veya ayrı “Menüler” bölümünü kullanmanız gerekmeyecek. Bunun yerine, gezinmenizi Site Düzenleyici aracılığıyla düzenleyeceksiniz.
Blok temaları farklı sayfa türleri için tamamen özelleştirilebilir şablonlar kullanır (ana sayfa, sayfa, gönderi vb.) Şablondaki öğelerin nerede görüneceği ve her öğenin çevresindeki dolgu ve kenar boşlukları üzerinde tam kontrole sahipsiniz.
- Şablonları düzenleme hakkında daha fazlasını öğrenin.
- Yazı tipleri ve renkler dahil olmak üzere temanızın stillerini nasıl özelleştireceğinizi öğrenin.
- Bloklar arasındaki boşluğu nasıl ayarlayacağınızı öğrenin
- Site Düzenleyici’de temanızı ve şablonlarınızı düzenlemeye ilişkin tüm kılavuzlara göz atın.
Web sitenizi birden fazla cihazda ve tarayıcıda test edip her şeyin doğru şekilde çalıştığından emin olun, mesela:
- Bileşenler: Sitenizde bileşenler kullanıyorsanız istediğiniz içeriği görüntülemek için bloklara dönüştürüldüklerini doğrulayın.
- Eklentiler: Sitenizde eklentiler kullanılıyorsa eklentinin çalışmaya devam ettiğinden emin olun. Artık ihtiyacınız olmayan eklentileri kaldırın.
Sitenizi geçici olarak özel olarak ayarladıysanız tekrar herkese açık hale getirmeyiunutmayın. Ayrıca abonelerinizi ve sosyal takipçilerinizi sitenin yeniden tasarımı hakkında güncellemek için mükemmel bir zaman.
Blok temaları artık Özelleştirici‘yi kullanmadıklarından, bir blok temasında temel tema düzenleme işlevinin bulunduğu kullanışlı bir liste:
| Özelleştirici | Site Düzenleyici |
|---|---|
| Site Kimliği (Başlık ve Site Sloganı) | Ayarlar → Genel (Başlık ve Site Sloganı) |
| Renkler ve Arkaplanlar | Görünüm → Düzenleyici → Stiller |
| Yazı Tipleri | Görünüm → Düzenleyici → Stiller |
| Üst Kısım Görseli | Görünüm → Düzenleyici → Şablonlar |
| Menüler | Görünüm → Düzenleyici → Menüler |
| Bileşenler | Görünüm → Düzenleyici (Bileşenler bloklarla değiştirildi) |
| Ana Sayfa Ayarları | Ayarlar → Okuma |
| Ek CSS | Görünüm → Düzenleyici → Stiller |