WordPress ve Tam Site Düzenleme: Alt Tema ve Blok Teması Nasıl Oluşturulur

Yayınlanan: 2022-12-09

WordPress için ne zaman bir alt tema kullanmalısınız? Kodda herhangi bir özel değişiklik yapmayı planlıyorsanız, bir alt tema oluşturmanız önemlidir .

Bu şekilde, tema güncellendiğinde kodda yapılan herhangi bir özel değişikliğin üzerine yazılmaz.

Geleneksel olarak, WordPress ile çalışırken bu, alt temayı oluşturmak ve alt temayı ana temaya sıkıştırmak için functions.php ve style.css'nin bir kopyasını almayı gerektirir.

Full Site Editing'deki farklı dosya yapısı nedeniyle , tüm uygun dosyaların bulunabilmesi için bazı ayarlamalar yapılması gerekiyordu.

Neyse ki, WordPress.org tarafından Create Block Theme eklentisinin oluşturulmasıyla , yalnızca bir alt tema değil, tamamen özel bir tema veya stil varyasyonu oluşturmak her zamankinden daha kolay.

Blok Teması eklentisi oluştur WordPress.org Eklenti Deposundan ekran görüntüsü, Aralık 2022

WordPress'te Blok Tema Oluşturma Eklentisini Kurma

Öncelikle, yeni temanızı veya alt temanızı oluşturmak istediğiniz WordPress blok temasını yüklemek ve etkinleştirmek isteyeceksiniz – bu durumda Twenty Twenty-Two kullanıyorum.

Yirmi Yirmi İki teması WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

Ardından, aşağıdaki adımları uygulayın:

Eklentiler > Yeni Ekle'ye gidin.

Arama penceresinde "Blok Teması Oluştur" öğesini bulun.

Yükle ve Etkinleştir'i tıklayın.

Eklentiler sayfası WordPress Dashboard'dan ekran görüntüsü, Aralık 2022Eklenti yüklendiğinde, Görünüm altında Blok Tema Oluştur ve Tema yazı tiplerini yönet gibi bazı yeni seçeneklere sahip olacaksınız.

Görünüm seçenekleri WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

WordPress Alt Teması Oluşturma

Blok Teması Oluştur eklentisi, Tam Site Düzenleme Teması da dahil olmak üzere bir blok için alt tema oluşturmanın son derece basit bir yoludur. Eklenti otomatik olarak parçalar klasörünü, şablonlar klasörünü, theme.json'u ve style.css'yi oluşturacaktır.

Eklenti yüklendikten sonra alt temayı oluşturmaya hazırsınız:

  • Görünüm altında, Blok Teması Oluştur'u seçin.
  • Ardından Yirmi Yirmi İki'nin alt öğesini oluştur'u seçin (farklı bir tema seçtiyseniz, o temayı listeler).
  • Sağda, Tema Adı, Tema Açıklaması, Tema URI'si, Yazar ve Yazar URI'sini doldurun.
  • Alt temayı oluşturmak için mavi Oluştur düğmesine tıklayın.
alt tema bilgisi WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

Alt temanız bir zip dosyası olarak dışa aktarılacaktır.

alt tema zip dosyası Generated alt tema dosyasının ekran görüntüsü, Aralık 2022

Görünüm > Temalar altında, Tema Ekle ve Tema Yükle'ye tıklayın ve oluşturulan zip dosyasını seçin.

Temalar'a gidin ve yeni alt temanızı gördüğünüzden emin olun.

WordPress Alt Teması İçin Özel Bir Görüntü Oluşturma

Eklentinin bir eksikliği , alt temanız için bir screenshot.png eklemenize izin vermemesi ve ana tema ile sağlananı kullanmamasıdır.

Bu kolayca düzeltilebilir ve çocuk temanız için güzel bir özel dokunuş sağlar.

En sevdiğiniz resim düzenleyiciyi kullanarak, 1200 piksele 900 piksel boyutunda yeni bir resim oluşturun ve onu screenshot.png olarak adlandırın.

Yeni screenshot.png dosyasını, oluşturduğunuz alt temanın klasörüne yerleştirin.

alt temadaki dosyalar WordPress alt teması için tema dosyalarının ekran görüntüsü, Aralık 2022

Temalara geri dönün ve yeni resminiz alt temanızla birlikte görünmelidir.

Etkin Alt Tema resmi WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

Artık blok temanızda bir alt tema ayarlandığına göre, ana tema dosyalarını geçersiz kılmadan theme.json ve style.css şablon dosyalarında değişiklikler yapılabilir .

Bu şekilde, ana tema sorunsuz bir şekilde güncellenebilir.

Ayrıca, ana temanın yeni yüklemelerinde alt tema olarak kullanmak üzere, resim gibi yapılan değişikliklerle birlikte yeni alt temayı dışa aktarabilirsiniz.

WordPress'te Özel Bir Blok Teması Oluşturma

Create Block Theme eklentisi, kendi temanızı oluşturmanız için bir dizi seçenek sunar. Geçerli temayı klonlayabilir ve bunu şablon olarak kullanarak kendi özel değişikliklerinizi yapabilirsiniz.

Değişiklikleri yaptıktan ve onlardan memnun kaldıktan sonra, yeni temanızı diğer web sitelerinde kullanmak için yaptığınız tüm değişikliklerle temayı dışa aktarmak için eklentiyi kullanabilirsiniz.

Ek olarak, mevcut temayı şablon olarak kullanan tamamen boş yeni bir tema oluşturabilirsiniz. Bu, tamamen özel bir şey yapmanın harika bir yoludur.

Tamamen yeni bir tema oluşturmak için aşağıdaki adımları izleyin:

Blok Teması Oluştur altında, Boş tema oluştur'u seçin.

Sağ taraftaki tüm bilgileri doldurun, adlandırın ve adınızı yaratıcı olarak ekleyin ve Oluştur'a basın.

Boş tema oluştur WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

Yeni temanız bir zip dosyası olarak indirilecek.

Görünüm > Temalar altında yeni temanızı yükleyebilir ve etkinleştirebilirsiniz.

Screenshot.png için özel bir resim eklemek istiyorsanız alt tema ile aynı adımları uygulayın.

Yeni temayı etkinleştirin ve bunu yeni temanız için başlangıç ​​noktası olarak kullanın.

yeni boş tema WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

Yeni temanızı istediğiniz görünüme göre oluşturmak için kalıpları, blokları, şablon parçalarını ve stil düzenleyiciyi kullanın.

Yeni temanız üzerinde çalışmayı tamamladıktan sonra, Görünüm > Blok Teması Oluştur'a dönün ve üzerinde yaptığınız tüm değişiklikleri içeren yeni temayı dışa aktarın.

Bir zip dosyası olarak dışa aktarılacak ve herhangi bir yeni WordPress kurulumuna yüklenebilir.

WordPress Tema Yazı Tiplerini Yönetme

Create Block Theme eklentisinin bir başka harika özelliği de tema için yazı tiplerini kolayca ekleyip silebilmektir.

Tipik olarak, bir temaya yeni yazı tipleri eklemek için yazı tiplerinin indirilmesi, yazı tipleri klasörüne eklenmesi ve functions.php dosyasında sıralanması veya koda bir Google bağlantısının eklenmesi gerekir.

Birden çok yazı tipi eklemek, işlemi daha da karmaşık hale getirebilir.

Eklenti ile, Google yazı tipleri ve bilgisayarınızdaki yerel yazı tipleri , özel temanıza veya yüklediğiniz ve etkinleştirdiğiniz bir temaya kolayca eklenebilir veya buradan kaldırılabilir.

Google yazı tipleri için, Google Yazı Tipi Ekle'yi tıklayın ve açılır pencere size mevcut Google yazı tiplerinin bir listesini verecektir.

Yazı tipini seçin, onay kutusunu işaretleyin ve temanıza Google Yazı Tipi eklemek için düğmeyi tıklayın.

Tema yazı tiplerini yönet WordPress Dashboard'dan ekran görüntüsü, Aralık 2022
Google yazı tiplerini ekleyin WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

İndirdiğiniz yerel bir yazı tipini eklemek de benzer bir işlemdir.

Yerel Yazı Tipi Eklemek için tıklayın, yazı tipi dosyasını yükleyin, yazı tipi adını, stilini ve ağırlığını girin ve yerel yazı tipini temanıza yüklemek için düğmeye basın.

Yerel yazı tipleri WordPress Dashboard'dan ekran görüntüsü, Aralık 2022

WordPress Çocuk Temaları Kolaylaştırıldı

Tam Site Düzenleme ve Blok Teması Oluştur eklentisi ile kendi temanızı ve stil varyasyonlarınızı oluşturmak her zamankinden daha kolay.

Dosyaları manuel olarak sıkıştırmak ve kodu değiştirmek yerine eklentiyi kullanmak, alt tema oluşturmayı ve yeni yazı tipleri eklemeyi basit bir işlem haline getirir.

Eklentiyle birlikte kullanıldığında desenler , stil varyasyonları ve yeniden kullanılabilir bloklar, dışa aktarabileceğiniz ve tekrar kullanabileceğiniz kendi özel temanızı oluşturmanın harika basit yollarıdır.

Tüm bunlar, herhangi bir tema koduna dokunmanıza gerek kalmadan.

Daha fazla kaynak:

  • WordPress'te Özel 404 Sayfası Nasıl Oluşturulur
  • SEO için En İyi WordPress Teması Nasıl Seçilir?
  • Gelişmiş Teknik SEO: Eksiksiz Bir Kılavuz

Öne Çıkan Resim: Kaspars Grinvalds/Shutterstock