Geleceğin Temaları: Bir Tasarım Çerçevesi ve Bir Ana Tema

WordPress temasının zengin bir geçmişi vardır. Yıllar geçtikçe, tema yazarları platforma çok sayıda özellik getirdi. Bunun nedeni kısmen, son kullanıcıların istediği özellikleri oluşturmak için WordPress ile ilgili temel sorunları çözmek zorunda olmalarıdır.

Tüm yazarların bugün kullandığı gönderi ve vücut sınıfları? Bunlar aslında Sandbox adlı bir temadaydı.

Öne çıkan görseller? Bunlar on yıl önce dergi temaları tarafından popüler hale getirildi.

Gönderi biçimlerinin Tumblr'dan kaynaklandığını mı düşünüyorsunuz? WordPress'in ortak yaratıcısı Matt Mullenweg, bize 2004'te temalarımızda nasıl bir kenara gönderiler oluşturacağımızı öğretti, ancak bunlar ondan önce de vardı.

WordPress özellikleri genellikle tema dünyasında başlar. Bazen tema yazarlarının işe koyduğu fikirler üzerinde yıllarca süren deneyleri ve yinelemeleri kabul ediyoruz. Blok düzenleyici bile, geleneksel olarak tema tasarımı alanında bulunan öğeleri ele alıyor. Kapak bloğu iyi bir örnektir. Yıllar boyunca, tema yazarları, metin ve düğmelerin üst üste geldiği temel bir kahraman görüntüsü için tema seçenekleri oluşturdu. Sonuç genellikle hantaldı ve kullanıcılar için ideal değildi. Bu özelliği çekirdeğe getirerek, kullanıcılara bu kapak bloğunu izin verilen herhangi bir blok alanına koyma olanağı sağladı.

Pek çok tema özelliğinin onu çekirdek haline getirmesinin nedeni, standart hale getirildiklerinde daha iyi çalışmasıdır. Kullanıcılar ne bekleyeceklerini bilirler ve tema yazarları, kullanıcı deneyimi sorununu çözmek yerine tasarım yönüne odaklanabilir.

Geçmişteki sorunun bir kısmı, çekirdeğe kabul edilen her yeni özelliğin herhangi bir standart tasarım desenini veya adlandırma şemasını takip etmemesidir. WordPress temaları tasarlamada büyük bir beceri, yüzlerce sınıfın karmakarışıklığını hafızaya almaktır.

Blok düzenleyici, evrensel bir tasarım çerçevesi oluşturarak bunu değiştirmek için benzersiz bir konumdadır.

WordPress'in Ön Uç Tasarım Çerçevesine İhtiyacı Var mı?

Gelecekte gelen blok desenleri ve bundan sonra bir noktada tam site özelleştirmesi ile, tema yazarları bu geminin tam olarak nerede yelken açtığını merak ediyor. Heyecan verici çünkü son kullanıcılar için olanaklar sınırsız. İmparatorluklarını bir şeyler yapmanın tek yolu üzerine inşa eden tema yazarları için korkutucu, ancak geliştirme her şeyden çok adaptasyonla ilgili.

Peyzajın değiştiği ön bilgisiyle donanmış, bu, tema yazarlarının geleceklerini blok tabanlı bir dünyada şekillendirmek için bir araya gelmeleri gereken an.

Dahil olduğum geliştirici gruplarından birinde, çekirdek geliştiricilerin tema yazarları olmadığına dair bir şaka var. Tema yazarı perspektifinden, bazen fikirlerin CSS tasarım sistemlerine yönelik hiçbir düşünce olmaksızın gelişigüzel bir şekilde bir araya getirildiği gibi görünebilir.

Oh, biraz BEM görüyorum. Bu alt öğe neden aynı adlandırma şemasını izlemiyor? Beklemek. Bu 38 karakterlik bir yardımcı program sınıfı mı?

WordPress'in her zaman sahip olmadığı şey, evrensel bir ön uç tasarım sistemidir. Bazen bu iyi bir şey oldu. Tema yazarlarının tercih ettikleri çerçeveyi kullanmalarına izin verdi. Yeterince uzun süredir oyunda olan herhangi bir tema yazarı size bu esnekliğin harika olduğunu söyleyecektir... ta ki öyle olmayana kadar . Widget'lara bağlamsal sınıflar eklemeyi hiç denediniz mi? Yorum formu sarmalayıcısına bir yardımcı program sınıfı eklemeye ne dersiniz? Aspirine ihtiyacınız olacak. Ya da iki.

WordPress ile bazı şeyler taşa oturtulmuştur ve diğerleri takılabilir. Bazı özellikler standart bir sınıf adlandırma şeması izler ve diğerleri hiçbir anlam ifade etmez. Temaların sonucu, çeşitli bileşenleri karıştırmak amacıyla genellikle şişirilmiş CSS'dir.

Temel özellikleri yeniden oluşturmadan bir temada Tailwind CSS gibi yardımcı program sınıfı bir çerçeveyi tam olarak kullanmak neredeyse imkansızdır.

Bunların çoğu, yıllarca eski kodun yığılmasından ve WordPress'in geriye dönük uyumluluk taahhüdünden kaynaklanmaktadır. Ancak gelecek, geçmişe benzemek zorunda değildir. Yeni bir çağın eşiğindeyiz ve şimdi ön uç tasarımcıların konuşmaya başlama zamanı.

WordPress, sağlam bir ön uç tasarım çerçevesine ihtiyaç duyar.

Bu yüklü bir ifadedir. 20 tasarımcıyı bir odaya koyar ve tasarım çerçevelerini tartışmalarını isterseniz, bu bir yumruk tarifi olabilir. İyimser olma eğilimindeyim ve tartışmanın sonuç verdiğini umuyorum.

Gutenberg bizi kısmen bu yöne itti, ancak yeterince ileri gitmiyor. Gelecekte tam site düzenleme ile, bu sorunla mücadelede daha bütünsel bir yaklaşıma ihtiyaç vardır.

Her şeyden çok, konuşmada daha fazla ön uç tasarımcıya ihtiyacımız var. .has-subtle-pale-green-background-color .bg-pale-green , .bg-green-100 veya hatta .background-pale-green gibi bir şey üzerinde bir yardımcı program sınıfı olarak var olmasının hiçbir yolu yoktur. daha ayrıntılı olmak istiyorum. Bu karara giren hiçbir optimizasyon kavramı yoktu. Geliştiricilerin gigabit internet bağlantılarında çalıştığı bir zamanda, dünyanın büyük bir kısmının daha yavaş bir hızda takip ettiğini unutmak kolaydır.

Sağlıklı bir faydalı sınıf dozu içeren bileşen tabanlı bir adlandırma şeması, birkaç tatlı noktaya vurabilecek bir seçenektir. Bu, bir CSS çerçevesinin diğerine karşı bir argümanı değildir. Birçok iyi, mevcut seçenek var. WordPress, diğer projelerin ortaya koyduğu temelden ödünç alarak ve benzersiz WordPress bir şey yaratarak bu konuyu ele almalıdır. Alanında lider olmalıdır.

Tasarım çerçeveleri de eklentilerle ilgilidir. Tema sisteminin başlangıcından bu yana ikisinin devam eden bir savaş yürüttüğü temalar alanına bazı geçişler var. Temalar ve eklentiler arasındaki savaş alanı, iyi fikirlerin ölümleriyle dolu. Çok fazla sayıda kişi, merkeze inmek için ihtiyaç duydukları desteği hiçbir zaman toplayamadı. Bir tür evrensel tasarım standardı, sorun selini önleyebilir ve ateşkes çağrısı yapabilir.

Örneğin, özel bir ön uç bileşeni çıkaran bir eklentinin, mevcut temanın dikey ritmi nasıl idare ettiğini bilmesinin hiçbir yolu yoktur. Üst veya alt kenar boşluğunu kullanıyor mu? Kullanılan değer ve birim nedir? Bu temel şeylerdir ve eklenti bunu işlemek için özel CSS eklemeye çalıştığında neredeyse her zaman bozulur.

WordPress, tüm hareketli parçalarının ön uçta uyum içinde bir araya gelmesini sağlayan bir tasarım çerçevesine veya dile ihtiyaç duyar. Eminim bir noktada oraya ulaşacağız. Umarım geçmişin rastgele bileşenlerinden ve adlandırma şemalarından daha tutarlıdır. Ayrıca, geliştiricilerin ve tasarımcıların hazırlıklı olabilmesi için bazı teknik ayrıntıları dolduran net bir yol haritamız olmalıdır.

Tek Temalı Bir Gelecek Mümkün mü?

Rich Tabor, Geleceğin WordPress Temalarına Bir Bakış adlı makalesinde çekirdek WordPress'in tek bir ana tema sağlayabileceği argümanını ortaya koyuyor. Buradaki fikir, tema yazarlarının bu "ana" tema için bir alt tema oluşturmaya görevlendirilmeleridir.

Birçoğu için içgüdüsel tepki, işe yaramayacağı, temaların kişiliklerini kaybedeceği ve çerez kesici tasarımlar dünyasında yaşayacağımız olurdu.

Gerçek şu ki, tek ebeveyn veya ana tema fikrinin ciddi bir düşünce olduğu bir geleceğe doğru hızla ilerliyoruz.

Çoğu tema, neredeyse tüm temalarda bulunan standart öğelerin özel gruplandırmalarıdır. Başlık düzeni gibi, temaları birbirinden farklı kılan, stilistik kaygıların yanı sıra bazı kararlar vardır. Bir temanın bir blokta site başlığı ve gezinme menüsü olabilir. Bir diğerinde bir gezinme menüsü, başlık ve aşağıda ikinci bir gezinme menüsü olabilir. Yine de, başka bir tema bir arama kutusu gösterebilir. Tam site özelleştirmesinin kullanıcıya ait olduğu bir dünyada, bu kararlar geliştirici deneyiminden ziyade kullanıcı deneyiminin bir parçası haline geliyor.

Temaların renk paletleri, tipografi ve kendi tuhaflıklarıyla öne çıkması gerekecek - CSS Zen Garden günlerinin geri dönüşü, ancak çok daha büyük ölçekte.

Bunun için üzülmeyeceğim. Alanında en iyi tasarımcılar arasındaki rekabeti görmek ilginç olurdu. Ayrıca WordPress temasını, herkesin biraz CSS bilgisi ve kararlılığı ile yapabileceği bir çağa geri getirebilir.

Tek bir temanın her şeyi yönettiği bir geleceğe tam olarak hazır olmasak da, burası sohbeti başlatmak için bir yer. WordPress'i bu potansiyel gelecek için tasarlasaydık, asla bir ana tema uygulamasak bile, yol haritası nasıl görünürdü? Önünde ne gibi engeller var? uygulanabilir mi?