Divi Eklentisi Vurgusu: Araç Seti Divi Entegrasyonu

Araç Seti, web sitenizin herhangi bir yerinde kullanılabilecek özel gönderi türleri, alanlar, sınıflandırmalar ve gönderi ilişkileri ekleyen bir WordPress eklentisidir. Bu öğeler genellikle içeriğinize kısa kodlar veya Gutenberg blokları ile yerleştirilir, ancak Araç Seti artık bir Araç Seti Görünümleri modülü ile Divi ile yerel olarak entegre edilmiştir. Bu yazıda, Toolset'in Divi ile nasıl entegre olduğunu inceleyeceğiz ve neler yapabileceğini göreceğiz.

Araç Seti Görünümleri

Araç Takımı, Divi'nin Araç Takımı Görünümlerini kolayca görüntülemesine izin vererek Divi ile bütünleşir. Araç Seti Görünümleri, Gutenberg düzenleyicisinde bir sayfa, gönderi veya şablon içinde bir blok ile oluşturulur. Blok listesini açın, Araç Takımı'na gidin ve blok listesinden bir Görünüm Bloğu ekleyin.

Ardından yeni bir Görünüm oluşturmayı veya mevcut bir Görünümü kullanmayı seçebilirsiniz.

Yeni bir Görünüm oluşturmak, Görünüm öğelerini ve döngü stilini (düzen olan veya sonuçların nasıl görüntüleneceğini) seçmenize olanak tanır. Görünümler, sayfalandırma ile, ön uç sıralama ile, kaydırıcı olarak, özel bir arama kullanarak, vb. tüm sonuçları görüntüleyebilir. Bu seçimleri burada yapabilir veya daha sonra değiştirebilirsiniz.

Görünümde görüntülenecek içeriği seçin.

Bu, gönderi türlerini görüntülemek için kullanabileceğiniz döngü oluşturmanıza olanak tanır. Belgeler, bu konuda ayrıntılı olarak size yol gösterir. Görünümler; gönderiler, sınıflandırmalar ve kullanıcılar gibi içerikleri, her biri gönderi türü alt kümeleriyle görüntüleyebilir. Bu, Araç Seti ile oluşturulan özel gönderi türlerini içerir.

bu noktaya kadar düzenle
__

Görünümler, Araç Takımı blokları kullanılarak oluşturulur ve düzenlenir.

Araç Seti Divi Modülü

Araç Seti, Divi Builder'a Araç Seti Görünümü adlı bir modül ekler. Bu modül, seçtiğiniz herhangi bir Araç Takımı Görünümünü görüntüler ve standart Divi modülü ayarlarıyla özelleştirilebilir.

İçerik Sekmesi

İçerik sekmesi, görüntülemek istediğiniz Araç Seti Görünümünü seçebileceğiniz bir açılır kutu içerir. Ayrıca bir bağlantı, arka plan ayarları ve yönetici etiketi içerir. Ana sayfa için 3 Eğitmen adlı bir Görünüm seçtim.

Görünümün tasarımı, Araç Seti yazı tipi düzenleyici ayarlarında oluşturulmuştur. Öne çıkması için modülün Arka Plan ayarlarını kullanarak arka plana renk ekledim. Görünüm, oluştururken atadığınız özellikleri kullanarak Divi Visual Builder'da canlı olarak görüntülenir. Bu, Divi ayarlarıyla nasıl stil verileceğini ve mizanpajınızda nasıl görüneceğini görmeyi kolaylaştırır.

İşte başka bir Araç Seti Görünümü. Arka plan ayarlarını değiştirmedim, bu nedenle yeni Görünüm zaten kurduğum arka plan üzerinde görüntüleniyor.

Tasarım Sekmesi

Tasarım sekmesi metin, modül metni, boyutlandırma, boşluk, kenarlık, kutu gölgesi, filtreler, dönüştürme ve animasyon için ayarları içerir. Modülü herhangi bir Divi tasarımına uyacak şekilde biçimlendirmek için yeterli ayar vardır. Bu modüle özgü olanlara bakalım.

Metin

Metin seçenekleri, etiketler ve açıklamalar için hizalamayı ve gölgeyi ayarlar. Metin Gölgesi, uzunluk, bulanıklık gücü ve renk gibi standart ayarları içerir. Bu örnekte hizalamayı sağa ayarladım ve bir metin gölge rengi ekledim.

Modül Metni

Modül Metni ayarları yazı tipi, ağırlık, stil, hizalama, renk, boyut, boşluk, yükseklik ve metin gölgesi ayarlarını içerir. Metin rengi etiketleri etkiler. Ayarların geri kalanı etiketleri, etiketleri, açıklamayı, düğme metnini ve yıldız derecelendirmesini etkiler.

Bu örnekte, yazı tipini yarı kalın yaptım, yazı tipi stilini tamamı büyük harf olarak ayarladım, metin rengini kırmızı olarak ayarladım, yazı tipi boyutunu 16 piksele yükselttim ve satır yüksekliğini 1,7em'e düşürdüm. Kenarlığı, kutu gölgesini, boyutlandırmayı, aralığı, filtreleri vb. ayarlamadım, ancak bu ayarlar da mevcut.

Divi Örnekleriyle Araç Seti

Aşağıda, Divi düzenleri içinde Araç Takımı Görünümleri modülünü kullanmanın birkaç örneği verilmiştir. Modülü bazı düzenlere ekleyeceğim. Diğerleri için, mevcut modülleri tek bir Araç Seti Görünümleri modülü ile değiştireceğim.

Bir Açılış Sayfasına Araç Seti Görünümleri Modülü Ekleme

Yoga Stüdyosu Açılış Sayfası düzenine yerleştirilmiş Eğitmen Görünümüne bir göz atın. Eğitmenleri tanıtmak için bir bölümün içine yerleştirilmiştir ve metin modüllerini, Araç Takımı Görünümü modülünü, kişi modüllerini ve bir düğmeyi içerir. Bu tel kafes görünümüdür.

İşte ön uçtan görünüme bir bakış. Sonuç, eğitmenler için temiz bir bölümdür. Araç Takımı Görünümü modülü, yerleşime uyacak şekilde tasarlanmıştır. Görünüm, arama ve sıralama özelliklerini içerir.

Tasarımla ne kadar iyi çalıştığını görebilmeniz için düzeni daha fazla göstermek için uzaklaştırılmış bir ekran görüntüsü burada.

Birden Çok Modülü Tek Araç Seti Görünüm Modülüyle Değiştirme

Bu örnek, Yoga Stüdyosu Takım sayfasını kullanır. Orijinal sayfa, kişi modüllerini kullanan ekip üyelerini görüntüledi. Bunun için kişi modüllerini tek bir Araç Seti Görünümleri modülü ile değiştireceğim. Karşılaştırma için, bu örnek orijinal yerleşim için tel kafes görünümünü gösterir.

Orijinal düzenin ön uçta nasıl göründüğü aşağıda açıklanmıştır. Üstbilgiyi, ortakları ve altbilgiyi olduğu gibi bırakacağım, ancak Divi tasarımlarıyla ne kadar iyi bütünleştiğini görebilmeniz için bunları resimlere ekleyeceğim.

6 kişilik modülleri tek bir Araç Seti Görünümleri modülü ile değiştirdim.

Sayfa artık daha fazla kişi gösteriyor (Araç Takımı düzenleyicisinde kendisine atanan numarayı gösteriyor) ve ikinci bir sayfa görmek için sayfalandırma içeriyor. Tabii ki, farklı bir Araç Seti Görünümü seçme yeteneği, bunların nasıl görüntülendiği konusunda daha fazla seçeneğe sahip olduğumuz anlamına gelir. Birkaç örneğe daha bakalım.

Bu Görünüm, kişinin fotoğrafını ve adını gösterir.

Bu Görünüm görüntüleri kaldırır ve adı, başlığı ve açıklamayı gösterir. Her biri arka planda öne çıkmak için bir kutu gölgesi içerir. Ayrıca bir arama kutusu içerir.

Arşivler Sayfası

Yoga Studio sayfa öğelerini kullanan makalelerin listesini göstermek için bir sayfa oluşturdum. Bu düzen, aynı Araç Takımı Görünümleri modülünü kullanıyor, ancak farklı bir Görünüm seçtim.

Nereden Satın Alınır

Araç Seti Görünümleri Divi Modülü, Araç Seti Blokları eklentisine dahildir. Bu eklenti, Araç Seti'ne dahil olan ve Gutenberg düzenleyicisine çok sayıda blok ve Divi Builder'a Araç Seti Görünümü adlı bir modül ekleyen bir uzantıdır. Araç Seti satın aldığınızda, Araç Seti Blokları eklentisine ücretsiz erişiminiz olur.

Araç seti, üç yıllık abonelik seçeneğiyle sunulur. Her biri 1 yıllık güncelleme ve destek içerir.

• $69 – 1 site
• 149 – 3 site
• 299$ – sınırsız site

Biten Düşünceler

Bu, Toolset Divi entegrasyonuna bakışımız. Bu ilginç bir entegrasyon. Araç Seti, WordPress için güçlü bir araçtır, bu nedenle onu Divi ile entegre etmek akıllıca bir hareketti. Araç Seti Görünümleri hala Araç Seti düzenleyicilerinde oluşturulur, ancak artık bunları Divi içeriğinizde kısa kod kullanmak zorunda kalmadan görüntüleyebilirsiniz. Bu, Divi'nin stil seçeneklerine erişmenizi sağlar.

Bazı özellikler ve stil, Araç Seti'ndeki ayarlarla Görünüm'e sağlanır, ancak Divi modülü, Görünümleri sayfanızın tasarımlarına uyacak şekilde özelleştirmek için yeterli ayara sahiptir. Modülde değişiklik yapmadan modülü özelleştirebilmenizi ve farklı bir Görünüm seçebilmenizi seviyorum.

Araç seti ve Divi birlikte iyi çalışır. Araç Setinin bir öğrenme eğrisi vardır, ancak bunu Araç Seti Görünümleri ile oluşturabilirseniz Divi düzenlerinizde görüntüleyebilirsiniz.

Senden duymak istiyoruz. Toolset'in Divi entegrasyonunu denediniz mi? Yorumlarda deneyiminizi bize bildirin.

Görsel Üretim / Shutterstock.com aracılığıyla Öne Çıkan Görsel