Bir blok temayı sıfırdan kodlamanın alternatifi var olan temayı Site Düzenleyicisi ile güncellemek ve değişiklikleri “Dışa aktarma” işlemidir.

Dışa aktarma işlemi Site Düzenleyicisinde iken, “Ayarlar” menüsünde (üst üste 3 nokta) bulunmaktadır:

Dışa aktarma işlemi, temanızın bir zip dosyası olarak kopyasını hazırlar ve indirir. Bu özellik WordPress 5.9 sürümünde sınırlı olarak desteklenir, 6.0 ile birlikte daha gelişmiş olarak desteklenir.

• 5.9: Site Düzenleyicisi, şablonları ve şablon parçalarını dışa aktarır fakat theme.json dosyasını aktarmaz. Dosya yapısı aktarılır fakat renk paleti ve blok ayarları aktarılmaz.
• 6.0: Site Düzenleyicisi, aktif temanın tam bir kopyasını dışa aktarır. Bu aktarım şablonlardaki değişiklikleri ve stilleri de içerir. Bu tema, yüklenmeye ve etkinleştirmeye hazırdır.

Eğer blok editör kullanmakta sorun yaşamıyorsanız fakat blokları kodlamak konusunda kendinizi iyi hissetmiyorsanız bu yöntem ile bir tema yaratmayı tercih edebilirsiniz.

Var Olan Bir Temayı Düzenleme

Site Düzenleyicisi, bir blok tema aktifken kullanılabilir. Bu yüzden öncelikle yeni temanız için başlangıç olarak kullanacağınız bir blok temaya ihtiyacınız vardır.

• Kullandığınız temanın GPL ile uyumlu bir lisansının olmasına dikkat etmelisiniz. Bu lisans size, tema üzerinde dilediğiniz değişikliği yapma ve kendi temanıza dönüştürme hakkı verir.
  • WordPress’in tema arşivindeki herhangi bir blok temayı bu amaçla kullanabilirsiniz.

Başka bir seçenek olarak Github theme-experiements/emptytheme ile başlamak istersiniz. Bu tema neredeyse boş bir blok temadır.

Bu aşamadan sonra yapmamız gereken, Site Düzenleyicisi ile başlangıç olarak kullandığımız temayı dilediğimiz gibi düzenlemek, yeni şablonlar/şablon parçaları eklemek/kaldırmaktır.

Dışa Aktarma

Gerekli düzenlemeleri yaptıktan sonra, temamızı yukarıda bahsettiğimiz gibi “Dışarı aktar” ile indirebiliriz.

Dışarı aktar özelliği, temamızı theme-name.zip adında bir zip dosyası olarak indirir. (Bu dosyanın adı WordPress 5.9 sürümünde edit-site-export.zip olacaktır.) Temanın büyüklüğüne bağlı olarak bu işlem saniyeler sürecektir.

Dışarı Aktarılan Dosyalardan Bir Tema Yaratma

WordPress 5.9 Sürümünde

Bir dışa aktarımı tam bir WordPress blok temasına dönüştürmek için, zorunlu dosyaları eklemelisiniz. Bunu yapmak için şu adımları takip etmelisiniz:

Zip dosyasında çıkan tema dosyasının adını değiştirin. Mesela temanızın adı “Ben güzel temam” ise tema dosyasının adı “benim-guzel-temam” olmalıdır.

Sonra temanızın ana dizininde yeni bir style.css dosyası oluşturmalısınız.

Örnek olsun diye aşağıda Twenty Twenty Three temasının style.css dosyası verilmiştir:

/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

Boş bir index.php dosyası oluşturun ve temanızın ana dizinine koyun.

Temanızın ana dizini şöyle görünmelidir:

parts(dir)
templates(dir)
index.php
style.css

Bu aşamadan sonra temanızı etkinleştirebilirsiniz. Daha gelişmiş hale getirmek için temanıza, theme.json dosyası, blok modelleri veya blok stiller ekleyebilirsiniz.

WordPress 6.0 Sürümünde

Dışa aktarılmış tema, aktif temanın bir kopyasıdır. Eğer dışa aktarılan zip dosyasını yönetim panelindeki “Görünüm->Temalar: Yeni ekle” ile doğrudan yüklerseniz, size yüklediğiniz temayı aktif tema ile değiştirmek isteyip istemediğiniz sorulacaktır. Eğer bir başkasının temasını düzenlediyseniz bunu yapmanızı tavsiye etmiyoruz. Çünkü bu işlemden sonra, orijinal temaya gelen güncelleme, yaptığınız değişiklikleri kaybetmenize sebep olacaktır. Bunun yerine yapmanız gereken şey temayı tekrar adlandırarak kendi temanız haline getirmektir.

Bir temanın tekrar isimlendirilmesi şu işlemlerin yapılması ile olur:

• Tema dosyasını tekrar isimlendirin.
• style.css dosyasındaki “Theme Name” ve “Text Domain” değerlerini değiştirin.
• style.css ve readme.txt dosyalarındaki yazar adlarını ve linklerini değiştirin.

Bu işlemlerde yaptığınız değişiklere uygun olarak aşağıdaki tema dosyalarında bulunan bazı yerleri de, kod editörünüzün bul ve değiştir özelliği ile değiştirmeniz gerekebilir:

• Tercümeye hazır metinlerdeki text-domain kısımları
• PHP fonksiyonlarının adlarındaki ön ekler
• Blok modellerinin adlarında kullanılan tema adları (slug değerleri)

Mesela dışa aktarılan temada şöyle bir fonksiyon var diyelim:

if ( ! function_exists( 'twentytwentytwo_support' ) ) :

	/**
	 * Sets up theme defaults and registers support for various WordPress features.
	 *
	 * @since Twenty Twenty-Two 1.0
	 *
	 * @return void
	 */
	function twentytwentytwo_support() {

		// Add support for block styles.
		add_theme_support( 'wp-block-styles' );

		// Enqueue editor styles.
		add_editor_style( 'style.css' );

	}

endif;
add_action( 'after_setup_theme', 'twentytwentytwo_support' );

Bu fonksiyonu “benim-temam” şeklinde tekrar adlandırılmış temamızda şöyle değiştirebiliriz:

if ( ! function_exists( 'benim_temam_support' ) ) :

	/**
	 * Sets up theme defaults and registers support for various WordPress features.
	 *
	 * @since My theme name 1.0
	 *
	 * @return void
	 */
	function benim_temam_support() {

		// Add support for block styles.
		add_theme_support( 'wp-block-styles' );

		// Enqueue editor styles.
		add_editor_style( 'style.css' );

	}

endif;
add_action( 'after_setup_theme', 'benim_temam_support' );

Aynı şekilde dışa aktarılan temadan şöyle bir blok modeli gelmiş olsun:

<!-- wp:pattern {"slug":"twentytwentytwo/hidden-heading-and-bird"} /-->

Bu blok modeli de temamızın yeni adına uygun olarak şöyle değiştirilmelidir:

<!-- wp:pattern {"slug":"benim-temam/hidden-heading-and-bird"} /-->

Yeni Temanızı Paylaşmak İsterseniz

Yeni temanızı başkaları ile paylaşmak isterseniz, öncelikle yeniden adlandırma işlemini tamamlamış olmanız gerekmektedir. Daha sonra, menülerde verdiğiniz bağlantıların çalışıp çalışmadığından ve resimlerin doğru yüklenip yüklenmediğinden emin olmalısınız. Çünkü, dışa aktardığınız tema başka bir WordPress kurulumundan veya domainden geliyorsa, resimlerin tekrar yüklenmesi veya menü bağlantılarında bazı değişiklikler zorunlu hale gelebilir.

Son olarak, orijinal temanın yazarlarına uygun gördüğünüz bir şekilde teşekkür edin.