Elementor Dinamik İçeriği. Nedir ve Nasıl Eklenir?

Dinamik içerik, Elementor Pro tarafından sunulan özelliklerden biridir. Elementor Pro tarafından sunulan tema oluşturucu özelliğini kullanarak kendi WordPress temanızı oluşturmak istiyorsanız bu önemli bir özelliktir. Bu özellik, tema şablonlarınıza dinamik içerik eklemenize olanak tanır. Beklemek. Dinamik içerik aslında nedir? Daha fazlasını öğrenmek için okumaya devam edin.

Basitçe söylemek gerekirse, dinamik içerik, web sitenizdeki verilere göre değişen içerik türüdür. Bir örnek verelim: sitenizin başlığı. Elementor kullanarak bir sayfa tasarlarken, diyelim ki ana sayfa, site başlığınızı eklemek istiyorsanız kesinlikle sitenizin başlığını manuel olarak yazabilirsiniz. Ama şunu bir düşün. Gelecekte site başlığınızı değiştirirseniz ne olur? Doğru! Ana sayfanızdaki site başlığını manuel olarak değiştirmeniz gerekir. Ana sayfaya yalnızca site başlığını eklediyseniz, bu ciddi bir sorun olmayabilir. Site başlığını diğer sayfalara da eklediyseniz ne olur? Bu senin için sefalet olacak. Dinamik içerik bu şekilde devreye giriyor.

Elementor, site başlığınızı eklediğiniz alana otomatik olarak çekecek olan Site Başlığı adlı bir widget sunar. Bu durumda site başlığı dinamik içeriğe bir örnektir. Dinamik içeriğin diğer örnekleri site logosu, gönderi başlığı, gönderi metası, öne çıkan görsel, gönderi içeriği vb. Elementor, tüm bu dinamik içerik türlerini tasarımınıza eklemenize olanak tanır. Bir sayfa veya şablon olsun.

Dinamik içerik neden bu kadar önemli?

Elementor'un tema oluşturucu özelliği, WooCommerce kullanıyorsanız tek ürün sayfası da dahil olmak üzere tüm tema bölümleri için özel şablonlar oluşturmanıza olanak tanır. Şimdi, WooCommerce destekli mağazanızda tek ürün sayfasını tasarlamak istediğinizi varsayalım. Dinamik içerik olmadan, sahip olduğunuz her bir ürünün düzenini manuel olarak oluşturmanız gerekir, bu da çok çok uzun sürer.

Dinamik içerik ile, temanızın varsayılan tek ürün sayfası şablonunun yerine, kendiniz tasarlayabileceğiniz özel bir tek ürün sayfası şablonu oluşturabilirsiniz. WordPress daha sonra WooCommerce destekli mağazanızdaki her bir ürünü özel şablonunuzdaki düzene göre görüntüler. Özel bir tek ürün sayfası şablonu oluştururken aşağıdaki öğeleri/widget'ları ekleyebilirsiniz:

• Galeta unu
• Ürün başlığı
• Ürün resimleri
• Ürün fiyatı
• Ürün değerlendirmesi
• Ürün stoğu
• Ürün metası
• Ürün Açıklaması
• Ve bunun gibi

Başka bir örnek. Web siteniz için özel bir başlık şablonu oluşturmak istediğinizi varsayalım. Doğal olarak sitenizin logosunu eklemek istersiniz. Böyle bir durumda iki seçeneğiniz var. İlk olarak, site logonuzu yükleyebilirsiniz (bunu yapmak için Resim widget'ını kullanabilirsiniz). İkinci olarak, Site Logosu widget'ını kullanabilirsiniz. İlk seçenek, site logonuzu her değiştirdiğinizde başlığı düzenlemenizi gerektirir. Site Logosu widget'ı ayarladığınız site logosunu tema özelleştiriciden ( Görünüm -> Özelleştir ) otomatik olarak çekeceğinden, ikinci seçenek logonuzu değiştirirseniz başlığı düzenlemenizi gerektirmez. Tamamen aynı formatla.

Elementor'a ekleyebileceğiniz dinamik içerik türleri

Genel olarak Elementor'a ekleyebileceğiniz üç tür dinamik içerik vardır: resim, metin ve bağlantı. Dinamik resim, blog gönderilerinin, site logosunun, yazar profil resminin, WooCommerce ürün resimlerinin vb. öne çıkan resmi olabilir. Dinamik metin için site başlığı, yazı başlığı, yazı metası, ürün başlığı, ürün fiyatı vb. olabilir.

WordPress'in yukarıda bahsedildiği gibi varsayılan dinamik içerik türlerine ek olarak, ACF ve Pods gibi eklentilerle oluşturduğunuz özel alanlardan da dinamik içerik ekleyebilirsiniz. Elementor, aşağıdaki özel alan eklentilerini destekler:

• Gelişmiş Özel Alanlar (ACF)
• bölmeler
• Jet motoru
• Araç seti
• meta kutusu

Elementor'da özel alanların nasıl ekleneceği hakkında daha fazla bilgi edinmek için bu makaleyi okuyabilirsiniz.

Elementor'da dinamik içerik nasıl eklenir

resim

Eklemek istediğiniz dinamik görüntü türüne bağlı olarak. Tasarımınıza dinamik bir görüntü eklemek için mevcut widget'ları kullanabilirsiniz. Dinamik bir görüntü eklemek için kullanabileceğiniz widget'lar şunlardır:

• Site Logosu: Site logosu eklemek için
• Öne Çıkan Görsel: Blog gönderilerinin öne çıkan görselini eklemek için
• Resim: WordPress tarafından desteklenen tüm dinamik resim türlerini eklemek için bu widget'ı kullanabilirsiniz. Site logosundan, yazar profil resminden, özellik gönderisinden, WooCommerce ürününden vb.

site logosu

Site logosu eklemek için, Site Logosu widget'ını sol panelden tuval alanına sürükleyebilirsiniz. Widget, site logonuzu otomatik olarak yükleyecektir.

Özellikli resim

İdeal olarak, öne çıkan görsel tek bir gönderi şablonuna eklenir, ancak blog gönderilerinin öne çıkan görselinden dinamik bir görsel eklemek istemeniz durumunda istediğiniz yere ekleyebilirsiniz. Site logosuyla aynı şekilde, Öne Çıkan Görsel widget'ını eklemek için tuval alanına sürükleyebilirsiniz. Çoğu durumda, Elementor tuvalinde gerçek öne çıkan görüntü yerine boş bir görüntü görebilirsiniz (gerçek öne çıkan görüntü canlı sayfada görünecektir).

Öne çıkan görselin stilini sizin için kolaylaştırmak için, bir yedek görsel ekleyebilirsiniz (öne çıkan görsel ayarlanmamışsa, öne çıkan görselin yerini alacak varsayılan görsel). Bunu yapmak için sol paneldeki Öne Çıkan Görsel alanında bulunan İngiliz anahtarı simgesine tıklayabilirsiniz.

Yazar profil resmi, kullanıcı profil resmi

Yazar profil resmi, kullanıcı profil resmi ve diğer dinamik resim türlerini eklemek için Resim widget'ını kullanabilirsiniz. Bu nedenle, Resim widget'ını tuval alanına sürükleyin. Eklendikten sonra, farenizi görüntü seçicinin üzerine getirin ve veritabanı simgesine ( Dinamik Etiketler ) tıklayın. Eklemek istediğiniz dinamik görüntünün türünü seçebilirsiniz.

İsterseniz dinamik görüntüyü sütun arka planı veya bölüm arka planı olarak da kullanabilirsiniz. Bunu yapmak için arka plan türünü Klasik olarak ayarlayabilir ve ardından veritabanı simgesine tıklayarak kullanmak istediğiniz dinamik görüntü türünü seçebilirsiniz.

Metin

Elementor, özellikle metin tabanlı dinamik içerik eklemeye ayrılmış bazı widget'larla birlikte gelir. Metin tabanlı dinamik içerik eklemek için kullanabileceğiniz bazı widget'lar şunlardır:

• Site Başlığı: Site logosu eklemek için
• Sayfa Başlığı: Sayfa başlığı eklemek için
• Gönderi Başlığı: Gönderi başlığı eklemek için
• Alıntı Yazısı: Yazıdan alıntı eklemek için
• Gönderi Bilgisi: Gönderi bilgisi eklemek için

Yukarıdaki widget'ları kullanarak belirli bir metin tabanlı dinamik içerik eklemek için, bunu tuval alanına sürükleyebilirsiniz.

Alternatif olarak, Metin pencere aracını veya Başlık pencere aracını da kullanabilirsiniz. Metin/Başlık widget'ını tuval alanına sürüklemeniz yeterlidir. Sol paneldeki içerik düzenleyici alanında, veritabanı simgesine ( Dynamic Tags ) tıklayabilir ve ardından mevcut seçeneklerden eklemek istediğiniz dinamik içerik türünü seçebilirsiniz.

Bağlantı

İsterseniz Elementor tasarımınıza dinamik bağlantı da ekleyebilirsiniz. Ekleyebileceğiniz dinamik bağlantı türleri şunlardır: gönderi URL'si, arşiv URL'si, site URL'si, yazar URL'si, iletişim URL'si vb. İlginç olan şeylerden biri, Elementor ile oluşturduğunuz bir açılır pencereye de bağlanabilmenizdir.

Dinamik bir bağlantı eklemek için Düğme pencere aracını veya bağlantı ekleme seçeneği olan herhangi bir pencere aracını kullanabilirsiniz. Bağlantı Bağlantısı alanında, veritabanı simgesine tıklayın ve mevcut seçeneklerden eklemek istediğiniz dinamik bağlantı türünü seçin.

Özel Alanlar

Bu yazıda WordPress özel alanları hakkında çok konuştuk. Daha fazlasını öğrenmek için okuyabilirsiniz. Müşteriler için web siteleri geliştiren bir web ajansı için çalışıyorsanız, özel alanların nasıl çalıştığını anlamak çok önemlidir. Web sitelerinin ihtiyaçlarına göre özel alanlar oluşturarak, üzerinde çalıştığınız web sitelerine belirli özellikler veya işlevler ekleyebileceksiniz. Gerekli özellikleri veya işlevleri eklemek için çok fazla eklenti satın almanız gerekmediğinden, üretim maliyetinden tasarruf sağlayabilir.

Örneğin, aşağıdakiler için özel alanlar ve özel gönderi türleri oluşturabilirsiniz:

• Emlak listeleri
• İş listeleri
• Olaylar

Yukarıda daha önce belirtildiği gibi Elementor, JetEngine, ACF, Pods gibi popüler özel alan eklentilerini Toolset'e destekler. Elementor'da özel alanların nasıl ekleneceğini öğrenmek için buradaki makalemizi okuyabilirsiniz.

Alt çizgi

Bildiğiniz gibi, Elementor, temanızın varsayılan şablonlarını değiştirmek üzere özel şablonlar oluşturmak için kullanabileceğiniz bir tema oluşturucu özelliği ile birlikte gelir. Bu özelliği kullanmak için, açık bir CMS olarak WordPress gücünü açığa çıkarmak için çok önemli olan dinamik içerik kavramını anlamanız gerekir. Dinamik içerik kavramını – özellikle özel alanlar – bir web ajansı için çalışıyorsanız, üretim maliyetini azaltacağı için daha da önemlidir. WordPress tarafından sunulan varsayılan dinamik içerik türleri sınırlı olmakla birlikte, ihtiyacınıza göre yenilerini oluşturabilirsiniz. Elementor ve özel alan eklentisinin kombinasyonu, herhangi bir web sitesini daha düşük bir maliyetle oluşturmak için harika bir mühimmat olabilir.