Divi Eklentisi Vurgusu: Divi Icons Pro

Divi Icons Pro, Divi Builder'a 2500'den fazla simge ve ilgili birkaç özellik ekleyen üçüncü taraf bir eklentidir. Birkaç satın alma seçeneğiyle birlikte gelir ve hatta üç yüzün üzerinde özel simge içeren ücretsiz bir seçenek içerir. Bu Divi eklenti vurgusunda, eklentinin pro sürümüne bir göz atacağım ve neler yapabileceğini göreceğim.

Divi Icons Pro Hakkında

Divi Icons Pro, Divi'ye aşağıdakiler dahil birçok yeni simge özelliği ekler:

• 2500'den fazla yeni simge
• 360 özel çizgi stili simgeleri
• 74 kategoride ve her biri 4 stilde 1295 Font Awesome ikonu
• 16 kategoride ve her biri 5 stilde 900 Materyal Tasarımı simgesi
• Divi Builder entegrasyonu
• Divi modüllerinde simge arama özelliği
• Aileye göre seçmek veya simgenin adını yazmak için Divi modüllerindeki simge filtresi

Simgeler Divi oluşturucuya entegre olur ve Divi'nin yerel simgeleriyle aynı şekilde çalışır, böylece simgeleri kullanan herhangi bir Divi modülüyle stil oluşturabilirsiniz. Divi oluşturucudaki herhangi bir simge gibi, rengi ve boyutu özelleştirebilir, modül kontrolleriyle nerede görüntüleneceğini ayarlayabilir ve bir daire veya kenarlık ekleyebilirsiniz.

Divi Simgeleri Pro Kurulumu

İndirilen dosyayı açın. İçeride, eklentiyi ve talimatları bulacaksınız. Eklentiyi normal şekilde yükleyin ve etkinleştirin.

Pano menüsünde Ayarlar > Divi Icons PRO Aktivasyonu'na giderek API Anahtarını etkinleştirin . Artık eklentinin pro sürümünü kullanabilirsiniz. Simgeler, Divi Builder'a otomatik olarak entegre edilmiştir, bu nedenle tema seçeneklerindeki varsayılan ayarları özelleştirmek istemediğiniz sürece yapmanız gereken başka bir şey yoktur.

Divi Simgeleri Pro Divi Tema Seçenekleri

Simgeler varsayılan olarak etkindir, ancak istediğiniz simge ailelerini etkinleştirebilir veya devre dışı bırakabilir ve bunların web sitesine nasıl yükleneceğini seçebilirsiniz. Divi Tema Seçeneklerine yeni bir Divi Icons Pro sekmesi eklendi. Burada kullanmak istediğiniz simge ailelerini seçebilirsiniz. Ayrıca Font Awesome ve Google Material Icon Fonts'u CDN'den yüklemeyi de seçebilirsiniz.

Divi Simgeleri Profesyonel Simgeler

Simgeler, filtreler ve arama özelliği, simgeleri kullanan Divi modüllerine otomatik olarak eklenir. Bu, Çizgi Stili Simgeleri, Harika Yazı Tipi ve Malzeme Tasarımı Simgelerinden bir simge gösteren üç tanıtım modülüdür.

Divi Simgeleri Pro Arama

Arama özelliği, simgelerinizi bulmak için sezgisel sözcükler kullanmanıza olanak tanır. Simgenin adını bilmeniz gerekmez. Aramak istediğiniz anahtar kelimeyi girin ve simgeler, simge seçim alanında görünür. Dilerseniz filtreden markayı seçerek aramanızı markaya göre daraltabilirsiniz. Bazı simgeler arama sonuçlarında görünmedi, bu nedenle arama mükemmel değil, ancak yeterince iyi çalıştı. Font Awesome ve Material Icons'daki bazı simgeler iyi adlandırılmamış olabilir.

Divi Simgeleri Pro Filtresi

Simgeleri filtreleyebilir veya hepsini görebilirsiniz. Filtre, o belirli marka veya aileden simgeleri gösterir. Belirli markaları görmek için, görmek istediğiniz markanın etiketinin bulunduğu butona tıklamanız yeterlidir. Diğer tüm simgeleri filtreleyecektir. Bu örnek, Zarif Temalar Simgelerinin küçük bir örneğini göstermektedir.

İşte Çizgi Stili Simgelerinin bir örneği. Diğer simgelerden daha incedirler, bu nedenle kendi başlarına daha iyi çalışma eğilimindedirler. Onları diğerleriyle denedim ve bazı durumlarda birlikte çalışıyorlar. Sizin için neyin işe yaradığını görmeye değer. Simgeler iyi tasarlanmış ve markalar arasında favorilerimden bazıları.

İşte Font Awesome simgelerinden küçük bir örnek.

İşte Materyal Tasarım Simgelerinin küçük bir örneği.

Divi Simgeleri Pro Örnekleri

Bu örnek için, Resort düzenindeki resimleri Çizgi Stili Simgeleri ile değiştirdim. Onları maviye ayarladım ve boyutu 48 piksel olarak değiştirdim. Simgeler düzende harika görünüyor.

Bunda, simge konumunu yukarıdan sola değiştirdim. Ayrıca boyutu 30 piksel olarak değiştirdim ve her bir tanıtıcı metni ortalamak için 50 piksel dolgu ekledim.

Bu örnekte, altbilgideki sosyal medya modülünü tanıtım yazılarıyla değiştirdim, böylece kendi simgelerimi seçip onları şekillendirebildim. Bunların hepsi Font Awesome'den. Renkleri ağın markasına uyacak şekilde ayarladım, boyutu 52 piksel olarak değiştirdim ve ortalamak için sağ tarafa 30 piksel dolgu ekledim.

Bu sefer simgeyi beyaza çevirdim ve arka planı markalı renk yaptım. Simgeleri ortalamak için bir kutu gölgesi ekledim ve biraz dolgu ekledim. Ayrıca, sosyal simgelerin genişliğiyle eşleşmesi için turuncu düğmeyi genişletmek için dolgu ekledim. Simgeler, düzenin tasarımıyla iyi uyum sağlar.

Bu, Ev Geliştirme düzenini kullanır. Görüntüleri, farklı yazı tipi ailelerini kullanan tanıtım yazıları ve bir simge kombinasyonu ile değiştirdim. Tanıtım yazısının solunda görüntülenecek şekilde ayarlanmışlar. Simgeler 50 pikseldir. Bu örnekte Font Awesome simgelerini “boya” için arattığımı görebilirsiniz.

Bunlar zaten ikonlu tanıtım yazılarıydı, bu yüzden onları seçtim, aynı konuları aradım ve farklı ikonlar seçtim.

Bu, simgelere bir daire ekler. Daireyi mizanpajın arka planına uyacak şekilde beyaz yaptım ve dairenin rengini simgelerle eşleştirdim.

Simgeler düğmelerle çalışır, ancak Visual Builder'da görüntülenmezler. Gerçek web sitesinde gayet iyi çalışıyorlar.

İşte düzen içindeki düğmedeki simge. Sadece iyi çalışıyor.

Düğmede nasıl göründüğünü görebilmeniz için daha yakından bir görünüm.

Bu örnekte, Paralegal düzeninde görüntüleri tanıtıcı yazılarla değiştirdim. Konuyla eşleşen simgeleri aradım ve para simgesi dışında orijinal grafiklerden renkler kullandım.

Bu örnek için Kasap düzenindeki görüntüleri simgelerle değiştirdim. Başlık metnindeki kırmızıyı kullandım ve simge yazı tipi boyutunu 84 piksel olarak ayarladım.

Her bir tanıtım yazısına bir arka plan rengi ve bir kutu gölgesi ekledim. Düzen içinde harika görünüyor. Fareyle üzerine gelme etkisini göstermek için ortadaki tanıtım yazısının üzerine geliyorum. Diğerlerinin üzerinde yükselir ve simgeler dahil içerik sağa kayar.

Divi Simgeleri Pro Fiyatı

Eklentiyle kaç site kullanmak istediğinize bağlı olarak birkaç satın alma seçeneği vardır. 6 aylık destek ve ömür boyu güncellemeleri içerirler. Divi Icon Pro'yu geliştiricinin web sitesinden satın alabilirsiniz.

• Normal lisans (1 site) – 25.00 €
• Genişletilmiş lisans (sınırsız site) – 65,00 €

360 çizgi stili simgeleri içeren ücretsiz bir sürümü de var. Destek veya güncellemeleri içermez.

Divi Icon Pro Belgeleri

Belgeler indirme dosyasına dahil edilmiştir, ancak buna çevrimiçi olarak da erişebilirsiniz. Belgeler ayrıntılıdır ve eklentiyi kurarken ve simgeleri ve özellikleri kullanırken size yol gösterir. Ayrıca bir SSS ve destek almak için bağlantılar içerir. Bağlantılar, sosyal medyadaki Divi topluluklarını ve bir destek bileti oluşturmak için bir bağlantı içeren hesabınızı içerir.

Biten Düşünceler

Simge eklentileri, Divi Builder'a yeni simgeler eklemenin en kolay yoludur ve Divi Icons Pro olabildiğince kolaydır. Çok sayıda simge içerir ve modüllerde görünenler üzerinde daha fazla kontrol sahibi olmak için belirli simge markalarını etkinleştirebilir veya devre dışı bırakabilirsiniz. Filtre ve arama özelliklerini beğendim. Çalıştığım her konu için bir simge bulabildim.

Sahip olduğum tek sorun, Visual Builder'ı kullanırken simgelerin düğmelerde görünmek istememesiydi, ancak Classic Builder'da harika çalıştı ve web sitesinde gayet iyi görünüyorlar. Bazı simgeler arama sonuçlarında görünmedi, ancak bence bu daha çok simgelerin geliştiriciler tarafından nasıl adlandırıldığıyla ilgili bir sorun. Bu sorunlar önemsizdir ve beni eklentiyi kullanmaktan veya önermekten alıkoymaz.

Divi Icons Pro'nun kullanımı kolaydır ve neredeyse hiç çaba harcamadan bir sürü yeni simge ekler. Divi oluşturucuya daha fazla simge eklemekle ilgileniyorsanız, Divi Icons Pro bir göz atın.

Senden duymak istiyoruz. Divi Icon Pro'yu denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

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