WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Tek değer. 1440 pikselde 100 piksel, 390 pikselde yine 100 piksel.
Başlıktan alt bilgiye, blok editörünün içinde.
WordPress blok editörü hızlı ve yerlidir, ama tek bir ölçüye masaüstü, tablet ve mobil için ayrı değer veremez — WordPress 7.1 üzerinde yeniden ölçüldü ve insanların sayfa yapıcı kurmasının en yaygın teknik sebebi tam olarak bu. MevvBlocks önce o boşluğu kapatıyor, sonra devam ediyor: yüz on blok, başlıktan alt bilgiye tema şablonları, yazı ızgarası ve döngü oluşturucu, form motoru, açılır pencereler, dönüşümler ve maskeler, site geneli özel kod, site paleti için tek ekran, görselleriniz için WebP ve AVIF, blok düzeyinde önbellek, örtbas etmek yerine gerçeği söyleyen bir erişilebilirlik denetimi ve kendi ziyaretçilerinizden beslenen bir Core Web Vitals ekranı. Katalog artık açılır kutudan iç içe sekmelere, pasta grafiğe, ortam çalma listesine, ipucu metnine, bülten formuna ve SVG animasyonuna kadar uzanıyor; editörün kendi Stiller panelinde sekiz blok stili var — ve ziyaretçi hareketin azaltılmasını istediğinde hepsi duruyor. Tuval de artık yaklaşık değil: editör sayfanın basacağı CSS’i sunucudan istiyor, yani dizdiğiniz şey yayına giden şey. Bu blokların yirmi üçü WooCommerce için ve hiçbiri WooCommerce’i yeniden çizmiyor: onun kendi şablonlarını çağırıyorlar, böylece temanız ve eklentileriniz çalışmaya devam ediyor.
Boşluk
Blok editöründe bir bölüme dolgu verdiğinizde o değer tek bir sayıdır. Aynı sayı 1440 piksellik ekrana da, 390 piksellik telefona da basılır. Masaüstünde doğru duran boşluk telefonda sayfayı ikiye böler; alışılmış cevaplar elle CSS yazmak ya da bir sayfa yapıcı kurmaktır. Burada üçüncü cevap var: aynı ayarın yanında bir tablet, bir de mobil değeri.
WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Tek değer. 1440 pikselde 100 piksel, 390 pikselde yine 100 piksel.
MevvBlocks · mevvsoft/container
<!-- wp:mevvsoft/container {"ayarlar":{
"padding": {"top":"100","unit":"px"},
"padding_tablet": {"top":"64", "unit":"px"},
"padding_mobile": {"top":"40", "unit":"px"}
}} -->
Aynı ayar, üç değer. Bloğun başka hiçbir yanı değişmiyor.
Sunucunun bastığı
.e-con-1a2b { --padding-top:100px }
@media (max-width:1024px) { .e-con-1a2b { --padding-top:64px } }
@media (max-width:767px) { .e-con-1a2b { --padding-top:40px } }
Kaydedilmiş HTML tek bir ekran boyutunun değerini taşıyabilir; bu yüzden CSS istek anında üretiliyor — lisans bittiğinde bu değerlerin basılmaya devam etmesinin sebebi de bu.
Çekirdek bloklarda ekran boyutuna göre değişen bir öznitelik olmadığı belgeden alınmadı, WordPress 7.1’in kendisinde denetlendi: core/group dolgu, arka plan, en az yükseklik, kenarlık ve flex/grid düzen destekliyor — her biri tek değer olarak. Yukarıdaki ekran sınırları eklentinin kendi sınırları, medya sorguları da gerçekten yazdığı sorgular.
Yetenekler
Bir sitenin boşluktan fazlası gerekir: bir iletişim formu, hâlâ düzenleyebildiği bir başlık ve alt bilgi, hâlâ değiştirebildiği bir palet. Boş bir sayfadan da başlıyor olabilirsiniz, bir sayfa yapıcıdan da geliyor olabilirsiniz — her iki durumda da buradaki her madde, yokluğunda bir şey bozulduğu için var.
Bir boşluk, bir yazı boyutu, bir sütun sayısı masaüstünde başka, tablette başka, telefonda başka olabilir. Çekirdek WordPress bunu yapamıyor — varsayılmadı, 7.1’de ölçüldü. Aynı panel bir elemanı akıştan da çıkarabiliyor: mutlak ya da sabit konum, yatay/dikey uzaklık ve z-index, hepsi cihaza göre ayrı.
Düzen, metin ve medya; menü, arama, yazı ızgarası ve döngü oluşturucu; tema şablonları için site logosu, sayfa başlığı, gezinme izi, yazı bilgisi ve yazar kutusu; video, ses, çalma listesi, galeri, tablo, SSS, zaman çizelgesi ve kod; açılır kutu, iç içe sekme, pasta grafik, ipucu metni, bülten, sosyal akış, çevrilen kutu, eylem çağrısı, hareketli başlık, önce/sonra, ipucu noktaları, yandan panel ve iletişim düğmeleri — ve WooCommerce için yirmi üç blok, ürün galerisinden sepete, ödemeye ve mini sepete. WooCommerce olmadan seksen yedi.
Gradyan katmanı, üzerine gelene kadar gri ya da bulanık, daire ya da yuvarlatılmış maske, yükselme, yaklaşma ve eğilme — çekirdeğin Stiller panelinden seçiliyor, yani öğrenilecek yeni bir kontrol yok ve seçim bir tabloda ayar değil, işaretlemenizde bir sınıf. Ziyaretçinin sistemi hareketin azaltılmasını istediğinde her üzerine gelme dönüşümü kapanıyor; SVG animasyonunun durgun karesi de aynı yolla devreye giriyor.
Bir adres, isteğe bağlı bir ad, bir onay kutusu ve düz bir POST — form motorunun kullandığı HMAC ile imzalanıyor, böylece önbelleklenmiş bir sayfa süresi dolmuş bir nonce yüzünden ölmüyor. Bal küpü sessizce yutuluyor, hız sınırı adres başına işliyor ve adresler diğer form gönderimlerinizle birlikte duruyor. Liste yok, API anahtarı yok, kimseye istek yok: <code>mevvblocks_newsletter_subscribe</code> eylemi her onaylı adresi zaten kullandığınız araca teslim ediyor.
Bir başlık, metin, düğme ya da görsel değerini yazdığınız şeyden değil gönderinin kendisinden okuyabilir: başlık, özet, yazar, tarih, kategori, etiketler, arşiv başlığı, arama terimi, WooCommerce fiyatı, stok kodu ya da stok durumu, veya anahtarıyla bir özel alan. Advanced Custom Fields etkinken alan <code>get_field()</code> ile okunuyor, yani biçimlenmiş değeri alıyorsunuz; alt çizgiyle başlayan anahtarlar açığa çıkarılmıyor, reddediliyor.
Tuval artık yaklaşık göstermiyor: dolgu, boşluk, yön, hizalama, zemin, köşe, gölge, dönüşüm ve konum ön yüzde kullanılacak değerleriyle görünüyor. O CSS’i tek bir stil motoru üretiyor ve editör onu sunucudan alıyor — JavaScript’te ikinci bir motor yazsaydık iki kopya zamanla ayrışırdı. Ölçüldü: eski tuval sayfadan 24 düzen özelliğinde ayrılıyordu, şimdi 64 özellikte sıfır.
LCP, CLS ve INP sitenizi ziyaret eden kişilerin tarayıcısında ölçülüyor; ekranda 28 günlük pencerede 75. yüzdelik duruyor — Search Console’un baktığı türden alan verisi, laboratuvar koşusu değil. Yüz örneğin altında hiç sayı gösterilmiyor, çünkü bir avuç ölçümden çıkan yüzdelik gürültüdür. IP, çerez ya da kimlik toplanmıyor ve veri sizin sunucunuzdan çıkmıyor.
Metin yazma, yeniden yazma, kısaltma, çeviri ve görsel alt metni. Kendi API anahtarınızı girersiniz ve istek sitenizden doğrudan sağlayıcıya gider — metniniz bize ulaşmaz, kota sizde kalır. Sonuç doğrudan bloğa yazılmaz, öneri olarak gelir.
Renkler ve tipografi etkin temanın theme.json dosyasından okunup eklentinin kendi paletindeki boş yuvaları doldurabilir. Köprü bilerek tek yönlü: temaya hiçbir şey geri yazılmıyor, dolayısıyla bir tema güncellemesi kendi dosyasını değiştirilmiş bulmuyor. Siz açana kadar kapalı.
Yeni bir blok değil — gezinme bloğunun bir ayarı. Alt menü, dört sütuna kadar tam genişlikte bir panel olarak açılıyor; alt menüsü olmayan bir öğede paneli açarsanız erişilebilirlik denetimi boş bir kutu basmak yerine bunu söylüyor.
Sayfayı anlatırsınız, model eklentinin kendi şablon kütüphanesinden bölümleri seçer. Hiç işaretleme yazmaz; sayfaya düşen şey üretilmiş HTML değil, düzenleyebileceğiniz bloklardır. Var olmayan bir bölüm adı uydurursa o ad tahmin edilmez, düşürülür ve size söylenir. Sayfa her zaman taslak olarak kaydedilir, anahtar sizindir.
Ekibiniz için her bloğa not bırakın, çözüldü işaretleyin, silin. Editörde durur ve onu sayfaya basabilecek tek bir kanca bile yoktur.
Blok çıktısı önbelleğe alınıyor, görseller orijinallerin yanına WebP ya da AVIF olarak yazılıyor — orijinal dosyaya hiç dokunulmuyor. Ölçüldü: blok render süresi %33–72, görsel ağırlığı %39–78 daha az. Görseller <code><picture></code> ile sunuluyor, yani aynı HTML herkese gidiyor; sunucuda ziyaretçiye göre karar vermek her önbelleği zehirler. Telefonda başka bir görsel de gösterebilirsiniz — aynı görselin küçüğü değil, başka bir kare; seçimi yine tarayıcı yapıyor.
On altı alan türü, sunucuda doğrulama, sessizce yutulan bir bal küpü ve gönderimlerin saklandığı bir ekran. Form JavaScript olmadan da çalışır, çünkü sayfadaki tek İŞ YAPAN parça odur.
Başlık, alt bilgi, tekil içerik, arşiv, arama ve 404 — zaten kullandığınız WordPress editöründe kurulur, çekirdek güncellendikçe geride kalacak ikinci bir editörde değil.
Açılışta, kaydırma yüzdesinde, çıkış niyetinde, tıklamada ya da hareketsizlikte açılır. Sıklık ziyaretçinin kendi tarayıcısında sayılır; kimsenin sunucuda tanınması gerekmez.
Renk ve tipografi tek yerde, özgün değişken adlarıyla — böylece geçişten önce kurulmuş sayfalar başvurularını kaybetmek yerine yeni paleti alır.
Sayfaya “bu site erişilebilir” diyen bir katman eklenmiyor. Hangi bloğun neyi eksik bıraktığını siz daha düzenlerken söylüyor: alt metni olmayan görsel, bozuk başlık sırası, zayıf kontrast.
Kaydırma yerel scroll-snap ile, akordiyon details ögesiyle. Betik hiç yüklenmezse de hiçbir şey gizlenmiyor: gizli içerik, erişilemez içeriktir.
Kaydedilmiş HTML tek bir ekran boyutunun değerini taşıyabilir; CSS bu yüzden istek anında üretilir. O yolda tek bir lisans sorgusu yok — biten lisans yayındaki sayfayı asla karartmaz.
Katalog
Bunlar eklentinin kendi vitrin sayfalarında kullandığı beş grubun aynısı ve aşağıdaki her blok sunucuda basılıyor: tek bir betik çalışmadan önce sayfada duruyor. Pro işareti taşıyan üç blok dışında hiçbiri Pro’ya bağlı değil.
Başlık, zengin metin, kelimelerini yazarak getirebilen hareketli başlık, düğme, eylem çağrısı, ikon kutusu, ikon listesi ve işaretli liste, ayraç ve kapatılabilir yapabileceğiniz bir uyarı — kapatınca odak yok olmuyor, sonraki ögeye geçiyor. Açılır kutu, kendi panelleri olan iç içe sekmeler, akordiyon ve SSS’nin hepsi details/summary ve ARIA sekme kalıbı üzerine kurulu; yani betiği hiç gelmeyen okuyucudan hiçbir şey gizlenmiyor.
Sayaç, ilerleme çubuğu, veri çubuğu, sayı kutusu ve değerleri liste hâlinde de basılan bir pasta ya da halka grafik — kimsenin okuyamadığı bir grafik süstür. Fiyat tablosu ve fiyat listesi, referans, yıldız puanı ve referans karuseli, ekip üyesi. Pro içerik değiştiriciyi ekliyor: rozetli aylık/yıllık sekme şeridi ve içine istediğiniz blokları koyabileceğiniz paneller.
Zaman çizelgesi — dikey, geniş ekranda yatay, dar ekranda okuma sırasını bozmadan yeniden dikey — adımlar, gerçek sütun başlıkları olan erişilebilir bir veri tablosu ve bir karşılaştırma bloğu. Harita, yüklenmeden önce soran bir OpenStreetMap gömmesi. Pro portföyü ekliyor: sunucuda basılan kartlar, tarayıcıda hiçbir dış istek olmadan uygulanan taksonomi süzgeci ve arşive bir bağlantı. Kip pencere ve sayfalama yok.
Video ve ses; altyazılı ve posterli, betik dokunmadan önce her parçası sıradan bir bağlantı olan çalma listesi; galeri, önce/sonra, çevrilen kutu, afiş, ipucu noktaları ve üzerine gelince, odaklanınca ve dokununca açılan ipucu metni. Formlar: on altı alanlı motor, giriş ve kayıt, ve bülten — bal küpü ve hız sınırı olan, adresi kendi listenize teslim eden imzalı bir POST. Sosyal akış elle seçilmiş bir bağlantı listesi: API yok, jeton yok, kimseye istek yok.
Giriş animasyonu, yapışkan konum ve parallaks; çekirdeğin Stiller panelinde sekiz blok stili — gradyan katmanı, gri, bulanık, daire ve yuvarlatılmış maskeler, yükselme, yaklaşma, eğilme; dosyanın içindeki hiçbir şey sayfanıza ulaşmasın diye görsel olarak basılan, hareket kısıtlamasında durgun kareye geçen bir SVG animasyonu; ikon yazı tipi olmadan 94 çizgi ikon; ve varsa Advanced Custom Fields üzerinden okunan, özel alandan gelen dinamik metin. Kaydırmaya bağlı animasyon yok.
Beş grup demo kurulumumuzda açık birer sayfa: blok kataloğu — metin ve eylem, veri ve fiyat, portföy ve harita, medya ve form, tasarım. Bilerek olmayan da yazılı: portföyde kip pencere ya da sayfalama yok, sosyal akışın arkasında API adaptörü yok, kaydırmaya bağlı zaman çizelgesi yok.
Nasıl çalışır
İkinci bir tuval yok, ayrı bir uygulama yok. Bloğu seçiyorsunuz, sağdaki panelde bir sayfa yapıcının verdikleri duruyor — masaüstü, tablet ve mobil için ayrı ayrı.
Düzen türü, yön, en az yükseklik, içerik genişliği, hizalama, boşluk. Sıradan bloklar, sıradan editör — öğrenilecek yeni bir şey yok ve içeriğiniz post_content içinde standart blok işaretlemesi olarak kalıyor.
Döndürme, ölçekleme, eğme, aynalama ve maske — her biri masaüstü, tablet ve mobil için ayrı. Bir de bloğa iliştirilmiş ekip notu: editörde duruyor, sayfaya hiçbir zaman basılmıyor.
Gerçek bir sayfada çevrilen kutu: ön yüz, arka yüz ve klavyeyle de çalışan bir düğme — aşağıdaki kayıt gerçek bir sayfa, kurgu değil. Blok sunucuda üretiliyor, yani biten bir lisans onu karartamıyor.
LCP, CLS ve INP gerçek ziyaretçilerin tarayıcısında ölçülüyor ve 28 günlük pencerede 75. yüzdelik olarak gösteriliyor — Search Console’un baktığı türden alan verisi, laboratuvar koşusu değil. Aşağıdaki ekran gerçek bir kurulum: bir hücrenin sayı vermeyi reddettiğine dikkat edin, çünkü on dört örnek bir yüzdelik değildir.
Tek ekran. Küçülmeyen dosya saklanmıyor. Ve bu işi gerçekten yapan başka bir eklenti varsa MevvBlocks kendiliğinden kenara çekiliyor ve sebebini yazıyor — soru "kurulu mu" değil, "iş yapabiliyor mu".
mevvshop.com gerçek bir WooCommerce mağazası ve sayfaları bu bloklarla kurulu — başlık, alt bilgi, ürün kartları dahil. Bu sayfadaki her rakam orada ya da demo kurulumumuzda ölçüldü, tahmin edilmedi.
Kullanımda
Her kare, ücretsiz eklentinin ve Pro’nun etkin olduğu wp-demo.mevvsoft.com’un herkese açık bir sayfası; 1440 ve 390 pikselde alındı ve gösterdiği bölüme kırpıldı. Yönetim ekranı yok, hiçbir şey çizilmedi ya da rötuşlanmadı.
Ölçülenler
Aşağıdaki her rakam eklenti kaynağında sayılabilir. Bir sayı hız iddiası gibi duracaksa o iddia hiç kurulmuyor: sayfa ağırlığı temaya, sunucuya ve önbelleğe bağlıdır ve sizinkini ölçmedik.
Eklenti kaynağında 8 Eylül 2026’da sayıldı. Ölçek için, yalnızca ölçek için: ücretsiz ve Pro sürümler 1,8 MB ve 82 KB PHP, JS ve CSS; buna karşılık Elementor, Ultimate Addons ve Header Footer Elementor 31 Ağustos’ta ölçtüğümüz kurulumda diskte birlikte 178 MB yer kaplıyordu. Bu bir yüzey alanı farkı, hız iddiası değil — ve önemli bir kısmı basitçe bizde olmayan özellikler. Kırk iki basılmış çıktı denetimi, <code>tools/katalog-dogrula.php</code>’nin demo kurulumunda kendiniz açabileceğiniz beş katalog sayfasına karşı koşturduğu denetimlerdir.
Tüm fiyatlar KDV dahildir.
Biten lisans hiçbir sayfayı karartmaz. Pro düzenleme panelinin yazdığı değerler ücretsiz sürümde de basılmaya devam eder, form da gönderim almayı sürdürür. Kapanan şey düzenleme panelidir, sitenin görünümü değil.
1 USD = 50,7641 ₺ (İş Bankası)
Hayır. Bunlar sıradan editördeki sıradan WordPress bloklarıdır ve içeriğiniz bizim bir tablomuzda değil, post_content içinde standart blok işaretlemesi olarak durur. Eklentiyi kaldırın, içerik hâlâ okunabilir HTML’dir.
110 bloğun tamamı, form motoru, bülten, tema şablonları, açılır pencereler, blok stilleri, ikonlar, görsel optimizasyonu, blok önbelleği ve erişilebilirlik denetimi ücretsizdir. Pro; masaüstü, tablet ve mobil değerlerini düzenleme panelini, blok bazında özel CSS’i, içerik değiştiriciyi, süzgeçli portföyü, Lottie gömmesini ve formlarda koşullu mantık, otomatik yanıt, webhook, dosya alanı ile CSV dışa aktarımını ekler.
Sayfalarınız, Pro panelinin yazdığı tablet ve mobil değerler dahil, tam olarak olduğu gibi basılmaya devam eder — onları ücretsiz stil motoru basar. Kapanan şey düzenleme panelidir. Render yolunda tek bir lisans denetimi yoktur ve bunu her sürümde bir test bağlar.
Diğer form gönderimlerinizle birlikte kendi sitenize. Bizim bir listemiz, bir API anahtarı ya da üçüncü tarafa giden bir istek yok: blok her onaylı adres için bir mevvblocks_newsletter_subscribe eylemi tetikler, siz de zaten kullandığınız araca teslim edersiniz. Form, nonce yerine HMAC ile imzalanmış düz bir POST’tur; çünkü tam sayfa önbelleğin arkasında nonce sessizce ölür.
Hayır. Blok stillerindeki her üzerine gelme dönüşümü, çevrilen kutu, kayan şerit, yazan başlık ve giriş animasyonları, sistem hareketin azaltılmasını istediğinde kapanır; SVG animasyonu durgun kareye geçer. Yazan başlığın ilk kelimesi her zaman basılır, yani cümle hiçbir zaman boş kalmaz.
Eklenti kendi başına hiçbir istek yapmaz: CDN’den kütüphane yok, başkasının sunucusundan yazı tipi yok, telemetri yok. Dışarı uzanan üç şey vardır ve her biri sizin kararınızdır — kendi girdiğiniz anahtarla çalışan yapay zekâ yardımcıları; önce onay isteyen bir OpenStreetMap gömmesi olan harita; ve Pro’daki Lottie gömmesi, aynı şekilde soran ve siz kabul edene kadar durgun görseli gösteren. Sosyal akış ise kimseyle konuşmaz: sizin seçtiğiniz bağlantıların listesidir.
Evet. Başlık, metin, düğme ya da görsel değerini anahtarıyla bir özel alandan alabilir; Advanced Custom Fields etkinse değer get_field() ile okunur ve biçimlenmiş hâlini alırsınız, değilse düz gönderi meta verisine düşer. Alt çizgiyle başlayan anahtarlar reddedilir — onlar WordPress’in iç alanlarıdır ve basılmaları sayfanın hiç göstermek istemediği şeyi sızdırırdı.
Portföyde kip pencere ve sayfalama yok. Sosyal akışta API adaptörü yok. Kaydırmaya bağlı animasyon yok. Harita tek işaretçi; stil yok, yol tarifi yok. Erişilebilirlik kaplaması yok, CAPTCHA yok, canlı arama yok. Bunların her biri kaynakta yazılı bir karardır, sonradan fark ettiğimiz bir eksik değil.
Başlangıç
Ücretsiz sürümü kurun: yüz on bloğun tamamı, formlar, bülten, tema şablonları, açılır pencereler, sekiz blok stili ve yetmiş altı hazır bölüm ve sayfa zaten içinde. Pro; masaüstü, tablet ve mobil değerlerini düzenleme panelini, ayrıca içerik değiştiriciyi, süzgeçli portföyü ve Lottie gömmesini ekler. Kaybettiğiniz panel olur, sitenin görünümü değil: lisans biterse o değerler basılmaya devam eder.
Ürün bilgileri