Divi Eklentisi Vurgusu: Divi Yükleme Simgeleri

Divi Upload Icons, Divi Builder'a daha fazla simge eklemeyi kolaylaştıran Divi için üçüncü taraf bir eklentidir. Yalnızca Font Awesome ve Material Icons'u entegre eden diğer simge eklentilerinin aksine, bu eklenti, istediğiniz herhangi bir simge kümesini eklemenize olanak tanır. Sadece uyumlu bir dosya türü olmalı ve en popüler beş dosya türünü kullanıyor.

Eklenti, WordPress kurulumunuza simge dosyalarınızı sürükleyip bırakacağınız bir yükleyici ekler. Simgeler daha sonra simgeleri görüntüleyen herhangi bir Divi modülüne eklenir. Standart Divi simgeleri gibi, yüklediğiniz herhangi bir simge seti de Divi Builder ile şekillendirilebilir. Bu Divi eklentisi vurgusunda, Divi Yükleme Simgelerine bir göz atacağız ve kullanımının ne kadar kolay olduğunu göreceğiz.

Divi Yükleme Simgelerini Yükleme ve Etkinleştirme

Eklentiyi normal şekilde yükleyin ve etkinleştirin ve ardından etkinleştirme anahtarınızı girmek için pano menüsünde Ayarlar > Divi Yükleme Simgeleri'ne gidin.

Divi Yükleme Simgeleri ile Simge Yükleme

Ayrıca ayarlar ekranında yükleme özelliği vardır. Burada, simgelerinizi yükleyeceksiniz. Simgeler .eot, .svg, .ttf, .woff, .woff2 ve .css biçimlerinde olmalıdır. Simgeleri dilediğiniz kaynaktan indirebilir ve bu formatlarda oldukları ve CSS dosyasını içerdiği sürece Divi Yükleme Simgeleri ile birlikte kullanabilirsiniz. Simgeleri yüklemek için yükleme penceresine sürükleyip bırakın. Talimatlar yükleme alanında sağlanır ve nasıl kullanılacağını gösteren kısa bir video vardır.

Simgeler bazen birden çok biçim içerir. Simgelerle birlikte CSS dosyalarını da yüklemeniz ve simgelerin desteklenen bir dosya olması gerekir. Bu örnekte, birkaç set yüklüyorum. Birkaç dosya türü ve CSS dosyası içerirler. Yukarıdaki resimde turuncu simgeleri olanlarda eksik dosyalar var.

Bu örnekteki dosyalar doğrudur. Desteklenen dosya türlerini CSS dosyalarıyla yükledim. Artık 2500'den fazla yeni simgem var. Bunları iconfont, Dripicons, Foundation Icon Fonts ve Map Icons'tan indirdim. Geliştirici, test edilmiş ve Divi Yükleme Simgeleri ile kullanabileceğiniz simgelerin bir listesini tutar. Tabii ki, kullanabileceğiniz daha birçok simge var.

Karşılaştırma için, yeni simgeleri yüklemeden önceki Divi tanıtım modülünü burada bulabilirsiniz. Divi, 360 simge içerir. Penceredeki çubuğun uzunluğuna bakarak kaç tane olduğu hakkında bir fikir edinebilirsiniz.

Bu resim, yüklediğim 2500 simgenin tümünü içeriyor. Artık seçebileceğim çok daha fazla simge var ve pencere çubuğu çok daha küçük. Simgeleri Visual Builder'da görebilirsiniz, ancak yeni filtre ve arama araçlarını içermez.

Divi Yükleme Simgeleri Filtreleme ve Arama

Klasik oluşturucuyu kullanıyorsanız yeni bir filtre aracı eklenir. Filtreyi açabilir veya kapatabilirsiniz. Bu örnekte kapalıdır.

Yüklediğiniz simge ailelerini ve bir arama özelliğini görmek için Simgeleri Filtrele'ye tıklayın. Sadece o aileyi görmek için herhangi bir simge ailesini tıklayın. Ayrıca tüm aileleri görüntüleyebilir veya filtre ve arama seçeneğini kapatabilirsiniz. Filtre hızlı çalışıyor. Bir simge ailesine tıklamak veya simgeleri aramak, 2500 simgemle bile simgeleri neredeyse anında gösterir. Bunun kısmen yüklediğiniz simgelere bağlı olduğundan eminim, bu nedenle deneyiminiz farklı olabilir.

Bu örnekte, yüklediğim Harita Simgelerini seçtim. Bu ikon ailesinde yaklaşık 200 ikon var.

İşte Vakıf Simgeleri . Ayrıca 200'e yakın simgeye sahiptir.

İşte Icofontlar . Bu simge ailesi 2000'den fazla simge ekler.

Anahtar kelimeye veya simge aile adına göre arama yapabilirsiniz. Sonuçlar, yüklediğiniz tüm simge ailelerinden ve Divi'de zaten mevcut olan simgeleri içerir.

Sonuçları simge ailesine göre görmek için aramadan sonra filtrenin çalışması ilginç olurdu. Her bir simgenin üzerine geldiğinizde size simge ailesiyle birlikte adı gösterir. Yukarıdaki resimde, sağdan ikinci simgenin üzerine geliyorum. Bu yeterince faydalıdır, bu nedenle arama filtresi gerçekten yüksek bir öncelik değildir.

Divi Yükleme Simgeleri Örnekleri

Elbette simgeleri kullanmanın avantajlarından biri de Divi Builder'ı kullanarak boyutları, renkleri ayarlama, daire, kenarlık vb. ekleme yeteneğidir. Eklenti ve simgeler Visual Builder ile çalışır, ancak canlı görünümde simgeleri göstermez. Bu örnek, modülün simge seçimindeki simgeleri gösterir, ancak canlı önizleme çalışmıyor.

Simgeler, yayınlanan sayfada veya gönderide gayet iyi görünüyor. Boyutu ve renkleri özelleştirmek için Visual Builder'ı kullanmaya devam edebilirsiniz, ancak bunları canlı önizlemede görmezsiniz. Renkleri ve boyutları özelleştirirken Görsel Oluşturucu'yu tercih ederim, ancak örneklerin geri kalanı için Klasik Oluşturucu'yu kullanacağım. Bu, Mortgage yerleşim paketindeki açılış sayfasıdır.

Simgeler harika görünüyor ve tıpkı standart Divi simgeleri gibi özelleştirilebilir. Tüm bu simgeleri arama özelliğini kullanarak buldum. Bu, varsayılan ayarlardır.

Renkleri mizanpaja uyacak şekilde değiştirdim, tıpkı mizanpajın kullandığı orijinal resimler gibi.

Bunun için simgenin yazı tipi boyutunu kullanmayı seçtim ve 32 piksele ayarladım. Orijinal tasarıma daha çok benzemeye başladı, ancak benim ikonlarımla.

Bunda, her simgeye bir daire ekledim. Dairelerin ve simgelerin renklerini değiştirdim ve soldan ikinci ve dördüncüye bir kenarlık ekledim. Sadece nasıl göründüklerini göstermek için farklı renkler seçtim.

Simgelerin metnin soluna nasıl yerleştirildiği aşağıda açıklanmıştır.

Bunda Golf Sahası düzenindeki resimleri simgelerle değiştirdim. Düzendeki renkleri kullandım ve bunları 48 piksel olarak boyutlandırdım.

Bu örnekte, simgeler için yazı tipi boyutu ayarını devre dışı bıraktım. Bu, 96 pikselde varsayılan boyuttur. Düzenin tasarımıyla iyi uyum sağlarlar.

Daire simgesi ayarlarını kullanırken de harika görünüyorlar. Simge rengini beyaz olarak değiştirdim ve düzendeki ten rengi dairenin rengi olarak kullandım. Simgeler hala 48 pikselde.

Bunun için mizanpajdan yeşilin tonlarından birini kullandım. Divi Builder'ın özelleştirmelerinde birçok olasılık var.

Divi Yükleme Simgeleri Fiyatı

Divi Yükleme Simgeleri 24,97 ABD dolarıdır. Sınırsız kullanım ve güncellemelere sahiptir. Divi Yükleme Simgelerini pazardan satın alabilirsiniz.

Biten Düşünceler

Divi Yükleme Simgeleri, herhangi bir yazı tipi kitaplığından tam olarak istediğiniz simgeleri yüklemenizi kolaylaştırır. Eklentinin arkasındaki fikir, ihtiyacınız olmayan binlerce simgeyi yüklemek yerine, Divi web sitenizde kullanmak istediğiniz simgeleri ve simge ailelerini tam olarak yükleyebilirsiniz.

Simgeleri Divi Builder'a yüklediğiniz için sunucunuzda saklanırlar. 2500'den fazla simge yükledim ve Divi Builder veya web sitemde hız sorunu yaşamadım.

Yazı tipi dosyası ve CSS dosyası ile yazı tipleri gerektirdiğini unutmayın. Yazı tiplerini yanlış yüklemek kolaydır (tahmin edin nasıl biliyorum). Yönergeleri tam olarak uyguladığınızdan emin olun, aksi takdirde yazı tipleri boş kareler olacaktır. Ayrıca, Font Awesome 5 ile çalışmıyor, ancak 4.7 ile harika çalışıyor.

Divi Yükleme Simgelerini kullanmayı sevdim. Visual Builder ile kullanmak istiyorum, ancak klasik oluşturucu ile harika çalışıyor. Doğru dosyalara sahip olduğumdan emin olmak için fazladan bir çaba harcadım, ancak internette kaç tane simge ailesi olduğunu düşünürsek, doğru dosyalara sahip simgeleri bulmak için zaman ayırmaya değer. Simgeleri bulmak zor değildir ve geliştirici, zaten test ettiği simgeye birçok bağlantı sağlar.

Divi Builder'a kendi simgelerinizi eklemekle ilgileniyorsanız, Divi Yükleme Simgeleri bir göz atmaya değer.

Senden duymak istiyoruz. Divi Yükleme Simgelerini denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

hanss / Shutterstock.com üzerinden Öne Çıkan Görsel