MetaBox ve Oxygen Builder Eğitimi (Sürüm 3.9+)

Oxygen Builder sürüm 3.9, MetaBox'ı resmi olarak sayfa oluşturucuya entegre etti. Bu yazıda MetaBox özel alanlarını ve Oxygen Builder'ı birlikte nasıl kullanacağımızı tartışacağız.

MetaBox Video Eğitimi

Bu makale, video eğitimimizi desteklemek için yapılmıştır. Video, Oxygen ile yeni MetaBox entegrasyonunu kullanmanın tüm yönlerini kapsayacak. İçeriğimizi beğendiyseniz, YouTube kanalına abone olmayı unutmayın.

Neden MetaBox?

Meta Box, piyasadaki en güçlü özel alan eklentilerinden biridir. WordPress, içerikle Yazılar veya Sayfalar olarak ilgilenir. Başka herhangi bir içerik türüne özel bir alan atamanız gerekirse, WordPress'te özel alanlar kullanırsınız. Bu, WordPress içindeki her tür içeriğe farklı veri türleri atamada tam esneklik sağlar.

Meta Box, diğer özel alan çerçevelerinin yanı sıra, bu özel alan türlerini (onay kutuları, dosya yüklemeleri, metin girişleri ve daha fazlası gibi) her tür içeriğe eklemek için güçlü bir yol sunar. Bize göre, kullanımı kolay ve esnekliği korurken, piyasadaki en güçlü çerçevedir. ACF ile karşılaştırıldığında, yerel çift yönlü ilişkilere, daha kolay yapıya, yerleşik özel gönderi türlerine, daha basit ayar sayfalarına ve özel veritabanı tablolarına sahibiz.

Ayrıca Facebook grubumuzda bu eklenti hakkında tonlarca tartışma var – sizi buraya katılmaya davet ediyoruz! MetaBox.io'nun geliştiricileri bu grubun üyeleridir.

Oksijen Topluluğunda, Meta Box, AppSumo'da bir ömür boyu anlaşma sunduktan sonra popülaritesini artırdı. Hala web siteleri aracılığıyla bir LTD sunuyorlar ve birçok Oksijen Kullanıcısı, vaat edilen Meta Box entegrasyonunu sabırsızlıkla bekliyor.

Oksijen V3.9'un Getirdikleri

Ve vaat edilen Meta Box entegrasyonu, tam olarak Oxygen Builder v3.9'un masaya getirdiği şeydir.

Oksijen ekibi söz verdi ve teslim etti. ACF'yi Oksijen ile kullananlar için entegrasyon neredeyse aynıdır – normalde yaptığınız gibi alanlara, koşullara ve daha fazlasına dinamik veriler eklersiniz, ancak ACF'yi seçmek yerine Meta Kutu Alanı'nı seçersiniz.

Esasen, çekirdek entegrasyon, PHP'yi güzel bir kullanıcı arayüzünde basitçe kaplamaktır, bu da alan eklemeyi gerçekten kolaylaştırır. Yine de bir kod bloğunda ham PHP ile veya dinamik veriler altında PHP işlevini kullanarak Meta Box öğeleri ekleyebilirsiniz. Ayrıca, Meta Box'ın yerel olarak birlikte geldiği, tablolar ve diğer öğeler gibi öğeleri oluşturacak Kısa Kodu kullanmayı da seçebilirsiniz.

Ayrıca şunu da belirtmekte fayda var, ekip, inşaatçının yapı panelini rahatsız eden sürükle ve bırak sorunlarını düzeltti ve ayrıca çok daha hızlı yüklenmesini sağladı.

MetaBox ve Oksijen Kullanım Durumları

Meta Box, ACF'ye harika bir alternatif sunar, bu nedenle bu çerçeveyi kullanacağınız her şey Meta Box ve Oxygen Builder ile uygulanabilir. WordPress CMS'yi kullanan Meta Box özel alanları, özel gönderi türleri ve Oxygen Builder için birkaç kullanım örneğine göz atalım:

1. Bir dizin web sitesi oluşturun – Yerleşik Meta Box aracını kullanarak işletmeler için özel bir gönderi türü ekleyin. Adresler, çalışma saatleri ve daha fazlası için özel alanlar ekleyebilirsiniz. Google Haritalar API'sine gerek yok, Open Street'i ücretsiz olarak kullanabiliriz (zaten çalışıyor, kurulum gerekmez). Tek bir dizin listeleme şablonu oluşturmak için Oxygen'i kullanacağız. Oxygen ve MetaBox ile çalışan GridBuilderWP'yi filtrelenebilir arşiv şablonları yapmak için kullanabiliriz.
2. Şirketiniz için dahili bir dosya dizini oluşturun – Oxygen ile standart bir üyelik web sitesi (MemberPress'i seviyoruz) oluşturabilir ve çalışanlara erişim verebilirsiniz. Ek veri ve dosya yüklemelerini kabul etmek için gönderi türünde Meta Kutusu ayarlayın. Ardından, ön bildirimleri kabul etmek için entegrasyonlarıyla birlikte MetaBox veya WSForms'u kullanın. Gönderileri ve gönderim formunu yalnızca kayıtlı üyelere gösterin.
3. WooCommerce ürünlerine ek bilgi ekleyin ve görüntüleyin – Ürün gönderi türüne Meta Box ile yeni bir alan grubu eklemeniz yeterlidir. Bir WooCommerce tek ürün şablonu oluşturmak ve ek verileri ön uçta görüntülemek için Oksijen kullanın.
4. Kolayca istemci tarafından düzenlenebilir bir SSS sayfası oluşturun – Bu kullanım durumu için Meta Box kullanmayı, arka uçtaki müşteriler için kolayca düzenlenebilir sayfalar yapmayı seviyoruz. İki alandan oluşan bir grup oluşturun – Soru (metin) ve yanıt (istemcilerin biçimlendirebilmesi için wysiwyg). Grubu klonlanabilir hale getirin. Bir kod bloğunda ve Oksijen tekrarlayıcı veya özel PHP kullanarak bu grubu SSS ön uç sayfasına uygulayın.

Umarım bu, Meta Box'ı Oxygen 3.9 ve üstü tekliflerle kullanmanın gücünü iletmelidir.

Meta Box ve Oksijen Nasıl Kullanılır?

Entegrasyonun kullanımı oldukça kolaydır ve ACF'yi yansıtır. Bu bölümde, Oxygen ile en standart MB özel alanlarının nasıl kullanılacağına bir göz atacağız. İlk önce bir alan grubu oluşturun ve bunu bir gönderi tipine atayın. Bir gönderi türüne atandıktan sonra, Oxygen içindeki tüm dinamik verilere – tek bir gönderide/sayfada veya bu özel içerik türü için bir şablonda – erişebileceksiniz. Verilere küresel erişim için bir MB Ayarları sayfası oluşturun (bu, şirket sloganları, logoları, renkleri ve daha fazlası için harikadır).

Bu yapıldıktan sonra, dinamik veriler içindeki alanları seçebilirsiniz. Bu, ön uç tasarımınıza belirli içerik eklemek ve ayrıca arka uç alan değerlerinden ayarlanabilen koşulları uygulamak için yapılabilir. İşte üzerinde çalıştığımız bir proje için oluşturduğumuz özel alan grubuna bir örnek. Bu, ürün gönderi türüne atanır.

Oxygen'de oluşturduğumuz tek ürün şablonuna artık tüm bu alanlar eklenebilir.

Standart Metin Alanı

Meta Box'tan standart bir metin alanı eklemek kolaydır. Basitçe bir metin öğesi ekleyin, yer tutucuyu vurgulayın, dinamik veriler ekleyin ve metin alanınızı seçin.

Görüntüler

Meta Box görüntüleri, bir görüntü öğesi eklenerek, görüntü url'si altındaki veriler seçilerek ve Meta Box içindeki görüntü alanı seçilerek eklenir.

Dosyalar

Dosyalar genellikle bağlantı öğeleri aracılığıyla eklenir.

Klonlanabilir Alanlar

Bunlar ACF tekrarlayıcılara benzer ve Oksijen Oluşturucu Tekrarlayıcılar ve Kolay Gönderme öğeleri oluşturmak için kullanılabilir.

Grup Alanları

Gruplar aslında klasörlerdir. Meta Box alanlarının altında gösterilecekler. Onlara tıklayın ve Meta Box dinamik veri açılır penceresindeki bir alt ekrana getirileceksiniz. Orada, uygun alanı seçebilirsiniz. Gruplar organizasyon için yararlıdır.

Meta Box ve Oksijen Koşulları

ACF gibi, Oksijen koşullarını kullanarak web sitenizin öğelerini göstermek/gizlemek için Meta Kutu değerlerini kullanabilirsiniz.

Bir koşul ekleyin, dinamik verileri seçin ve MB alanını seçin. Genellikle bir onay kutusu veya radyo öğesi kullanırız ve is_blank veya is_not_blank'i seçeriz. Bu, alan işaretliyse veya ilgili arka uçta işaretlenmemişse öğeleri gösterecek/gizleyecektir.

Çözüm

Bu makale, referans olarak Oxygen 3.9 Alpha 1 kullanılarak yayınlanmıştır. Şu anda, üretim web siteleri için kararlı olmamasına neden olan birçok hata var. Beta ve Son Sürüm bunu düzeltecek. Örneğin, resimler iyi çalışmıyor ve grup alanlarından gelen dinamik veriler çalışmıyor. Arayüzün değişmeyeceğini, ancak hataların zamanla düzeltileceğini unutmayın. Bu, 3.9+'ın gelecekteki sürümleri yayınlandıkça güncellenecektir.

Meta Box ve Oxygen Builder müthiş bir kombinasyon oluşturuyor. Benzersiz veri yapılarına sahip karmaşık web siteleri oluşturabilir ve tüm bu bilgileri, kod bilmenize bile gerek kalmadan herhangi bir sayfa düzenini görsel olarak oluşturmanıza olanak tanıyan bir araç olan Oxygen'de görüntüleyebilirsiniz. Bu yerel entegrasyonla, bu güç herkes tarafından kullanılabilir hale gelir – herhangi bir PHP bilmenize gerek yoktur. Ve Meta Box'ın özel alanlar alanında bir LTD sunan tek platform olduğunu görünce, Oxygen LTD modeliyle mükemmel uyum sağlar.

Cennette yapılan bir maç.

Oxygen Builder v3.9 ve üstü (özellikle Meta Box entegrasyonu) hakkında herhangi bir öneriniz, sorunuz veya yorumunuz varsa, düşüncelerinizi aşağıya bırakmaktan çekinmeyin.