Divi eklentisi spot ışığı: Olağanüstü Divi yazı tipi
Divi birçok ikonla birlikte gelir. Yaklaşık 400 simgeye sahip olmasına rağmen, bazen listede olmayan bir simge istersiniz. Birçok kullanıcı, en popüler ücretsiz ikon kaynaklarından biri olan harika yazı tipine başvurur. Müthiş yazı tipi simgesini Divi’ye getirmenin birkaç yolu var, ancak şimdiye kadar gördüğüm en kolay yöntemlerden biri Divi Font Awesome adlı üçüncü taraflı bir eklenti. Divi Font Awesome yeni modüller veya özellikler eklemez. Zaten bir simgeye sahip herhangi bir modüle harika yazı tipi simgesini ekledi. Bu makalede, bu modüllerle nasıl çalıştığını göreceğiz ve eylemin bazı örneklerini göreceğiz.
Olağanüstü bir divi yazı tipi hazırlayın
Not – Her iki biçimi de birkaç seçenekle denedim. Divi’deki sonuçlar aynı görünüyor. Kimliği yapıştırın ve kimliği hazırlarken seçtiğiniz şekilde eşleşen biçimi seçin. Kimlik yaparken JavaScript kullanıyorum, bu yüzden eşleştirilecek JavaScript’i seçiyorum. Değişiklik kaydet ve divi yazı tipi harika kullanmaya hazırsınız. Divi yazı tipini kullanma modülü yeni bir modül oluşturmaya hayran kalır, Divi Font Awesome Mevcut modülünüze harika yazı tipi simgesini ekledi. Yukarıdaki resim, divi yazı tipi müthiş olmayan standart bir düğme modülüdür. Bu yaklaşık 380 yazı tipi. Aslında fena değil. Bu, yüklü divi font awesome ile aynı düğme modülüdür. Küçük kaydırma çizgisi (teknik terim) çok daha küçüktür, daha fazla simgeye sahip olduğunu gösterir. Şimdi 600’den fazla ek simgemiz var, bu yüzden toplam 1000’e yakın. Simge, Divi simgesi listesinin altına eklenir. Bu, hangi simgelerin Divi varsayılan olduğunu ve hangisinin harika yazı tipinden geldiğini bilmenize yardımcı olur. Yeni simge orijinal simge ile birlikte düzenlenmiştir. Bu, tüm ayarların, ayarlamaların, CSS vb. Divi yazı tipi havalı örneği
Bu, davet modülünde hareket etmek için bir simgedir. İlk birkaç örnek için, sağ okları kullanan birçok düğmeye sahip olan SEO ajansını kullanacağım. Bunu harekete geçirmek için davet modülünde görebilirsiniz. Bu düğmedeki orijinal simge. Bu iyi görünüyor. Bu işlevsel ve anlaşılması kolaydır. Divi Font Awesome ile, düğmenin diğer düğmelerden farklı görünmesini kolaylaştırabiliriz. Bunu biriyle değiştirdim- parmağım okla aynı yöne işaret etti. Bu aynı işlevi gerçekleştirir, ancak benzersiz bir görünüme sahiptir. Bu, SEO ajansının yön sayfasının hizmet bölümüdür. İkonlar yerine (çok yönlü seçenekler) görüntüler kullanır ve davet modülü daha fazla metin ve okuma düğmesi için hareket eder. Harika yazı tipi simgesini kullanabilmem için resmi bir açıklama ile değiştirmek istiyorum. Açıklamayı kullanarak aynı düzeni takip edin. Bu simgeler Divi’deki simgelerdir. Önce kullandım, böylece harika yazı tipi simgesinin aynı stili koruyup koruymadığını görmek için ayarlayabilirim. Orijinal görüntünün kısmına uyacak şekilde #7676ff ile renkler düzenledim. Yeri sola ayarladım ve simge yazı tipinin boyutunu 26 piksel olarak ayarladım. Sonra harika yazı tipinin simgesini değiştireceğim. Aşağıdaki düzen harika yazı tipi simgesini kullanır. Stilde değişiklik yapmıyorum. Bu simgeler Divi simgesiyle aynı stili kullanır. Şimdi #A6A6FF kullanarak sınırı ekledim. Konumu değiştirdim ve simge yazı tipinin boyutunu 32’ye ayarladım. Orta seviyeye yardımcı olmak için, davet metninin yönlendirmesini düğmeyi harekete geçirmek ve düzleştirmek için odakladım. Ayrıca üst sıranın altına dolgu için 40 piksel yerleştirdim, böylece iki açıklama hattı birbirinden uzak duruyordu. Bu, #A6A6FF rengine sahip bir daire kullanarak simgeyi beyaz yapar ve daire sınırını ortadan kaldırır. Boyutun önceki örnekle aynı olmasına izin verdim. Bu sefer düzeni biraz değiştirdim. Simgeyi sağdaki metinle sola koydum. Simgenin rengini #8b21bb’ye ayarladım, daireyi kaldırdım ve simge yazı tipinin boyutunu 64 piksel olarak ayarladım. Ayrıca, davet düğmesinin ok simgesini harika yazı tiplerinden biriyle harekete geçirdim. Yeni simge otomatik olarak divi simgesinin stilini alır. Bu simgede bir değişiklik yapmadım. Bu, restoran düzeni paketinin mağaza sayfası. Her düğmeye bir simge ekledim. Stilde herhangi bir değişiklik yapmadım çünkü mevcut tasarımla entegre olmalarını istedim, ancak Button for Button’daki tek gösteri simgesini devre dışı bıraktım. Bu, Photo Marketplace Düzen Paketinin fiyat sayfasıdır. Ziyaretçilerin ödeme yapabileceği çeşitli yolları göstermek için kredi kartları ve ödeme ağ geçitleri için simgeler kullanır. Aşağıda, filtrelenmiş kaplama portföyündeki müthiş yazı tipi simgesinin bir örneğidir. Bu, Overlay Blogunda Divi Font Awesome. Bu, seyahat acentesi düzeni paketinin blog sayfasıdır. Özelleştirici temasında divi font müthiş kullanma Özelleştirici temasından harika yazı tipi simgesine de erişebilirsiniz. 600’den fazla harika yazı tipi simgelerinin tamamı bu menüden mevcuttur. Burada düğme menüsünü seçtim ve varsayılan olarak kullanılacak simgeler seçtim. Ekstra ile olağanüstü divi yazı tipleri kullanmak Divi Font Awesome Divi Builder’a eklendiğinden, ekstra çalışması mantıklı. Bu, kategori üreticisindeki dergi ana sayfasının düzenidir. Tüm harika yazı tipi simgeleri, simgeleri içeren modüllerde mevcuttur. Divi yazı tipi eklentisinin olağanüstü lisansı ve belgeleri, kendiniz veya müşteriniz için yaptığınız sınırsız bir siteye yüklenebilir. Buna 6 aylık destek ve yaşam güncellemeleri dahildir. Dokümantasyon, kullanılan eklentilerin örneklerini gösteren ve gösteren bir video olarak verilir. Geliştirici web sitesindeki eklentiler hakkında daha fazla bilgi görebilirsiniz. Divi Font’u bitirmek Müthiş’in zihnini düzenlemek ve kullanmak kolaydır. Nasıl yapıldığını görmek istiyorsanız bu video size rehberlik eder. Çünkü divi modülüne bir simge eklemek, simgeni seçmek normal Divi simgesiyle aynı işlev görür. Tek özellik, kullanılabilir simge listesine 600’den fazla harika yazı tipi simgeleri eklemektir. Göreceğiniz tek fark, mevcut simge sayısıdır. Ayrıca temanın ayarlanmasıyla çok iyi çalışır, hatta onu divi simgesini kullanan üçüncü taraflı bir eklenti ile çalıştırdım. Ek özellikler arıyorsanız, bu eklenti aradığınız şey değildir. Harika bir yazı tipi simgesi eklemenin kolay bir yolunu istiyorsanız, Divi Font Awesome görülmeye değer.
Senden duymak istiyoruz. Divi yazı tipini harika denedin mi? Yorumlarda bize bunun hakkındaki fikrinizi söyleyin. Alex Gorka / Shutterstock.com aracılığıyla Üstün Görüntü
