Meta Box için MB Views Eklentisiyle Özel Şablonlar Oluşturun

Yayınlanan: 2020-03-19

Meta Box, MB Views eklenti eklentisini geçen hafta yayınladı. Yeni uzantı, geliştiricilerin WordPress yöneticilerinin rahatlığında özel şablonlar oluşturmasına olanak tanır. Amaç, tema dosyalarını düzenlemeden özel alanların çıktısını almak için kullanımı kolay bir arayüz sağlamaktır, ancak esnekliği tam site düzenlemenin sınırlarını zorlar.

Hızlı bakış: MB Views, sağlam bir geliştirici deneyimi sunar, ancak koda aşina olmayanlar için arkadaş canlısı olmaktan biraz uzaktır.

Meta Box ekibinin çekirdek eklentisi ve uzantılarıyla yaptıklarının uzun süredir hayranıyım. Projenin geliştiricileri iyi belgelenmiş bir kod tabanı oluşturdular, sağlam belgeler yazdılar ve genellikle diğerlerinin başarısız olduğu ayrıntılara dikkat ettiler. MB Görünümleri farklı değil. Uzantıyı etkinleştirdikten birkaç dakika sonra, test sitemin ön ucunda özel görünümler kurdum ve kullanıma sundum.

Arayüz, WordPress yöneticisinden neredeyse her şeyi oluşturmaya yetecek kadar esnekliğe sahip, neredeyse anında alınabilecek kadar basittir.

Genel olarak, ekibin yeni eklentisi, 79 ila 349 dolar arasında değişen mevcut premium paketlerden birinin fiyatına oldukça değer. Birkaç küçük sorun olmadan değil, ancak bu, bir sürüm 1.0 sürümüyle beklenebilir.

Ön Uç Düzenleme için Güçlü Bir Araç

MB Views eklentisinin görünüm kodu düzenleyicisinin ekran görüntüsü.
Eklentinin görünüm düzenleyicisiyle özel bir görünüm oluşturma.

Görünüm düzenleme ekranıyla çalışma deneyimim bana doğal geldi. Kod düzenleyici, Code Mirror ve Oceanic Next temasını kullanır. Yerleşik otomatik sekme ve otomatik tamamlama özelliği vardır, bu nedenle çoğu çevrimdışı düzenleyici gibi hissettirir. Geliştiriciler, hızlı bir şekilde özel bir görünüm oluştururken kendilerini evlerinde hissetmelidir.

Bu günlerde çoğunlukla Tailwind CSS kullandığım için, birkaç dakika içinde sahte bir e-posta kayıt formu oluşturabildim ve mevcut görünüm ayarlarını kullanarak doğrudan gönderilerimin altında görüntüleyebildim.

MB Views eklentisini kullanarak özel olarak oluşturulmuş bir e-posta kayıt formunun ekran görüntüsü.
MB Görünümleri ile özel olarak oluşturulmuş e-posta kayıt formu.

Kod düzenleyicide, ekranın sağ tarafında kayan bir kutu açan bir “Yeni Alan” düğmesi bulunur. Kullanıcıların gönderi, site, kullanıcı ve sorgu alanları eklemesine olanak tanır. Seçenekler ayrıca Meta Box eklentisi aracılığıyla oluşturulan özel alanları da içerir.

Kullanıcılar, şablonu düzenlemenin yanı sıra, doğrudan görünüm kodu düzenleyicisinden özel CSS ve JavaScript de ekleyebilir.

Bu alanların çıktısı, modern bir PHP şablonlama motoru olan Twig aracılığıyla işlenir. Birçok PHP geliştiricisi Twig'e zaten aşina olacak ve sözdizimi konusunda rahat hissedecek. Bu sistem sayesinde eklenti kullanıcıları HTML ile sınırlı değildir. Görünüm içeriklerinin çıktısını özelleştirmek için koşul ve döngüleri kullanabilirler.

Daha iyi bir geliştirici deneyimi için, "Yeni Alan" düğmesine ve ardından belirli bir alana tıklamak yerine yeni alanlar eklemek için otomatik tamamlama seçeneğini görmek güzel olurdu. Büyük olasılıkla, geliştiriciler zamanla alanları ezberlemeye başlayacak ve basitçe yazacaktır. Otomatik tamamlama, özel alanlar için hoş bir dokunuş olacaktır.

MB Views eklentisi için ayarlar meta kutusunun ekran görüntüsü.
Ayarları ve koşulları görüntüleyin.

MB Views'ın gerçekten parladığı yer, görünüm ayarlarıdır. Eklenti, görünümlerin tema üstbilgisi ve altbilgisi veya yalnızca içerik alanı arasındaki tüm sayfayı ele geçirmesine olanak tanır. Kullanıcıların, yerleşik kısa kodunu kullanarak tekil gönderiler, arşiv sayfaları veya özel bir şey üzerinde bir görünüm görüntüleme arasında seçim yapmalarını sağlar. Kullanıcılar, çeşitli şekillerde gruplandırılabilen koşullara dayalı olarak bir görünümün göründüğü yeri daha da parçalayabilir. Gerektiği kadar basit veya karmaşık olabilir. Özel PHP koşullarıyla tamamen aynı değildir, ancak kullanım durumlarının çoğunu kapsayacak kadar yakındır.

Birisi elini denemek isterse, MB Views'i tüm site düzenleyicisi olarak kullanabilir. Tek gerçek gereksinim, temalarını bir üstbilgi ve altbilgi ile oluşturmak olacaktır. Bir noktada, eklenti, kullanıcıların tüm sayfa düzenini devralmasına izin vererek, etkili bir şekilde bir temayı gereksiz hale getirebilir.

Sorunlar ve Gelecekteki Geliştirmeler

Sürüm 1.0, bir şeyi kullanıcıların ellerine teslim etmekle ilgilidir. Geliştiricilerin en yararlı geri bildirimlerinden bazılarını aldıkları bir zamandır, bu nedenle geliştiriciler gelecekte eklentiyi geliştirmeye devam ettikçe aşağıdakilerin ele alınmasını bekliyorum. Herhangi bir büyük barikatla karşılaşmadım, ancak bazı küçük sorunlarla karşılaştım ve iyileştirme için bazı fikirlerim vardı.

Vurduğum ilk sorun, başlangıçta eklentinin hiç çalışmadığına inanmamı sağladı. Özel görünümümü tekil gönderilerde göstermeyi seçmiştim. Bu, görünüm ayarları aracılığıyla yapmak kolaydır. “Tekil” türünü seçersiniz. Ardından, ilk açılır menüden “Gönder”i seçin. Bunun şablonun tüm gönderilerde görünmesini sağlayacağını varsaymıştım. Ancak kaydettikten sonra hiçbir şey olmadı. Özel içeriğimin hiçbiri ön uçta görünmedi. Sorun, varsayılan olarak bir değerle doldurulmamış ikinci bir açılır seçim olmasıydı. Seçmem gereken bir “Tüm Gönderiler” seçeneği vardı. Ele alınması hızlı bir sorundu, ancak bu nedenle eklenti geliştirmede iyi varsayılanlar çok önemlidir.

Revizyon desteği yoktur. WordPress yöneticisindeki bir kod düzenleyici için, kullanıcıların kodlarını önceki bir sürüme döndürmeleri mantıklıdır. Kullanıcılar yalnızca küçük kod parçalarıyla görünümler oluşturursa, bu sorun olmayacaktır. Ancak eklenti, kullanıcıların temanın üstbilgisi ve altbilgisi arasında tam bir sayfa düzeni oluşturmasına izin verecek kadar ileri gider. Bu bazen çok fazla kod anlamına gelir ve değişiklikleri geri çevirme ihtiyacı olur.

MB Views, gönderi içeriği gibi kısa koda hazır alanlarda bir görünüm çıktısı almak için bir [mbv] sunar. Ancak blok düzenleyicide kullanım için blok eşdeğeri yoktur. Bu noktada, bir kısa koda sahip olmak ancak blok olmaması büyük bir ihmal gibi görünüyor. Kısa kodların yavaş ve acılı bir ölümle ölmesi gerekir.

Görünüm yönetimi ekranı da biraz sevgi kullanabilir. Görünüm türü için en azından bir sütun görmek güzel olurdu. Özel görünümlerin listesi büyüdükçe, her görünümün bir bakışta nerede kullanıldığını anlamak zorlaşabilir.

Kullanıcı Dostu ve Gelecek

Meta Box alanlarının değerlerini almak ve bunları ön uç şablonlarınıza koymak istiyorsunuz, ancak kodlamaya fazla aşina değilsiniz ve tema dosyalarına dokunmak istemiyor musunuz?

MB Views'ın açılış açıklaması, eklentinin kodlamaya aşina olmayan kullanıcılara yönelik olduğunu iddia ediyor. Ortalama bir kullanıcının yol boyunca bazı kodlama bilgisi edinmeden bundan yararlanıp yararlanamayacağından emin değilim. Arayüz öncelikle geliştiricilere yöneliktir. Kelimenin tam anlamıyla, görünüm düzenleyicisi bir kod düzenleyicisidir. Tıklaması kolay bir alan yerleştiriciye sahiptir, ancak bu alanlar HTML ve CSS ile biraz aşinalık olmadan genellikle işe yaramaz.

Araç yaptığı işte iyidir, ancak blok düzenleyici çağında neredeyse bir duraklama önlemi gibi geliyor.

MB Views'un daha kullanışlı bir son kullanıcı aracı olması için, tasarım seçenekleriyle daha çok görsel, tıkla ve tıkla arayüzüne geçiş yapması gerekecek. Aksi takdirde, çoğunlukla görünüm çıktısını mükemmel şekilde özelleştirebilen geliştiricilerin ülkesinde kalacaktır.

Takım harika bir geliştirici deneyimine odaklanmak istiyorsa, MB Views'un bu yönde gitmesi gerektiğini düşünmüyorum. Ancak, şu anda koda daha az aşina olanlar için kolaylık iddiasını karşılamıyor.

Blok sistemi aracılığıyla tam site düzenleme deneyiminden en az bir yıl uzaktayız. Meta Box ekibinin çabaları, en iyi şekilde bu sistem içinde görünüm düzenlemeyi entegre etmek için harcanabilir. MB Views eklentisi, günümüzde birçok Meta Box eklentisi kullanıcısı için yararlı ve gerekli bir araçtır, ancak tam site düzenleme çekirdekte yer almadan önce çekiş kazanmak için zamanı olmayabilir. Bu noktada, eklenti ekibinin WordPress ile çok farklı bir kullanıcı deneyimi dünyasına geçiş yapması gerekecek.