TeknoDestek Müşteri Hizmetleri
  • Haberler
    HaberlerDaha Fazla Göster
    GTA 6'nın tropikal dünyasını temsil eden gün batımı manzarasında timsah, puma, rakun, flamingo, pelikan ve manati gibi hayvanlar ile şehir silüeti.
    GTA 6’da Yer Alan Tüm Yeni Hayvan Türleri Belli Oldu
    5 dk. okuma
    Google AI ile uçuş ve otel rezervasyonlarını takip etme
    Google AI ile Uçuş ve Otel Rezervasyonu Takibi Yapın
    8 dk. okuma
    Kiosk Bagaj Uygulaması Nasıl Kullanılır?
    Kiosk Bagaj Uygulaması Nasıl Kullanılır
    4 dk. okuma
    Apple AirPods 5 kablosuz kulaklık ve şarj kutusu
    Apple AirPods 5 İncelemesi: Yeni Nesil Açık Kulak Tasarımı ve Güçlü ANC Deneyimi
    11 dk. okuma
    Google Asistan kapanıyor sürecini ve akıllı telefon ekranında klasik logodan yeni nesil yapay zeka Gemini'ye geçişi temsil eden görsel.
    Google Asistan Kapanıyor: 4 Eylül’de Gemini Dönemi Başlıyor
    7 dk. okuma
  • Bilgisayar
    BilgisayarDaha Fazla Göster
    Windows Terminal Sunucu Kurulum Rehberi
    Windows Terminal Sunucu Kurulumu
    8 dk. okuma
    EXCEPTION_ACCESS_VIOLATION hatası veren karanlık bir dizüstü bilgisayar ekranı ve RGB aydınlatmalı klavye yansıması.
    Windows 11 EXCEPTION_ACCESS_VIOLATION Hatası Çözümü
    10 dk. okuma
    Sürücü Çevrimdışı Hatası için 8 Çözüm
    Sürücü Çevrimdışı Hatası için 8 Çözüm
    12 dk. okuma
    Windows 11 klavye kısayollarını gösteren dizüstü bilgisayar ve Windows kısayol tuşları görseli
    Hayatınızı Kolaylaştıracak Windows Kısayolları
    10 dk. okuma
    Windows 11 26H2 güncellemesini gösteren dizüstü bilgisayar ve Windows 11 arayüzü
    Windows 11 26H2 Güncellemesi ile Gelen Yenilikler
    10 dk. okuma
  • Mobil
    MobilDaha Fazla Göster
    iOS 27.2 ile gelen yeni özellikleri temsil eden iPhone ve uygulama simgeleri
    iOS 27.2 ile Gelen Yeni Özellikler
    12 dk. okuma
    Farklı ışık koşullarında renkleri değişen iPhone ekranı ve True Tone teknolojisini temsil eden görsel
    iPhone’da True Tone Nedir, Ne İşe Yarar
    12 dk. okuma
    Ekranı kırık telefondan veri kurtarma işlemini yansıtan, bilgisayara USB ile bağlı hasarlı akıllı telefon.
    Ekranı Kırık Telefondan Veri Kurtarma ve Bilgisayara Yansıtma
    12 dk. okuma
    Apple Haritalar uygulamasında gösterilen reklam ve sponsorlu işletme sonuçlarını gösteren iPhone görseli
    Apple Haritalar Uygulamasına Reklam Geliyor
    9 dk. okuma
    TCL Kids Watch K5 çocuk akıllı saati ve takip özelliklerini gösteren renkli tanıtım görseli
    TCL Kids Watch K5 Satışa Çıktı
    8 dk. okuma
  • Sosyal Medya
    Sosyal MedyaDaha Fazla Göster
    E-Postaya Bağlı Hesapları Bulma
    E-Postaya Bağlı Hesapları Bulma
    11 dk. okuma
    Kullanıcılar Neden İçerik Tüketir Ama Etkileşim Vermez?
    Kullanıcıların Ürettiği İçerik Neden Etkileşim Vermez
    9 dk. okuma
    WhatsApp benden habersiz mesaj gönderiyor durumunu simgeleyen, kendi kendine çalışan karanlık bir akıllı telefon ekranı.
    WhatsApp Benden Habersiz Mesaj Gönderiyor Sorununa 6 Çözüm
    11 dk. okuma
    Instagram Reels Tam Ekran, Hız ve Kaydırma Özelliği
    Instagram Reels Tam Ekran, Hız ve Kaydırma Özelliği
    6 dk. okuma
    YouTube Hazır Oyunlar Nedir?
    YouTube Hazır Oyunlar Nedir
    8 dk. okuma
  • İnceleme
    İncelemeDaha Fazla Göster
    Beyaz AirPods kulaklıkları ve açık şarj kutusu
    AirPods Resetleme Nasıl Yapılır
    11 dk. okuma
    Samsung 1100Hz yenileme hızına sahip yeni monitör
    Samsung 1100Hz Monitör Ortaya Çıktı
    8 dk. okuma
    Apple AirPods 5 kablosuz kulaklık ve şarj kutusu
    Apple AirPods 5 İncelemesi: Yeni Nesil Açık Kulak Tasarımı ve Güçlü ANC Deneyimi
    11 dk. okuma
    Elektrik Kesintisinde İnternete Bağlı Kalmak
    Elektrik Kesintisinde İnternete Bağlı Kalmak
    11 dk. okuma
    Uçak kabinindeki yolcu masasında duran modern bir powerbank ve arka planda görünen bulanık gökyüzü manzaralı uçak penceresi.
    Uçakta Powerbank: 2026 Uçuş Kuralları ve mAh Sınırları
    7 dk. okuma
  • İletişim
YouTube
Takip Et
  • Müşteri Hizmetleri
  • Modem Kurulumu
  • Windows 11
  • Yapay Zeka
  • Akıllı Telefon
  • Robot Süpürge
  • Uzak Bağlantı
11 Eki 2026, Pazar
TeknoDestek Müşteri HizmetleriTeknoDestek Müşteri Hizmetleri
Yazı BoyutuAa
  • Haberler
  • Mobil
  • Sosyal Medya
  • Bilgisayar
  • İnceleme
  • İnternet ve Ağ
  • Ev Elektroniği
  • Uzak Bağlantı Programları
  • İletişim
Site içi Arama
  • Haberler
    • Cihaz Duyuruları
    • Teknoloji
    • Uygulama Gelişmeleri
  • Bilgisayar
    • Linux
    • macOS
    • Windows
  • İnceleme
    • Bilgisayar
    • Ev Elektroniği
    • Tablet
    • Tavsiyeler & Karşılaştırmalar
    • Telefon
  • Mobil
    • Android
    • Giyilebilir Cihazlar
    • HarmonyOS
    • iPhone / iOS
  • Sosyal Medya
    • Facebook
    • Instagram
    • TikTok
    • Snapchat
    • Teams
    • Telegram
    • WhatsApp
    • X
  • Uzak Bağlantı Programları
  • İletişim
Bizi Takip Edin
WordPress Blocks API temel blokları genişleterek daha esnek ve dinamik içerikler oluşturmayı sağlar.
Yardımcı Araçlar

WordPress Blocks API ile Temel Bloklar Nasıl Genişletilir

Serdar TATLISU
Son güncelleme: 27 Eylül 2026 16:55
Serdar TATLISU
4 Görüntüleme
1
Paylaş
7 dk. okuma
Paylaş

WordPress Blocks API ile temel blokların supports ayarlarını değiştirin, özel stiller ekleyin ve variation kullanarak blok editörünü ihtiyacınıza göre düzenleyin.

Paragraf bloğunda kullanılmasını istemediğiniz bir ayar var ya da Görsel bloğuna sitenize özgü hazır bir görünüm eklemek istiyorsunuz. Böyle küçük ihtiyaçlarda mevcut bloğu kopyalayıp yeni bir blok geliştirmek işleri gereksiz yere büyütür. WordPress Blocks API, çekirdek blokların kayıt bilgilerine ve davranışlarına kontrollü biçimde müdahale etmeyi mümkün kılar.

İçindekiler
  • WordPress Blocks API Nedir ve neyi değiştirebilir?
  • register_block_type_args ne zaman işe yarar?
  • Aynı bloğa yeni görünüm nasıl eklenir?
  • Style ile variation arasındaki fark nedir?
  • WordPress Blocks API kullanırken nerede durmak gerekir?
11858 Teknoloji Destek Hattı ile 7/24 telefonla teknik destek ve uzaktan destek alın 11858 Teknoloji Destek Hattı ile 7/24 telefonla teknik destek ve uzaktan destek alma

Burada amaç WordPress çekirdek dosyalarını değiştirmek değil. core/paragraph, core/image veya core/button gibi mevcut blokların supports özellikleri sınırlandırılabilir, yeni stiller eklenebilir ve önceden hazırlanmış variation seçenekleri oluşturulabilir. WordPress blokları sunucu ve istemci tarafında ağırlıklı olarak block.json metadata yapısıyla kaydedildiği için genişletme işlemlerinde de bu kayıt sürecindeki API’lerden yararlanılır.

Blokların renk veya görünüm seçeneklerini değiştiriyorsanız sitenin diğer tasarım kararlarını da hesaba katmak gerekir. WordPress Karanlık Mod Nasıl Kurulur konusu, aynı blokların açık ve koyu renk düzenlerinde nasıl davranacağını planlarken bağlantılı bir örnektir. Özellikle renk kontrollerini kaldırmadan önce farklı görünüm senaryolarını kontrol etmek beklenmedik sonuçları önler.

WordPress Blocks API mevcut bloklara yeni ayarlar, stiller ve kontroller eklemeyi kolaylaştırır.

WordPress Blocks API Nedir ve neyi değiştirebilir?

WordPress Blocks API, mevcut blokların kayıt özelliklerini, desteklediği editör kontrollerini, alternatif stillerini ve başlangıç varyasyonlarını değiştirmek veya genişletmek için kullanılan WordPress API’lerini kapsar. Küçük bir özelleştirme için yeni blok oluşturmak yerine çekirdek bloğun metadata, supports, style veya variation özellikleri hedeflenebilir.

İlk bakılacak yer çoğu zaman supports alanıdır.

Örneğin içerik editörlerinin Paragraf bloğunda margin kullanmasına izin verirken padding kontrolünü kaldırmak istediğinizi düşünün. block_type_metadata filtresi, block.json içinden gelen ham metadata henüz işlenmeden önce çalışır.

function site_paragraph_spacing( $metadata ) {

    if ( 'core/paragraph' === $metadata['name'] ) {
        $metadata['supports']['spacing'] = array(
            'margin'  => true,
            'padding' => false,
        );
    }

    return $metadata;
}

add_filter( 'block_type_metadata', 'site_paragraph_spacing' );

Bu işlem Paragraf bloğunu yeniden oluşturmaz. Yalnızca kayıt sırasında spacing davranışını değiştirir.

11858 Teknoloji Destek Hattı ile 7/24 telefonla teknik destek ve uzaktan destek alın 11858 Teknoloji Destek Hattı ile 7/24 telefonla teknik destek ve uzaktan destek alma

Ben WordPress Blocks API ile çalışırken önce bloğun mevcut supports yapısını kontrol ediyorum. Temmuz 2026’da güncellenen WordPress geliştirici belgelerinde de kayıt filtrelerinin kapsamı oldukça açık biçimde ayrılmış durumda. Daha önce yeni kontrol geliştirmeyi düşündüğünüz bir özellik, aslında blok metadata’sında bulunan ancak kapalı olan bir destek seçeneği çıkabiliyor.

register_block_type_args ne zaman işe yarar?

Bir başka seçenek register_block_type_args filtresidir. Bu filtre, blok sunucu tarafında resmi olarak kaydedilmeden hemen önce oluşan argüman dizisine erişir.

WordPress bunu sunucu tarafındaki en düşük seviyeli PHP kayıt filtresi olarak tanımlıyor. Burada verilen sunucu ayarları istemci tarafındaki karşılıklarına göre daha yüksek öncelikle aktarılıyor.

Örneğin Buton bloğunda kullanıcıların renkleri değiştirmesini istemiyorsanız:

function site_button_settings( $args, $block_type ) {

    if ( 'core/button' === $block_type ) {
        $args['supports']['color'] = array(
            'text'       => false,
            'background' => false,
            'link'       => false,
        );
    }

    return $args;
}

add_filter( 'register_block_type_args', 'site_button_settings', 10, 2 );

Kurumsal tasarım sistemlerinde bunun karşılığı oldukça nettir. Editöre sınırsız renk seçeneği vermek yerine tasarım kararları tema tarafından korunabilir.

WordPress Blocks API gelişmiş blok geliştirme sürecinde bileşen, veri ve test yönetimini destekler.

11858 Teknoloji Destek Hattı ile 7/24 telefonla teknik destek ve uzaktan destek alın 11858 Teknoloji Destek Hattı ile 7/24 telefonla teknik destek ve uzaktan destek alma

Aynı bloğa yeni görünüm nasıl eklenir?

Bloğun çalışma biçimini değiştirmeyecekseniz Supports API’ye müdahale etmek şart değildir. Bazen gereken şey yalnızca ikinci bir görünüm seçeneğidir.

WordPress Blocks API içinde Block Styles bunun için kullanılır. register_block_style() mevcut bir bloğa yeni stil kaydeder ve seçildiğinde blok sarmalayıcısına is-style-{isim} sınıfını ekler. PHP tarafındaki kayıt fonksiyonu inline_style, style_handle ve style_data gibi özellikleri destekler.

Görsel bloğu için basit bir örnek:

function site_image_styles() {

    register_block_style(
        'core/image',
        array(
            'name'         => 'soft-corners',
            'label'        => 'Yumuşak Köşe',
            'inline_style' => '
                .wp-block-image.is-style-soft-corners img {
                    border-radius: 18px;
                }
            ',
        )
    );
}

add_action( 'init', 'site_image_styles' );

CSS birkaç satırı aşacaksa ayrı stil dosyası kullanmak kodu daha rahat yönetilebilir tutar.

Burada küçük bir ayrıntı var: PHP ile çalışan unregister_block_style() yalnızca sunucu tarafında PHP ile kaydedilmiş stilleri kaldırabilir. JavaScript ile kayıt edilmiş bir stil JavaScript tarafında kaldırılmalıdır. WordPress’in güncel Block Styles belgeleri bu ayrımı özellikle belirtiyor.

Style ile variation arasındaki fark nedir?

Bu iki kavram sık karışıyor.

Style, aynı bloğun görünümünü değiştirir. Variation ise mevcut bloğu belirli başlangıç özellikleri veya iç bloklarla hazır hale getirir. WordPress’in Embed bloğundaki farklı servis seçenekleri bu yapının bilinen örneklerinden biridir.

Örneğin Group bloğunu editörlerin her seferinde aynı flex düzenine çevirmesini istemiyorsanız variation hazırlanabilir:

wp.blocks.registerBlockVariation(
    'core/group',
    {
        name: 'content-row',
        title: 'İçerik Satırı',
        attributes: {
            layout: {
                type: 'flex'
            }
        },
        scope: [ 'inserter' ]
    }
);

JavaScript ile oluşturulan variation dosyası editörde enqueue_block_editor_assets üzerinden yüklenebilir. Mayıs 2026’da güncellenen WordPress tema belgeleri de bu yükleme yöntemini kullanıyor.

2026 itibarıyla variation yalnızca JavaScript seçeneği de değil. get_block_type_variations filtresiyle PHP üzerinden dinamik variation kayıtları oluşturulabiliyor. Bu özellikle variation değerleri yazı türü veya taxonomy gibi WordPress verilerine bağlı olacaksa kullanışlıdır.

WordPress Blocks API özel blokların nitelik, görünüm ve dinamik içerik davranışlarını yönetmeyi sağlar.

WordPress Blocks API kullanırken nerede durmak gerekir?

Bir ayarı kapatmak için önce supports yapısına bakın. Kayıt bilgisinin kendisi değişecekse metadata filtreleri değerlendirilebilir. Görünüm farkı gerekiyorsa Block Styles, aynı bloğun hazır bir başlangıç sürümü isteniyorsa variation daha temiz kalır.

WordPress Blocks API kullanmanın avantajı tam da burada ortaya çıkıyor. Küçük ihtiyaç için yüzlerce satırlık yeni blok üretmek yerine WordPress’in mevcut kayıt mekanizmasını kullanırsınız.

Bu değişiklikler editörde geniş etki oluşturabileceğinden kodu canlı sisteme geçirmeden önce test ortamında denemek daha güvenlidir. Özellikle bir filtreyi yalnızca hedef core/* bloğuna uyguladığınızdan emin olun.

Blok editörü veya WordPress yapılandırmasında teknik desteğe ihtiyaç duyulduğunda 11858, 2011 yılından bu yana Türkiye genelinde milyonlarca kullanıcıya 7/24 profesyonel teknik destek sunuyor. Bilgisayar, akıllı TV, sosyal medya ve modem dahil farklı alanlarda çalışan ekip gerektiğinde TeamViewer ve AnyDesk üzerinden lisanslı uzaktan bağlantı sağlıyor. Hizmet dakika bazlı şeffaf ücretlendirmeyle yürütülüyor; yüzde 95 memnuniyet oranı ve 500.000’den fazla başarılı işlem tecrübesi bulunuyor.

Blok davranışları site genelinde standardize edildiğinde aynı yapıların farklı dil sürümlerinde nasıl kullanılacağı da ayrı bir tasarım kararına dönüşür. WordPress Blok Temalarını Çok Dilli Hale Getirme konusu bu noktada devam edebileceğiniz bağlantılı bir alandır. Stil isimleri, editörde görünen etiketler ve özel variation başlıkları kullanıyorsanız çeviri yapısını da geliştirme sırasında hesaba katmak gerekir.

WordPress Blocks API için doğru yaklaşım, mümkün olan her bloğu değiştirmek değil, ihtiyacı en küçük müdahaleyle çözmektir. Çekirdek blok zaten yapmak istediğiniz işin yüzde 90’ını karşılıyorsa kalan yüzde 10 için yeni blok geliştirmek çoğu zaman gereksizdir. Siz hangi temel WordPress bloğunun davranışını değiştirmek istiyorsunuz? Yorumlarda paylaşabilirsiniz.

ETİKETLER:blocks apiGutenbergwordpress blocks
Bu Makaleyi Paylaş
Facebook WhatsApp WhatsApp Threads Bağlantıyı Kopyala Yazdır
Paylaş
Yorum yapılmamış

Bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


Bağlantı Kuralım

21KBeğen
19.6KTakip Et
7.3KAbone Ol
192Takip Et

Popüler Gönderiler

Headless WordPress SEO açısından WordPress içeriğinin React ve Next.js ile sunulması.

Headless WordPress SEO İçin Uygulanabilecek Gelişmiş Optimizasyon Teknikleri

Hatice TATLISU
Hatice TATLISU
8 dk. okuma
Hosting SEO'yu Nasıl Etkiler? Sunucu performansı ve arama görünürlüğü arasındaki bağlantı.

Hosting SEO’yu Nasıl Etkiler, Doğru Hosting Seçerken Nelere Bakılmalı

Hatice TATLISU
Hatice TATLISU
6 dk. okuma
2 Görüntüleme
Node.js Hata Ayıklama araçlarıyla sunucu kodundaki sorunların kaynağını araştırma yöntemleri.

Node.js Hata Ayıklama İçin Kullanabileceğiniz En Etkili Araçlar

Hatice TATLISU
Hatice TATLISU
6 dk. okuma
3 Görüntüleme
Gizli Mod Ne Kadar Güvenli? Tarayıcıda açılan özel pencerenin gizlilik kapsamı.

Gizli Mod Ne Kadar Güvenli, Özel Tarama Hakkında Bilmeniz Gerekenler

Hatice TATLISU
Hatice TATLISU
6 dk. okuma
1 Görüntüleme
//

We influence 20 million users and is the number one business and technology news network on the planet

You Might Also Like

Logitech G Hub Sorunu Nasıl Düzeltilir?
Yardımcı Araçlar

Logitech G Hub Sorunu Nasıl Düzeltilir

5 dk. okuma
Temu Ürün İadesi
Yardımcı Araçlar

Temu Ürün İadesi Nasıl Yapılır?

7 dk. okuma
Cyberghost VPN bağlantı sorunları ekranı.
Yardımcı Araçlar

Cyberghost’a Bağlanamıyor Sorunu

6 dk. okuma
Gutenberg ve Elementor karşılaştırması, WordPress sayfa oluşturucularının temel farklarını öne çıkarıyor.
Yardımcı Araçlar

Gutenberg ve Elementor Karşılaştırması: Hangisi Daha İyi

6 dk. okuma

Size her gün en son haberleri ve sorun çözümlerini getiriyoruz!

TeknoDestek Müşteri Hizmetleri
Facebook-f Instagram Tiktok Twitter Youtube Linkedin Whatsapp Rss

İş Ortaklarımız

TeknoDestek Müşteri Hizmetleri
TeknoDestek Müşteri Hizmetleri
TeknoDestek Müşteri Hizmetleri
TeknoDestek Müşteri Hizmetleri
© 2013 - 2026 TeknoDestek Müşteri Hizmetleri • Tüm hakları saklıdır • Bu sitedeki tüm içerikler (metin, görsel, video, logo, tasarım vb.) 5846 sayılı Fikir ve Sanat Eserleri Kanunu (FSEK) kapsamında korunmaktadır • İzinsiz kopyalanması, çoğaltılması, yayınlanması veya herhangi bir şekilde kullanılması yasaktır • İhlal tespitinde; FSEK Madde 71-73 uyarınca yasal süreç başlatma, maddi/manevi tazminat talep etme ve cezai işlem için başvurma hakkımız saklıdır • TeknoDestek, TeknoS@R'un bir kuruluşudur • Tema Düzenleyen: Fatih ATEŞ
Sorun Hala Çözülmedi mi?
Aradığın çözümü bulamadıysan, 11858 Teknoloji Destek Hattımız sana yardımcı olabilir. 2011’den beri Türkiye’nin en tecrübeli teknoloji destek ekiplerinden biri olarak, bilgisayar, telefon, tablet, modem, akıllı TV ve sosyal medya sorunlarında 7/24 profesyonel destek veriyoruz. Uzman ekibimizle hemen görüşmek ister misin?
📞 11858’i Şimdi Ara
Görüşme öncesi dakika ücreti sesli olarak bilgilendirilir
Welcome Back!

Sign in to your account

Kullanıcı Adı veya E-posta Adresi
Şifre

Şifrenizi mi unuttunuz?