Elementor’da dinamik bir ilerleme çubuğu nasıl yapılır
Elementor’un bir Progress çubuğu adı verilen orijinal bir widget var. Widget’lar genellikle belirli alanlarda (yüzde) bir uzmanlık seviyesi gösteren bıçaklar yapmak için kullanılır. Örneğin, bir tasarımcıysanız ve bir Elementor kullanarak bir portföy web sitesi oluşturmak istiyorsanız, potansiyel müşterilerinizin hangi bölgeye daha iyi hizmet verebileceğinizi bilmesini sağlamak için bir çubuk ekleyebilirsiniz. Ancak, Elementor Widget’ı nasıl kullanabileceğinizle ilgili özel bir kural yoktur. İhtiyacınız veya istediğiniz şeye göre bir ilerleme çubuğu widget’ı kullanabilirsiniz. İlerleme çubuğu widget’ında içeriği ayarlayabileceğiniz üç öğe vardır: başlık, yüzde ve metin. Pro Elementor’u kullanıyorsanız, bu öğelerin içeriğini dinamik olarak doldurmak için özel bir alan oluşturabilirsiniz.
Dinamik İlerleme çubuğunu kullanmanın örnekleri, makaleleri üç ana kategoriye ayrılmış bir web siteniz olduğunu söylüyor:
Haberler
Gözden geçirmek
öğretici
Tüm inceleme makalelerinin haber makalelerinden ve öğretici makalelerden farklı düzenlere sahip olmasını istiyorsunuz. Ayrıca, her incelemenin sonunda aşağıdaki öğeleri eklemek istersiniz.
Elementor’da Dinamik Bir İlerleme Çubuğu Nasıl Yapılır Adım 1: İlk Özel Alanı Oluşturun, özel bir alan oluşturmanız ve alan türünü numaraya yönetmeniz gerekir. ACF, Jetengine ve Pods gibi sayıları destekleyen herhangi bir özel alan eklentisini kullanabilirsiniz. Bu yazıda ACF kullanıyoruz. ACF’yi de kullanırsanız, yeni bir özel alan grubu oluşturmak için özel alanlara gidebilirsiniz -> Yeni Ekle. Özel alan grubunuzu adlandırın ve yeni alanlar eklemek için Ekle düğmesine tıklayın. Alan etiketlerini ve alan adlarını alan etiket alanlarında ve alan adlarında ayarlayabilirsiniz. Düzlem tipi düzlemde, sayıya göre ayarlayın ve minimum değeri ve minimum değer ve maksimum değerdeki maksimum değeri ayarlayın. Daha fazla alan eklemek için yukarıdaki adımları tekrarlayın. Özel bir alan eklemeyi bitirdikten sonra, özel alanın nerede belirleneceğini ayarlamak için konum bölümünü açın. Özel bir alan grubunun bir blog yayınına ayarlanmasını istiyorsanız, varsayılan kuralları kullanabilirsiniz. Özel bir saha grubu yayınlamak için vergilendirme düğmesini tıklayın. Adım 2: Özel bir şablon oluşturun Özel alanınız hazır olduktan sonra, dinamik ilerleme eklemek istediğiniz makale türü için özel bir şablon yapmaya başlayabilirsiniz. Elementor’da, aşağıdaki özelliklere dayanan makaleler için özel bir şablon oluşturabilirsiniz: Gönderi kategorisi
Etiket gönderileri
Yazarın Gönderi
İnceleme makaleleri için özel bir şablon oluşturmak için, kullanmak istediğiniz özelliklere bağlı olarak kategori veya inceleme etiketi altındaki makaleye özel bir şablon ayarlayabilirsiniz. İlk olarak, şablon -> tema üreticisini açın. Tek Gönderi sekmesini açın ve yeni bir şablon eklemek için yeni ekle düğmesini tıklayın.
Görünen diyalogda, özel şablonunuzu adlandırın ve şablon düğmesini tıklayın. Şablon kitaplığındaki bitmiş şablonu seçebilirsiniz. Başından beri bir şablon yapmak istiyorsanız, şablonun kütüphane penceresini kapatmanız yeterlidir. Tuval alanına eklemek istediğiniz gerekli widget’ı sürükleyin ve uygun ayarları yapın. Elementor’da tek bir özel yazı şablonunun nasıl oluşturulacağına dair daha ayrıntılı talimatlar için önceki makalemizi okuyabilirsiniz. Gerekli widget ile bitirdikten sonra (yazma başlığı, içerik gönderme, üstün resim vb.), Tuval alanına bir ilerleme çubuğu widget’ı ekleyin. İlerleme çubuğu ayarları altında Ayarlar panelindeki içerik sekmesinin altındaki blok altında, istediğiniz başlığı ayarlayın (örneğin, tasarım). Ardından, yüzde seçeneğinde dinamik simgeyi tıklayın ve ACF numarası alanını seçin.
ACF numarasındaki İngilizce anahtar simgesini tıklayın ve kullanmak istediğiniz anahtarı (özel alan) seçin.
Verilen özel alan değerini görüntülemek istiyorsanız, metin seçeneğindeki dinamik simgeye tıklayabilir ve ACF alanını seçebilirsiniz. ACF alanındaki İngilizce Anahtar simgesini tıklayın ve görüntülemek istediğiniz anahtarı (özel alan) seçin. Yüzdeyi gizlemek istiyorsanız, yüzde ekranın açılır tarihine gizlenmeyi seçebilirsiniz. Ayarlar panelindeki içerik sekmesindeki temel ayarları tamamladıktan sonra, çubuğu düzenlemek için Stil sekmesine geçebilirsiniz. Daha fazla sap eklemek için yukarıdaki adımları tekrarlayabilirsiniz. Zamanınızı korumak için, bıçakları (ayarladığınız) çoğaltın ve içeriği değiştirirsiniz. Özel şablondaki tüm öğeleri ayarlamayı bitirdikten sonra, Ayarlar panelinin alt tarafındaki yayın düğmesini tıklayın. Görünen diyaloga ekle koşulunu tıklayarak ekran koşullarını ekleyin. Özel bir şablon ayarlamak istediğiniz bir yer ayarlayın. Örneğin, örneğimize göre inceleme kategorisi altındaki bir yayına özel bir şablon ayarlayabilirsiniz. Kaydet ve Kapat’ı tıklayarak bitir. Adım 3: Her şey hazır olduktan sonra yeni bir blog yazısı oluşturun, artık yeni bir blog yazısı oluşturabilirsiniz. Yukarıdaki ilk adımda oluşturduğunuz özel alana değerler eklediğinizden emin olun. Verilen değer, kök dolguyu düzenlemek için kullanılacaktır. Son olarak, kategoriyi belirtilen özel şablon kategorisine (Adım 2) göre ayarladığınızdan emin olun. Elementor Pro -Theme özelliğinin alt çizgisi, özelliklerine göre site içeriğiniz için özel bir şablon oluşturmanıza olanak tanır. ACF, Jetengine ve Pods gibi özel alan eklentileri ile entegrasyon desteği sayesinde, özel şablonlarınıza dinamik öğeler de ekleyebilirsiniz. Bunlardan biri, yukarıda tartıştığımız dinamik ilerleme çubuğu. Temel olarak, değeri dinamik olarak ayarlamak için seçenekler sunan herhangi bir Elementor Widget’tan dinamik öğeler ekleyebilirsiniz. Başka bir örnek, dinamik bir yıldız sıralaması yapmak için de kullanabileceğiniz bir yıldız sıralama widget’ıdır. Bu iki özellik (tema yapıcılar ve özel saha desteği) ile, çok fazla eklenti yüklemeden WordPress sitenizde daha fazla şey elde edebilirsiniz.
