2026年11月12日

WordPress Blocksy Teması: Companion Kurulumu, Başlık ve Blog Ayarları

Temalar ve tasarım

Bu makale, Japonca orijinalin yerelleştirilmiş sürümüdür. Japonca orijinali oku

Blocksy, ücretsiz kullanılabilen çok işlevli bir WordPress temasıdır. Ayarların çoğunu "Görünüm" (Appearance) → "Özelleştir" (Customize) ekranında (Özelleştirici) önizlemeye bakarak yapabilir, başlığı (header) ve alt bilgiyi (footer) sürükle-bırak ile oluşturabilirsiniz. Bu yazıda tema ile yardımcı eklenti "Blocksy Companion"ın kurulumu, en başta belirlenmesi gereken renk ve yazı tipi, başlığın oluşturulması, blog listesi ile yazı sayfası görünüm ayarları ve alt tema hazırlama, ayar sırasına göre anlatılmaktadır.

Blocksy’nin yapısını kavrayın

Blocksy üç parçadan oluşur.

Blocksy (tema çekirdeği): WordPress.org'dan ücretsiz edinilebilir. Özelleştirici üzerinden tasarım ayarları ile başlık ve alt bilgi oluşturucusu sunar
Blocksy Companion (ücretsiz eklenti): Başlangıç sitelerinin (demo verisi) yüklenmesini ve uzantı eklenmesini üstlenir
Blocksy Pro (ücretli): Ek başlık öğeleri, koşullu görüntüleme ve daha ayrıntılı yerleşim özellikleri gibi şeyler ekler

Önce tema çekirdeği ile Companion birlikteliğiyle başlayıp, ücretsiz kapsamın gereken özellikler için yetmediğini anladığınızda Pro'yu değerlendirmek mantıklı olur (özelliklerin dağılımı ve fiyatlar değişebildiğinden, Ekim 2026 itibarıyla resmî sitedeki bilgilerden doğrulayın).

Ayrıca Blocksy klasik temaya yakın bir yapıdadır ve blok düzenleyiciyi de destekler. Tüm siteyi bloklarla kuran blok temalardaki Site Düzenleyicisi'nden ("Görünüm" → "Düzenleyici", Editor) işlemlerin yapıldığı yer farklı olduğundan, "genel tasarım Özelleştirici'de, yazı ve sayfaların içeriği blok düzenleyicide" diye akılda tutarsanız karışmaz.

Kurulum ve Companion’ın eklenmesi

"Görünüm" → "Temalar" (Themes) → "Yeni Tema Ekle"de (Add New Theme) "Blocksy" araması yapın, kurup etkinleştirin
Etkinleştirdikten sonra görünen yönlendirmeden veya yönetim ekranına eklenen Blocksy panosundan Blocksy Companion'ı kurup etkinleştirin

WP-CLI ile şöyle kurulabilir.

wp theme install blocksy --activate
wp plugin install blocksy-companion --activate

Mevcut bir sitenin temasını değiştiriyorsanız, önceden sitenin tamamının yedeğini alın. Tema değişince önceki temaya özgü kısa kodlar, widget'lar ve menü konumları gibi şeyler devredilmeyebilir.

Başlangıç sitesini kullanıp kullanmamak

Companion'ı kurunca Blocksy panosundan "Başlangıç Siteleri" yüklenebilir hale gelir. Tasarlanmış sayfalar, Özelleştirici ayarları ve gereken eklentiler topluca geldiği için yeni sitelerde tamamlanmış görünümü hızla kavrayabilirsiniz.

Ancak mevcut yazıları olan bir sitede yüklemekten kaçınmak daha güvenlidir. Demo sayfalar, görseller ve menüler eklenir, Özelleştirici ayarları da üzerine yazılır; bu yüzden orijinal ayarların hangileri olduğu belirsizleşir. Kullanacaksanız, yeni bir sitenin ilk aşamasında ya da önce hazırlık (staging) ortamında deneyip yalnızca gereken ayarları taklit etme yöntemini öneririm.

En başta belirlenecek genel ayarlar

"Görünüm" → "Özelleştir"i açınca Blocksy'nin ayar öğeleri sıralanır. Öğe adları çoğunlukla çevrilmiş olsa da sürüme göre ifadeler değişebilir. En başta ele alınacaklar, bütünü etkileyen şu ikisidir.

Renk (renk paleti)

Genel ayarlardaki renk ayarında sitede kullanılan temel renk paletini belirleyin. Blocksy'de yazı rengi, bağlantı rengi, düğme rengi gibi renkler bu paletteki renklere başvuracak şekilde yapılmıştır; bu yüzden paleti değiştirince sitenin tüm renk düzeni topluca değişir.

Tek tek yerlerde rengi doğrudan belirtirseniz, sonradan renk düzenini değiştirmek istediğinizde her birini ayrı ayrı düzeltmeniz gerekir. Temel kural, rengi paletle belirlemek ve yalnızca mutlaka farklı olmasını istediğiniz kısımlarda tek tek belirtmektir; yönetmesi en kolay yol budur.

Yazı tipi (tipografi)

Tipografi ayarında gövde metni ile başlıkların yazı tipini, yazı boyutunu ve satır aralığını belirleyin. Japonca siteler için dikkat edilecek nokta, Latin yazı tipi seçseniz bile bunun Japonca karakterlere uygulanmamasıdır. Japonca kısımlar ziyaretçinin cihazındaki yazı tipiyle gösterildiğinden, gövde metninin yazı tipini "Sistem yazı tipi" gibi varsayılan hâlinde bırakın veya Japoncayı destekleyen bir yazı tipi belirtin.

Japonca yazı tiplerini web yazı tipi olarak yüklerseniz dosyalar büyük olur ve görüntüleme hızını etkileyebilir. Kullanacaksanız kalınlık çeşitlerini azaltın ve PageSpeed Insights gibi araçlarla hıza etkisini kontrol edin.

Başlığı oluşturma

Özelleştirici'de başlık öğesini açınca ekranın altında başlık oluşturucusu görünür. Başlık üst, orta ve alt satırlara bölünmüştür; logo (sitenin başlığı), menü, arama, düğme gibi öğeleri her satırın solu, ortası ve sağına sürükleyerek yerleştirirsiniz.

Kolayca takılınan nokta, bilgisayar ve akıllı telefon başlıklarının ayrı ayrı ayarlanmasıdır. Oluşturucunun görünümünü akıllı telefona çevirirseniz farklı bir yerleşim görünür. Akıllı telefonda menüyü, hamburger simgesinden (tetikleyici) açılan "off-canvas" içine koymak temel yapıdır. Yalnızca bilgisayar için ayarlayıp yayımlarsanız akıllı telefonda menünün çıkmaması gibi sorunlar yaşanır; bu yüzden ikisinin görünümünü de kontrol edin.

Bir öğeye tıkladığınızda o öğenin ayarları (yazı boyutu, renk, boşluk vb.) solda görünür. Menüde gösterilecek öğelerin kendisi "Görünüm" → "Menüler"de (Menus) oluşturulur ve başlıktaki menü öğesine atanır.

Alt bilgi de aynı mantıktaki alt bilgi oluşturucusuyla kurulur. Widget alanlarının veya telif hakkı ibaresinin yerini değiştirmek istiyorsanız alt bilgi öğesinden düzenleyin.

Blog listesi ve yazı sayfasının görünümü

Özelleştirici'de yazı listesi (blog), tek tek yazılar, sayfalar gibi sayfa türüne göre ayar öğeleri bulunur.

Yazı listesi: Kart veya liste gibi dizilim, satır başına sütun sayısı, öne çıkan görselin oranı, özetin uzunluğu, gösterilecek yazı bilgileri (yayın tarihi, kategoriler vb.)
Tek yazı: İçerik alanının genişliği, kenar çubuğunun olup olmaması ve konumu, başlık kısmının gösterim biçimi, ilgili yazıların ve yazar bilgisinin gösterimi
Sayfalar: Tek yazıda olduğu gibi genişlik ve kenar çubuğunun olup olmaması ayarlanır

Yazı sayfasının okunabilirliğini en çok etkileyen, gövde metninin yatay genişliğidir. Uzun bir metinde satır çok uzarsa okumak zorlaşır; bu yüzden kenar çubuğu koymuyorsanız gövde genişliğini dar tutun ve akıllı telefonda yazının fazla küçülüp küçülmediğini kontrol edin.

Yalnızca belirli bir yazının düzenini değiştirmek istiyorsanız, yazı düzenleme ekranının kenar çubuğunda görünen Blocksy ayarlarından o yazı için kenar çubuğunu kaldırmak gibi belirlemeler yapabilirsiniz.

Alt tema hazırlama

Tema dosyalarını doğrudan düzenlerseniz, tema güncellemesinde değişiklikler silinir. CSS'i biraz eklemek yeterliyse Özelleştirici'deki "Ek CSS" işinizi görür. PHP özelleştirmesi veya şablon geçersiz kılma gerektiğinde alt tema oluşturun.

Blocksy'nin resmî sitesinde alt tema şablonu dağıtılmaktadır. Kendiniz oluşturacaksanız, wp-content/themes/blocksy-child/ içine aşağıdaki style.css dosyasını koyun,

/*
Theme Name: Blocksy Child
Template: blocksy
*/

aynı klasördeki functions.php ile de alt temanın stilini yükleyin.

<?php
add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_style(
		'blocksy-child-style',
		get_stylesheet_uri(),
		array(),
		wp_get_theme()->get( 'Version' )
	);
}, 20 );

Alt temaya geçince Özelleştirici ayarları üst temadan ayrı saklandığı için, üst temada yaptığınız ayarlar görünmez olabilir. Companion kuruluysa Özelleştirici ayarlarını dışa aktarma ve içe aktarma özelliğiyle taşıyabilirsiniz; alt temaya geçmeden önce dışa aktarırsanız yeniden iş yapmaktan kurtulursunuz.

Güncelleme ve işletme notları

Blocksy ve Companion sık güncellenir. Güncellemeden önce yedek alın, güncellemeden sonra başlığı, yazı sayfasını ve akıllı telefon görünümünü baştan sona kontrol edin. Görünüm bozulursa önbellek eklentilerinin veya CDN'in önbelleğini temizleyip yeniden kontrol edin. CSS birleştirme ve sıkıştırma yapan hız eklentileri kullanıyorsanız, eski CSS kalıp görünümün bozuk gözükmesine yol açabilir.

Özet

Blocksy'ye tema çekirdeği ile Blocksy Companion birlikteliğiyle başlayın, eksik özellikleri anladıktan sonra Pro'yu değerlendirin
Başlangıç sitesini yeni bir sitede veya hazırlık ortamında kullanın; mevcut sitede ayarların üzerine yazılmasına dikkat edin
Genel yapıyı renkte renk paletiyle, yazıda tipografiyle belirleyin. Latin yazı tiplerinin Japoncaya etki etmediğine dikkat edin
Başlık oluşturucusu bilgisayar ve akıllı telefon için ayrıdır. İkisini de kontrol edin, PHP'ye dokunacaksanız alt tema kullanın

WordPress hakkında sorunuz mu var? Bu sitenin yayıncısı Japonya'dadır ve Japonca yanıt verir. İletişim (Japonca)