Nedir Advanced Custom Fields (ACF) içinde WordPress Ve ne için onlara ihtiyacım var?

Michael Hörnlimann 21 Ekim 2020 tarihinde güncellendi
6 Dk.
Advanced Custom Fields Wordpress
Son güncelleme 21 Ekim 2020

"Biliyorsun Advanced Custom Fields Değil? ACF olmadan, ben WordPress kesinlikle artık kullanmak." Bu bana birkaç hafta önce aracılığıyla bir meslektaşım tarafından yapıldı Slack Yazılı. Ama o bir müteahhit, ben de bir tasarımcıyım. En geç o zaman, ancak, ben (ve) onunla uğraşmak istedim fark etti.

Nedir Advanced Custom Fields ?

WordPress kendi içinde zaten fonksiyonları geniş bir yelpazede sunuyor. Ile Advanced Custom Fields bu işlevleri standart sürümde ücretsiz olarak tekrar genişletebilirsiniz. Web sitenizin içeriği üzerinde tam kontrole sahip olmak için izin verir.

Varsayılan olarak, gönderiler ve sayfalar için arka uçta başlık, içerik, tarih ve yazar gibi tipik alanları buluruz. Advanced Custom Fields , veya aşağıda belirtilen Plugin , size fırsat vermek WordPress ve böylece sayfaları ve katkıları pratikte irade ve bireysel olarak genişletin.

Bu demektir ki, WordPress mümkün olduğu kadar çok - Advanced Custom Fields için bir tuning olarak WordPress .

Neye ihtiyacım var? Advanced Custom Fields Hiç?

Özetle: İhtiyacınız Advanced Custom Fields muhtemelen on-board elemanları kullanıyorsanız WordPress -Arka uç artık ilerletilemez. Sayfaların veya katkıların yardımıyla veya yalnızca kısmen gerçekleştirilemeyen bir sorunla karşı karşıyasınız.

Bu durum, müşterinin isteklerine bağlı olarak nispeten hızlı bir şekilde olabilir. Eğer bir web tasarımcısı kendiniz iseniz, bu kesinlikle de size tanıdık olacaktır.

Örneğin, filtre ölçütleri içeren bir arama oluşturmama izin verildi. Yani tüm web sitesi üzerinden uygun içerik arar basit bir metin arama, ama belirli verilerin form üzerinden ilk girilebilir bir arama. Kullanıcının çeşitli filtre ölçütleri mevcuttur. Bunlar şunlardır:

  • Ad (metin kutusu)
  • Posta Kodu (Metin Alanı)
  • Ülke (Dropdown)
  • Sertifikalar (Onay Kutusu)

Ama daha sonra. Bu kullanım örneği bana fikir verdi Advanced Custom Fields (ACF). Böyle bir bireysel arama WordPress -ACF olmadan yerleşik elemanlar mümkün değildir.

Advanced Custom Fields : Özgür Plugin

Bu yüzden yardımı ile bu filtreyi bulmak için bir çözüm arıyordum Advanced Custom Fields Uygulamak.

Eponymous Plugin resmi olarak WordPress - Plugin Dizin Elliot Condon'dan. Avustralyalı üzerinde çok aktif çalışıyor ve sürekli geliştiriyor, böylece yeni fonksiyonlar görünmeye devam ediyor. Eyleme çok yakın olmak istiyorsanız, Twitter'da ACF'yi takip edin.

Zaten cesur ve tam olduysanız WordPress 5.0 tanıtılan blok düzenleyicisi ( Gutenberg ) de mevcuttur Advanced Custom Fields Yeni editör için bloklar.

The ACF Plugin şu anda 1 milyondan fazla web sitesinde aktiftir. Çok yoğun bir şekilde test edilir ve en son WordPress sürüm kusursuz. Ayrıca etkileyici olduğunu Plugin şimdiden 1.000'den fazla 5 yıldızlı yorum aldı. Öte yandan, sadece bir yıldız ile bir mesly 16 derecelendirme vardır - (çok) kısa bir süre sonra vazgeçti büyük olasılıkla kullanıcılar.

Böyle bir durumda Plugin uygulamayı anlamanız için biraz zaman ve sabır gerektiği açıktır. Tabii ki, ben de, sadece yüzeye var Advanced Custom Fields Çizik. Ben sadece başka olduğunu söylemek istiyorum Plugins yüklersiniz ve arka planda rahatça çalışırlar – bu ACF ile farklıdır. Veritabanı, arka uç ve ön uç arasındaki genel ilişkiyi etkin bir şekilde tasarlamanız ve tanımanız gerekir.

Buna ne dersin? Plugin , oldukça teknik, aynı zamanda vazgeçilmezdir: destek.

Henüz bunu kendim iddia etmek zorunda kalmadım. Nedeni çok basittir: Birinci sınıf dokümantasyon, alan türleri, işlevler, filtreler ve SSS ile ilgilenir.

Özel Posta Türleri nelerdir?

Daha önce aktif tasarımın gerekli olduğundan bahsetmiştim. Bu demektir ki Advanced Custom Fields Ayrıca bazı durumlarda bu tek başına çok yarar getirmez. Yalnızca Özel Posta Türleri ile birlikte başka seçenekler ortaya çıkar.

İlk soru ortaya çıkar: Ne bir (normal) sonrası türü nedir?

En ünlü iki WordPress sayfalar ve gönderiler (blog gönderileri). Yani bir web sitesi için oluşturmak istediğiniz her yeni içerik için, hangi yazı türünün doğru olduğuna siz karar verirsiniz. Bu, bilgilerin nasıl görünür olması gerektiği ve arka uçta hangi alanlara ihtiyacınız olduğu gibi çeşitli etkenlere bağlıdır.

Ancak normal bir sayfa veya gönderi tarafından karşılanamamamayan içerik sağlamak istiyorsanız ne olur?

Zaten biliyor olabilirsiniz: İçeriği arka uçta birleştirmek için yeni bir yol gerekir. Tam olarak ihtiyacınız olan alanları ile neredeyse bir giriş maskesi. Bu ne Advanced Custom Fields Teklif. Yukarıda belirtilen eponymous Plugin bu alanları arka uçta rahatlıkla tanımlamanızı ve oluşturmanızı sağlar. Bu yapı yerleştirildikten sonra, bir sonraki adım bunu yapmaktır.

Advanced Custom Fields kendi alanları
ACF'nin arka ucunda Plugins alanları kolayca tanımlayabilirsiniz.

Sonra Özel Posta Türleri kullanılır. Burada kullanımının mantıklı olması çok önemlidir. Advanced Custom Fields kendi Özel Posta Türü'nüzoluşturun. Benim durumumda, ben Özel Post Type (CPT) sadece terapistler diyoruz.

Tabii ki, özel posta türünü kendiniz de programlayabilirsiniz. Ancak, ben var Plugin "Özel Post Type UI", ben sonraki bölümde daha ayrıntılı olarak açıklayacağız.

özel sonrası türü oluşturma
Bu nasıl arka uç Plugins "Özel Posta Türü UI".

Özel Posta Türü Kullanıcı E-posta: Ücretsiz Plugin , ikinci

Bu sadece şimdiye kadar sizin için yapılmış ise Advanced Custom Fields (ACF) çok az sihirli oldu, burada en iyi geliyor: ACF Özel Post Type UI veya CPT UI kısaca ile birlikte.

Bu, istenirse veritabanı içeriğini doğrudan ön uçta görüntülemenize olanak tanır. Benim durumumda, farklı alanlarda bir filtre arama bina meydan okuma ile karşı karşıya kaldı. Bu yüzden ilk bir CSV alma kullanarak arka uç tüm verileri yüklemek zorunda kaldı.

Daha sonra, Özel Posta Türü yardımıyla yanı sıra Advanced Custom Fields ön uçtaki filtre aramasının temeli. Bir sonraki bölümde bu konuda daha fazla.

özel sonrası türü acf kombinasyonu
Örneğin, yeni Özel Gönderi Türünüz böyle görünebilir.

Pratik örnek: Filtre ölçütleriyle arama oluşturma

Şu an için çok fazla. Şimdi ön uca gidiyor. Böylece her şeyi uygulayabilirsin ve Advanced Custom Fields Davanız için.

Ben filtre kriterleri ile bireysel bir arama oluşturmak için ACF kullanılır. Ancak, arka uçtaki içeriği arka uçtan zarif bir şekilde ön uçta sunmak nasıl mümkün olabilir, böylece kullanıcı tarafından etkileşim mümkün olabilir?

Yine, kendinizi geliştirmek ve arasında seçim var Plugin . Yine uzun bir süre için iyi bir yardımcı aradı ve nihayet "Search & Filter Pro" (metnin sonunda bağlantılı) rastladım.

Bu bana ustaca bir şekilde ön uçta görüntülemek için arka uçtaki verileri kullanmak için fırsat verir. Benim örneğimde, bunlar şunlardır:

  • Arama (normal arama kutusu)
  • Meta sonrası (veritabanındaki ilgili Gelişmiş Özel Alan'a erişim ve arama)
  • Gönder Düğmesi (arama sorgusunu veya formu göndermek için düğme)

Arka uçta, bu şuna benzer:

arama ve filtre pro backend
Ile Plugin "Search & Filter Pro" filtre ölçütleriyle tek tek bir arama oluşturabilirsiniz.

Daha sonra, arka uçta (örneğin, bir sayfada) oluşturduğunuz filtre aramasını eklemek için kısa kodu kullanabilirsiniz.

Ancak, biraz çirkin görüneceğini göreceksiniz. Ben bazı CSS kolları ile bu geliştirdik ve ön uç sonucu oldukça etkileyici olduğunu bulmak:

pratik örnek acf

Ek bağlantılar

Ne yapabileceğimi merak ediyorum. Advanced Custom Fields uygulanabilir. Bu makale hakkında herhangi bir sorunuz veya yorumunuz var mı? Sonra geribildirim bir sürü almak için memnunum.

Resim: Shane Aldendorff | Unsplash

Michael Hörnlimann , 1991 Zürih doğumlu, iyi yemek yanı sıra doğa seviyor. Nisan 2018'den bu yana, münhasıran bağımsız olarak çalışmakta ve WordPress müşteri adına web siteleri. O zamandan beri, o yabancı ülkeler e ve kültürlere seyahat, onun büyük tutkusu ile iş kombine etti. O yaşıyor ve yerden bağımsız olarak çalışır, bazen dağlarda, bazen deniz tarafından.

Benzer makaleler

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.