WordPress Özel Alanları için Temel Kılavuz

WordPress'i diğer içerik yönetim sistemlerinden (CMS) ayıran bir özellik varsa, o da özelleştirmedir. WordPress'teki özel alanlar, yalnızca görüntülediğiniz meta verileri ve bilgileri genişletmenize değil, aynı zamanda bir gönderi veya sayfanın işlevselliğini ve yardımcı programını tamamen değiştirmenize olanak tanıyan CMS'nin yerleşik bir parçasıdır. Temelleri anlamanıza yardımcı olmak istiyoruz. Özel bir alanın ne olduğunu, neden yararlı olduklarını tartışacağız ve nasıl kullanıldığına dair gerçek dünyadan bazı örnekler sunacağız.

Youtube Kanalımıza Abone Olun

WordPress Özel Alanları nedir?

Kısacası, WordPress özel alanları size sayfalara belirli öğeler eklemenin bir yolunu sunar. Özel alanlardaki Codex girişinin dediği gibi, belirli bir tür resim veya imza veya yazar biyografisi, belki bir derecelendirme veya hatta buna benzer bir şey olabilir, ruh hali, şu anda okuma, dinleme veya hava durumu kutuları.

Bu alanlar, gönderiniz için meta veri denilen şeyi oluşturur (temelde makalenizin ana içeriğinde yer almayan her şey). Varsayılan olarak WordPress, etiketler, kategoriler, kalıcı bağlantı, öne çıkan resimler vb. gibi genel bilgiler için meta kutulara sahiptir. Daha fazlasını eklemek istiyorsanız, özel alanlar kullanacaksınız.

Hatta ekibinizdeki yazarların her birinin bir gönderi yayınlamak için tamamlaması gereken bilgileri eklemek isteyebilirsiniz.

Belirli kriterler işaretlenene kadar gönderinin yayınlanmasına izin vermeyecek zorunlu bir alan oluşturabilirsiniz. Bu nedenle, bu özel alanların yalnızca ön uç hakkında bilgi için olmadığını unutmayın. Arka uç için de faydalı olabilirler.

WordPress Gönderisine Özel Alanlar Ekleme

Varsayılan olarak, WordPress özel alanları sayfa ve yazı düzenleyicide devre dışıdır. Blok Düzenleyiciyi kullanıyorsanız, bunları etkinleştirmek kolaydır. Ekranın sağ üst köşesindeki Dişli Simgesine tıklamanız yeterlidir. Seçenekler öğesini seçin.

Ardından, açılan ekranın alt kısmındaki Özel Alanları etkinleştirmeyi seçin. Sayfayı yeniden yüklemeniz gerekecek, bu nedenle önce çalışmanızı kaydettiğinizden emin olun.

Etkinleştirip yeniden yükledikten sonra, ekranın altında özel alan meta-kutularınız görünecektir. Ekranın içerik düzenleyici bölümünün altında.

WordPress özel alanları inanılmaz derecede güçlü olsa da, varsayılan alanlar bir metin değeriyle sınırlıdır. Onları daha sağlam hale getirmek PHP ve geliştirme gerektirir. Neyse ki, sizin için işe yarayan eklentiler var ve onları nasıl çalıştıracağınız konusunda size yol göstereceğiz. Bazı gönderilerde tek ihtiyacınız olan bir metin alanıysa ve bir eklenti istemiyorsanız, WordPress özel alanlarını temanızın ön ucuna ekleme hakkında aşağıya atlamaktan çekinmeyin. Bu, Gelişmiş Özel Alanlar gibi eklentiler tarafından oluşturulanların yanı sıra varsayılan alanlar için de geçerlidir.

Gelişmiş Özel Alanlar Eklentisini Kullanma

WordPress'teki çoğu şeyde olduğu gibi, uygulama konusunda iki seçeneğiniz vardır. Özel alan işlevselliği eklemek için PHP dosyalarını manuel olarak düzenleyebilir veya bir eklenti kullanabilirsiniz. Bu durumda, eklenti yoluna gitmenizi şiddetle tavsiye ederiz. Bununla birlikte, PHP'yi düzenlemeniz ve koda girmeniz gerektiğini düşünüyorsanız, bunu Görünüm – Tema Düzenleyici altında yapabilirsiniz. İşte sizi harekete geçirmek için özel alanlardaki WP Codex sayfası. Çalışması için ihtiyaç duyacağınız çeşitli şablon etiketlerine ve kancalara bağlanır.

Ancak yine de, ince ayar kodu yerine Gelişmiş Özel Alanlar eklentisini kullanmanızı şiddetle öneririz. Eklenti, özel alanlardan (ve daha sonra bazılarından) isteyeceğiniz her şeye izin verir, bu nedenle tekerleği yeniden icat etme gereğini hissetmiyoruz. Çalıştığında, çalışır. Kullan.

ACF yüklenip etkinleştirildiğinde, WordPress yönetici panelinin sol kenar çubuğunda bir Özel Alanlar girişi göreceksiniz. Üç seçenekle gelir: Alan Grupları , Yeni Ekle ve Araçlar .

Alan Grupları kümeler olarak düşünülebilir. Aynı kutuda görünmesini istediğiniz her şeyi aynı gruba dahil edeceksiniz. Yeni Yeni bir grup ve yeni bir özel alan hem ekleyelim edecektir ekleyin. Araçlar , diğer WordPress sitelerinden mevcut farklı özel alan kümelerini içe ve dışa aktaracağınız yerdir.

ACF'nin Temelleri

Alanları kendileri oluşturmak oldukça basittir. Yeni Ekle penceresine gidin.

Ne olursa olsun, ACF özel alanları bir Alan Grubuna dahil edilecektir. Bu sadece aynı kutuda bulunan belirli alanlar anlamına gelir. Böylece, yazı düzenleyicide görünmesini istediğiniz şekilde adlandırabilirsiniz. Gruba her bireysel giriş eklemek istediğinizde, Alan Ekle düğmesini tıklayacaksınız. Aynı meta kutusunda farklı bir alan istediğinizde bunu yapın. Konum kuralları, kutunun nerede ve ne zaman görüneceğini belirler. Bu örnekte, Gönderi Türü Gönderiye Eşit Olduğundan , bu yalnızca Gönderilerde görüneceği anlamına gelir. Sayfalar veya diğer özel gönderi türleri değil.

Ardından, aslında alanın kendisi için Ayarları seçersiniz. Sitede ne yapacağı ve hizmet edeceği işlev.

Temel olarak yerleşiminizi (düzenleyicideki yayın içeriğinin altında, kenar çubuğunda, içeriğin üstünde, vb.) ve ayrıca metin ve alanların yerleşimini siz seçersiniz. Ekranda Gizle alanı en ilginç olanıdır. Özel alanlarınızı nasıl kullanmanız gerektiğine bağlı olarak, diğer tüm meta kutuları taslaklarınızdan hariç tutabilirsiniz. Bu özel alanın görünümü için koşulları seçin ve varsa, onunla birlikte hangi diğer kutuların görüneceğini belirleyin. Çoğu zaman bunun için endişelenmeyeceksin bile.

ACF ile Özel Alanlar Oluşturma

Alan Grubunuzu adlandırdıktan sonra, Alan Ekle düğmesini tıklayabilirsiniz. Aynı grup içinde istediğiniz sayıda alanınız olabilir, ancak hepsini birbiriyle ilişkili tuttuğunuzdan emin olun. ACF ile aklınıza gelebilecek hemen her türlü giriş alanını yapabilirsiniz.

Bu örnek için, filmlere bakan ve özel alanların bir derecelendirme göstermesini, filmin yayınlanıp yayınlanmadığını ve öyleyse nerede bulunacağını listelemesini isteyen bir pop kültürü WordPress sitesi çalıştırdığımızı varsayalım.

Bunların hepsi aynı Alan Grubu altında, ancak farklı alanlar olacaktır. Yukarıda gördüğünüz gibi, Akış mı? alan, yayınlanmadan önce gerekli olan evet/hayır seçicili bir radyo düğmesi olacak şekilde ayarlanmıştır. Ek olarak, alan Evet olarak işaretlenmişse koşullu bir alanın görünmesini istiyoruz. Bu, yalnızca Alan Ekle'ye tekrar basılarak yapılır.

Koşullu Mantık geçişi etkinleştirildiğinde, hangi alana tabi olduğunu ve değerin ne olması gerektiğini seçmeniz yeterlidir. Bu durumda, Akış mı? Evet'e eşit olması gerekir .

Gönderi düzenleyicide, özel alanlar girişi şöyle görünecektir:

Gönderinizi yayınladığınızda, girdiğiniz meta veriler gönderinin bir parçası olacaktır. Ama hala bir sorun var. Bunu göremezsiniz, ziyaretçileriniz de göremez.

WordPress Ön Uçta Özel Alanlar Nasıl Görüntülenir

Tüm bunları mükemmel bir şekilde yapmış olsanız bile, girdiğiniz veriler küçük bir değişiklik yapmadan sitenizin ön ucunda görünmeyecektir. Sonuçta, nerede ortaya çıkacaktı? Çoğu zaman, temanızın meta verileri ve özel alanları görüntüleme yolu olacaktır, ancak bunlar temaya göre farklılık gösterir. Belgeler için tema seçeneklerinizi kontrol edin.

Özel alanları ön uçta görüntülemenin başka bir yolu da yerleşik ACF kısa kodlarıdır. ACF'de yerleşik bir özelleştirici veya oluşturucu bulunmamakla birlikte, yalnızca metin alanları için aşağıdaki kısa kodu kullanabilirsiniz.

Ancak metin alanlarıyla sınırlı olduğu için birçok kişi için sınırlı kullanımı olabilir. Ayrıca PHP'ye girebilir ve belge örneklerinde olduğu gibi ACF kodunu kullanabilirsiniz. Ayrıca ACF Pro'ya yükseltebilir ve özel alanı tam olarak oluşturucuda şekillendirdiğiniz gibi görüntüleyen yerleşik Gutenberg bloğuna erişebilirsiniz.

Ancak dediğimiz gibi, bu günlerde pek çok tema özel alan entegrasyonu ile birlikte geliyor ve bunun Divi'de nasıl işlendiğini size göstereceğiz.

Divi Kullanarak Ön Uçta Özel Alanlar Nasıl Görüntülenir

İlk olarak, birçok Divi modülünün kısa kod oluşturabileceğini unutmayın. ACF'de oluşturulan metin özel alanlarınız, yukarıda bahsettiğimiz gibi, kısa kodları kullanılarak birçok kez eklenebilir.

Koşullu mantık ve radyo düğmeleri kullanan yukarıdaki örneğimiz için Divi'nin dinamik içerik özelliğini kullanacağız. Kullanımı da süper kolay. Bunu size Divi Tema Oluşturucu aracılığıyla göstereceğiz, ancak onu normal Divi oluşturucuda destekleyen herhangi bir modülde tam anlamıyla kullanabilirsiniz. Siyah +' ya tıklayın ve istediğiniz modülü seçin. Bunun için Metin Modülü .

Ardından, özel alanı eklemek istediğiniz modülün bölümünü bulun. Özelliği destekleyen herhangi bir yerin sağ tarafında Dinamik İçerik simgesini arayın.

Tüm özel alanlar dahil olmak üzere mevcut tüm dinamik içerik türlerinin açılır menüsünden seçim yapmak için tıklayın. En altta olabilirler.

Divi, temel olarak alan içeriğinize önce/sonra etiketleri ekleme seçeneği sunar. Gönderinin bir parçası olarak bizimkinin doğal olarak okumasını istiyoruz, bu yüzden bu film çevrimiçi olarak yayınlanabiliyor mu? alan işlendiğinde değerden önce yerleştirilecektir. Ayrıca, etiketimizi ACF değerinden ayırmak için sonuna bir boşluk ekledik.

Modül alanı başına yalnızca bir parça dinamik içeriğe sahip olabileceğiniz için bu işlemi diğer alanlar için tekrarlayın. Ancak, özel alan koşullu olsa da Divi modülünün . Bu nedenle, koşullu bir alanda önce/sonra etiketi kullanırsanız, yine de o etiketi görürsünüz. Bunları boş bırakırsanız, hiçbir değer oluşturulmaz.

Ek olarak, Ham HTML'yi Etkinleştir seçeneği, çeşitli platformlara bağlantılar vb. gibi ACF alanına koyduğunuz herhangi bir kodun oluşturulmasına izin verir.

Toplama

Gördüğünüz gibi, oldukça karmaşık gibi görünse de, WordPress özel alanları, bir geliştiricinin doğru olmasını gerektirmeyen bir özelliktir. ACF'yi kurun ve sizin ve ekibinizin bilgileri nasıl girdiğini özelleştirmeye başlayın. İster bir inceleme sitesi, e-ticaret pazarı veya hatta hayatınızda neler olup bittiğini paylaşmak istediğiniz samimi bir blog olsun, gönderilerinizin ve sayfalarınızın meta verilerini ince ayar yapmak ve mükemmelleştirmek web sitenizi yeni seviyelere yükseltebilir.

WordPress özel alanlarını ne için kullanıyorsunuz?

SurfsUp / Shutterstock.com tarafından öne çıkan görsel