FSE Programı: Blok Temalar Arasında Geçiş Yapmaya İlişkin Öngörüler

FSE Sosyal Yardım Programı için rutin test turlarının aksine, Anne McCarthy bugün erken saatlerde Make WordPress Test blogunda biraz değişiklik yaptı. Duyuru, kullanıcılardan blok temaları arasında geçiş yaparken ne görmek istediklerini düşünmelerini ister. Test, 29 Eylül'e kadar katılmak isteyen herkese açıktır.

Basamaklar gevşektir ve gerekli değildir. Amaç, insanların tema değiştirme akışının zaman içinde nasıl görüneceğini düşünmelerini ve tartışmalarını sağlamaktır. McCarthy birkaç soru sordu, ancak bunlar daha açık uçlu bir tartışma için yalnızca bir başlangıç ​​noktası.

Bazen yapıya ihtiyacım olsa da, yine de kuralları çiğneme eğilimindeyim. Bu testin formatı bugün bana çok uygun geldi.

Ben temaları değiştiren biri değilim. On yıldan uzun bir süre önce WordPress için nasıl tasarım yapacağımı öğrendiğimden beri, hiçbir zaman bir temadan diğerine geçmedim. En azından ortalama bir kullanıcının yapacağı şekilde değil. Bunun yerine, web sitelerime her yeni kat boya eklediğimde, o anda üzerinde çalıştığım şeye temel değiştirdim. WordPress temaları benim için her zaman son projede sadece bir yinelemeydi.

Programlamanın temel taşlarından biri kodunuzu yeniden kullanmaktır ve bu benim yürekten benimsediğim bir ilkedir. Şimdi bile, blok tema tasarımını keşfetmeye devam ederken, bunu, oluşturduğum son WordPress temasının eskimiş bir versiyonundan yapıyorum.

Tema değiştirmeyi düşündüğümde, alışık olduğum bir deneyim değil. WP Tavern için çalışmaya başladığımda bile site bazı özelleştirmelerle temalarımdan birini kullanıyordu. Sanki kaçırmışım gibi geliyor. Platformun temaları ilk kez tanıttığı sürüm 1.5'ten bu yana WordPress ile olan tüm yolculuğum boyunca, tema değiştirme sürecini en temel şekilde hiç gerçekten deneyimlemedim. Yakında yapacağım, ama bunu başka bir gün konuşuruz.

Temaları "değiştirdiğimde", bunu onlar hakkında yazmak veya son kullanıcılar için teknik destek sağlamak için test ortamlarında yaptım.

Keşif çağrısı esas olarak küresel tasarımla ilgili özelliklere odaklandı. Ancak, deneyimlerime göre, bunlar bir kullanıcının içeriğinin nasıl görüneceğinden çok daha az önemli olma eğilimindedir. Herhangi bir temayı test ederken yaptığım ilk şey bir demo gönderisi yüklemek. Son zamanlarda bu, “Gutenberg Editörüne Hoş Geldiniz” test gönderisi oldu. Birincil soru: İçeriği rahatça okuyabilir miyim? Bu aşamayı geçemezsem, temayı devre dışı bırakıyorum.

Bu deney için üç tema seçtim:

• Özel, yayınlanmamış projem
• TT1 Blokları
• kuadrat

Basit bir blog gönderisini okumanın ne kadar kolay olduğunu test etme temeli ile başladım.

Genel olarak, her tema takdire şayan bir performans sergiledi. Ancak, Quadrat'ın öne çıkan görüntüyü tek bir gönderi görünümünde kullanması yerinde değildi.

Beni geceleri ayakta tutan bir soru, temalar arası uyumluluğun içerik düzeyinde nasıl çalışacağıdır. Varsayılan blok çıktısı, bir temadan diğerine çok az veya hiç sorun olmadan çevrilmelidir. Ancak, özel blok stilleri, yazı tipi boyutları, renkler ve tüm ön ayarlar zaten sorunlu bir alandır.

Bu yeni bir konuşma değil. Bazı özellikleri standartlaştırma konusunda devam eden bir tartışma var. Ama kedi çoktan çantadan çıkmıştır ve evin içinde başıboş dolaşmaktadır.

Global stiller ve şablonlar, temaların yıllardır şu veya bu şekilde uğraştığı özelliklerdir. Yeni sistemler aynı şeyi yapmanın farklı yollarıdır.

Bununla birlikte, tasarım öğeleri içerikle birleştiğinde, temel, standart bir sistem olmaksızın temalar arasında geçiş yapmak daha karmaşık hale gelir. Bu noktayı göstermek için, test temalarımın üçünü de özel blok stilleri, gradyan renkleri ve yazı tipi boyutları kullanan bir gönderiyle karşılaştırdım. Basit bir blog gönderisinin sınırlarını zorlamak istedim.

İçerik, özel temam ve "açık tuval" şablonuyla oluşturuldu. Quadrat, gönderi başlığını gizlemek için benzer bir şablona sahipti, ancak TT1 Blokları yoktu.

Sonuç, ahem , kaba oldu:

Tabii ki, özel temam olması gerektiği gibi görünüyor. Bu, TT1 Bloklarının ve Quadrat'ın kötü tasarlanmış olduğu anlamına gelmez. Aslında şu anda mevcut olan en iyi blok temalarından ikisi. Sorun, aynı blok stillerini ve ön ayarları paylaşmamalarıdır. WordPress ve Gutenberg, bu tasarımı bir temadan diğerine taşımayı kolaylaştırabilecek bazı temel düzen araçlarını da kaçırıyor.

Tasarımın en karmaşık parçası, açılan Kapak bloğu modelidir:

Teknik olarak, bu bir diğerinin içindeki bir Kapak bloğudur. Alt katman, çift tonlu filtreli bir arka plan görüntüsüne sahiptir ve iç içeriği ebeveyninin %90 genişliğine ayarlar. İkinci katman, tema tanımlı bir gradyan arka planına sahiptir ve iç kapsayıcısını %50 genişlikte sola ayarlar. Ayrıca, bir dizi özel yazı tipi boyutuna sahiptir.

Bu düzen kontrolleri, yalnızca özel blok stilleri veya Sütunlar bloğunun bazı hileli kullanımları ile mümkündür. İlkini seçtim çünkü daha kolaydı, ama aynı zamanda başka bir tema ile kullanıldığında bozuldukları anlamına geliyor.

Bunu tasarımın en karmaşık parçası olarak adlandırsam da, aslında çoğu sayfa oluşturucu veya birkaç satır CSS ile yapılacak basit bir şey. WordPress bir tür ızgara konteyner bloğuna sahip olana kadar, tema yazarları bu tür düzenleri mümkün kılmak için özel tekniklere güveneceklerdir. Bekledikçe bundan daha da çirkinleşebilir ve daha da çirkinleşecek.

Yazı tipi boyutları ve renk adları gibi ön ayarları standartlaştırma konusundaki açık tartışmalar, daha önemsiz kısımlarda yardımcı olabilecek meyve verebilir. Ancak, bu tartışmada gradyan adlarının ortaya çıktığını görmedim.

Bu test için en az bir art niyetim var. Uzun zamandır burada WP Tavern'de daha deneysel yazı tasarımları ve düzenleri denemek istiyordum. Ancak, sonunda temaları değiştireceğimizi biliyorum. Aklımın bir köşesindeki o ses, o gün geldiğinde o özel tasarlanmış yazı düzenlerinin büyük ihtimalle bozulacağını bana hep hatırlatıyor. Aletler, dalıp gitmem için yeterince gelişmiş değil. Henüz değil.

Bu noktada, artık keşif çağrısının amaçlanan yönünü takip etmediğime eminim. Ancak, yolculuğun beni gitmem gereken yere götürmesine izin veriyorum. Hedefim, istek listeme bir ek: temadan temaya çalışan daha sağlam düzen araçları.