En İyi 7 WordPress Icon Box Eklentisi (Ücretsiz ve Ücretli)

Yayınlanan: 2024-01-25

Simge Kutusu tasarımı, ürünlerinizin veya hizmetlerinizin kısa bir özetini sergilemenin en iyi yoludur. Bilgilerinizi kutu şeklindeki bir tasarım üzerinde sunmak, içeriğinizi göstermenin çekici bir yolu olabilir. Ancak bu tasarımı WordPress web sitelerinizde oluşturmak istiyorsanız bir simge kutusu eklentisinin yardımına ihtiyacınız var.

Ancak eklentiler söz konusu olduğunda birçok seçenek olabilir. Bu yazının konusu da tam olarak budur: En iyi WordPress simge kutusu eklentileri hakkında bilgi edinmek için okumaya devam edin!

İçerikleri gizle
1 Simge Kutusu Nedir?
2 En İyi 7 WordPress Simge Kutusu Eklentisi
3 En İyi WordPress Simge Kutusu Eklentisi Nasıl Seçilir
4 Son Söz

Simge Kutusu Nedir?

Bir simge kutusu bir özellik kutusu gibidir. Temel olarak, önemli bilgileri kutu şeklindeki bir kartta sergilemenize olanak tanır.

Genellikle web sitesi kullanıcıları hizmetlerinizin veya ürünlerinizin ayrıntılı bir açıklamasını beğenmeyecektir. Ancak WordPress web sitenizdeki bu sıkıcı deneyimi bir simge kutusu eklentisiyle kolayca basitleştirebilirsiniz.

Bir içerik kutusu görüntülemenizi sağlar ve bunun içinde genellikle dokunulduğunda tutulan bir simgeyi ve başlık, açıklama ve düğme gibi diğer öğeleri görürsünüz. Ayrıca iyi bir eklenti, temel USP'nizi (Benzersiz Satış Noktası) sezgisel olarak vurgulamak için simge kutusu öğelerini özelleştirmenize olanak tanır.

O halde en iyi simge kutusu eklentilerini öğrenelim…

En İyi 7 WordPress Simge Kutusu Eklentisi

İşte özenle seçilmiş simge kutusu eklentileri koleksiyonumuz. Bu eklentileri test ettik ve tüm özellikleri kullanmaya çalıştık. Sunacağımız eklentilerin ücretsiz ve ücretli seçeneklerin bir karışımı olduğunu unutmayın.

1. ElementsKit Simge Kutusu Widget'ı

Eklenti İstatistikleri:

  • Aktif Kurulum: 1+ milyon (Ücretsiz Sürüm)
  • Derecelendirme: 5.0 veya daha yüksek
  • En uygun olduğu yer : Çok amaçlı simge kutusu.

ElementsKit, WordPress web sitenizin herhangi bir yerinde görsel olarak çekici bilgi veya özellik kutuları sunmak için kullanabileceğiniz eksiksiz ve çok amaçlı bir simge kutusu eklentisi seçeneğidir. Bu özelliği ElementsKit eklentisinin altında bir widget olarak bulacaksınız.

ElementsKit Simge Kutusu widget'ı simge, başlık, açıklama, düğme gibi her şeyin yanı sıra rozet ve filigran gibi diğer benzersiz özellikleri kolaylaştırır. Bu eklentinin simge kutusu işlevselliği açısından en büyük avantajı, geniş simge koleksiyonudur. Font Awesome- Regular, Font Awesome- Solid, Font Awesome- Brands ve ElementsKit Icon Pack'e erişebileceksiniz.

Ayrıca ElementsKit, fareyle üzerine gelme efektleri üzerinde çeşitli animasyon efektleri de sağlar. Bunu simgelere tek tek veya simge kutusunun tamamına uygulayabilirsiniz. Böylece ürün veya hizmetlerinizin odak noktasını görüntülerken daha da güçlü işlevlere sahip olacaksınız.

Artıları:

  • Cihazınızdan bir SVG simgesi yükleyin.
  • Bunları sayfa düzenine kolayca yerleştirin.
  • Kapsamlı simge koleksiyonları.
  • Simge kutusu için filigranı etkinleştirme.
  • Rozet ve kenarlık ekleyin ve özelleştirin.
  • Düğmeyi yalnızca fareyle üzerine gelme için etkinleştirin.
  • Simge kutusunu bir arka plan kaplamasıyla şekillendirin.
  • ElementsKit eklentisinin ücretsiz bir widget'ı olarak mevcuttur.

Eksileri:

  • Üçüncü taraf eklentisi olarak gelir.

2. Elementor Simge Kutusu Widget'ı

Eklenti İstatistikleri:

  • Aktif Kurulum: 5+ milyon (Ücretsiz Sürüm)
  • Derecelendirme: 4,6 veya daha yüksek
  • En uygun olduğu yer : Çok amaçlı simge kutusu.

WordPress sitesinde kullanabileceğiniz bir diğer ücretsiz eklenti ise Elementor Icon Widget'tır. Bu eklentinin hoşuma giden yanı, ElementsKit'te olduğu gibi herhangi bir ek eklenti yüklemenize gerek olmamasıdır. Hem Elementor hem de ElementsKIt'in kurulu olması gereken yer. Ve kullanıcı arayüzü yeni başlayanlar için uygundur.

Ancak ElementsKit'in düğmeler, rozetler veya filigranlar gibi bazı güçlü özellikleri Elementor'da eksik. Minimal bir simge kutusu göstermek için iyi çalışacaktır. Sanki düğme işlevine sahip olmadığı için ziyaretçileri hiçbir yere yönlendiremezsiniz.

Elementor Builder ile simge kutusuna vurgulu efektler ekleme konusunda biraz destek alacaksınız. Ayrıca, en iyi tercihimiz olan ElementsKit gibi fareyle üzerine gelme efektlerinde herhangi bir açılış animasyonu efekti bulunmaz. Bununla birlikte, Elementor simge kutusu üzerinde çalışmak kullanışlı olabilir ve yeterli özelleştirme işlevlerine sahiptir.

Artıları:

  • Simgeyi özelleştirin ve konumunu tanımlayın.
  • Fareyle üzerine gelindiğinde animasyon efektleri uygulayın.
  • Tipografi için stil seçenekleri edinin.
  • Mobil duyarlı simge kutusu.

Eksileri:

  • Herhangi bir rozet, filigran veya düğme eklenemez.

3. Colorbox Panelleri ve Bilgi Kutusu

Eklenti İstatistikleri:

  • Aktif Kurulum: 1.000+
  • Derecelendirme: 4,6 veya daha yüksek
  • En uygun olduğu yer : Çok amaçlı simge kutusu.

Bootstrap tabanlı bu eklentiyi test ettiğimizde her tür cihazla uyumlu olduğunu gördük. Bulduğum en büyük dezavantajı kullanıcı arayüzünün çok karmaşık olmasıydı. Her ne kadar WYSIWYG özelliği sunsa da sezgisel bir deneyimle karşılaşabiliyor.

Yine de bu eklentiyle ekip kutusu, bilgi kutusu veya özellik kutusu gibi bir simge kutusu oluşturabilirsiniz.

Artıları:

  • Kapsamlı renk seçenekleriyle birlikte gelir.
  • Beş kutu düzenini kolaylaştırır.
  • Font Awesome simgesini destekler ve simge seçiciyle entegredir.
  • Sürükle ve bırak oluşturucuyla entegre edilmiştir.
  • Duvarcılık ve izotop efektleriyle mevcuttur.
  • Simge gösterimi için iki farklı seçenek.

Eksileri:

  • Herhangi bir tipografi ve simge özelleştirmesiyle gelmeyin.
  • Kendi simgenizi yükleyemiyorsunuz.
  • Çoğu özellik pro sürümde mevcuttur.

4. Betheme Simge Kutusu

Eklenti İstatistikleri:

  • En uygun olduğu yer : Çok amaçlı simge kutusu.

Bu simge kutusu öğesi Betheme oluşturucu eklentisi tarafından desteklenmektedir. Simgeleri kutunun içinde farklı yerlere yerleştirmek istiyorsanız bu eklenti bunu sizin için yapabilir. Ayrıca simge kutusuna sezgisel fareyle üzerine gelme efektleri de uygulayabilirsiniz. Özel bir animasyon efekti , fare imlecini üzerine getirdiğinizde kutunun tamamının hareket etmesidir.

Ancak bu eklentinin ücretsiz bir sürümü bulunmadığından tüm bu özelliklere sahip olmak için ödeme yapmanız gerekir. Aynı fiyata ücretsiz alternatifler olduğu için yatırımın bir anlamı olmayacaktır.

Artıları:

  • Kitaplıktan bir simge seçin veya özel simgenizi ekleyin.
  • Simgenin farklı konumunu ayarlayın.
  • Tüm cihazlar için duyarlı simge kutuları oluşturun.
  • Çok yönlü fareyle üzerine gelme animasyon efektleri uygulayın.
  • Fareyle üzerine gelindiğinde simge kutusunun tamamını hareket ettirin.

Eksileri:

  • Planın tamamı için ödeme yapmanız gerekiyor.

5. Servis Kutusu Vitrini

Eklenti İstatistikleri:

  • Aktif Kurulum: 5.000+
  • Derecelendirme: 4,8 veya daha yüksek
  • En uygun olduğu yer : Hizmet tabanlı simge kutusu.

Service Box Showcase eklentisi, önceden oluşturulmuş bir şablonla bir simge kutusu tasarlamanın zahmetsiz bir yolunu sunar. Adı tanımlandığı gibi hizmetin çekici bir gösterimi için kullanabilirsiniz.

Bu eklenti kontrol paneli çeşitli kullanışlı ayarlar içerir, ancak ücretsiz sürümde yalnızca birkaçı mevcuttur. Tüm tarayıcılarla da uyumlu, duyarlı bir simge kutusu tasarlayabilirsiniz.

Service Box Showcase eklentisinin bir başka güzel yanı da, yalnızca önceki eklentinin pro sürümünde mevcut olan daha fazlasını oku düğmesini eklemenize izin vermesidir.

Artıları:

  • Font Awesome simgesini ve simge seçiciyi destekler.
  • Sürükle ve bırak API'si ile entegre edilmiştir.
  • Kolay sıralama için sürüklenebilir SSS öğelerini kolaylaştırır.
  • Simgeyi görüntülemeyi ve daha fazlasını okuma düğmelerini seçin.
  • Simge kutusu için atlıkarınca stilleri sağlar.
  • Başlık ve düğme metni için özelleştirme seçenekleri sunar.

Eksileri:

  • Tek bir amaç için geliştirildi.
  • Çoğu özellik pro sürümde mevcuttur.

6. Servis Kutusu

Aktif Kurulum : 500+

Değerlendirme : 5.0

En uygun olduğu yer : Hizmet tabanlı simge kutusu.

Service Box, simge kutuları için basit bir eklentidir. Hizmet bilgilerinizi görüntülemek için son derece iyi çalışır. Çok yönlü hizmet stillerini göstermenin yanı sıra, hizmetinizi ızgara ve kaydırıcı görünümünde gösterme olanağı sunar. Ayrıca servis kutularını gruplandırabilirsiniz.

Artıları:

  • Hizmetinizi ızgara ve kaydırıcı görünümünde sergileyin.
  • 16 farklı stilden uygulayın.
  • Servis kutularınızı gruplandırın.
  • Arka plan rengini ve resmini ekleyin.
  • Simge kutusuyla birlikte bir düğme ekleyin.
  • Simge kutusu tipografinizi şekillendirin.

Eksileri:

  • Esas olarak hizmet tabanlı simge kutuları oluşturmak için geliştirildi.
  • Rozet ve filigran eklenemiyor.

7. Bilgi Kutusu (Gutenberg Bloğu)

Aktif Kurulum : 1000+

Değerlendirme : 5.0

En uygun olduğu yer : Çok amaçlı simge kutusu.

Bu listeye eklemek istediğimiz son eklenti Info Box'tır, bu WordPress eklentisi Gutenberg editörü için geliştirilmiştir. Gutenberg web siteniz için tamamen özelleştirilmiş bir simge kutusu oluşturmanıza olanak tanır.

Farklı ön ayar düzenlerine sahip animasyonlu bir simge kutusu oluşturmaya başlayabilirsiniz. Her içerik öğesinin konumunu ayrı ayrı ayarlamak için bir kontrol sağlar. Ayrıca simge kutusundaki her öğe için tüm özelleştirme özelliklerini de kolaylaştırır. Genel olarak, bir simge kutusu için eksiksiz bir çözümdür.

Artıları:

  • Gutenberg tabanlı sezgisel bir arayüz.
  • Simge yerine resim gösterebilir.
  • Simgeye stil vermek için özelleştirme özellikleri edinin.
  • Başlık, alt başlık ve düğme gibi tüm öğelerin stilini belirlemek için kontrollere sahip olun.

Eksileri:

  • Herhangi bir rozet veya filigran özelliği yoktur.

En İyi WordPress Simge Kutusu Eklentisi Nasıl Seçilir

Bir simge kutusu tasarlamak için en iyi WordPress eklentisini seçme konusunda hala kafanız mı karıştı? Genellikle herhangi bir WordPress gereksinimi için birden fazla eklenti seçeneğine sahibiz. Ancak tüm eklentiler belirli gereksinimler ve tercihler sağlamaz.

Aşağıda, bir bilgi kutusunu görüntülemek için doğru eklentiyi seçerken bazı temel minimum gereksinimleri özetledik.

Gereksinimlerinizi Belirleyin

Zaten bildiğimiz gibi bir simge kutusu çeşitli öğelerden oluşur. Ancak bunların hepsini tek bir kova altında toplamak çoğunlukla zordur. Üstelik tasarımınızın rozet veya filigran gösterilmesi gibi özel ihtiyaçları olabilir. Ve en önemli şey, eklenti simge kitaplığının, simge yerine resim yüklemek için tercih ettiğiniz simgeyi ve destek seçeneklerini içermesidir.

Özelleştirme Seçenekleri

Simge kutusu eklentisi kullanmanın temel amaçlarından biri, belirli bir bilgiyi daha çekici hale getirmektir. Ayrıca aklınızda zaten bazı stil fikirleri olabilir. Yani kişiselleştirme önemli bir rol oynuyor. Örneğin, fareyle üzerine gelme efektlerini kutunun tamamı yerine yalnızca simgeye uygulamak isteyebilirsiniz. Bu nedenle, bu simgeyi yüklemeden önce özelleştirme özelliklerinizin kullanılabilirliğini kontrol etmelisiniz.

Kullanıcı arayüzü

Karmaşık bir kontrol paneline sahip olmak, simge kutusu tasarımınızı zorlaştırabilir. Bunun için ayarların daha kolay kontrol edilebildiği bir kullanıcı arayüzüne sahip olmanız gerekir. WYSIWYG oluşturma deneyimi olan bir eklentiye sahip olmalısınız. Elementor veya ElementsKit eklentisi böyle bir özelliği kolaylaştırır.

Önceden Hazırlanmış Düzenler

Önceden hazırlanmış düzenler, kolayca tasarım ilhamı almamıza ve birkaç dakika içinde çalışmaya başlamamıza yardımcı olur. Bazı eklentiler işinizi kolaylaştırmak için profesyonelce tasarlanmış düzenler sağlar. Bu nedenle, bu simge kutusu eklentisinin düzen kitinin kullanılabilirliğini kontrol etmelisiniz.

Duyarlı tasarım

Simge kutunuzun duyarlılığı önemlidir çünkü tüm cihazlarda mükemmel şekilde görünür olması gerekir. Duyarlı ayarları daha iyi anlamak için belgeleri veya eğitimleri okuyabilirsiniz.

Eklenti Çakışmaları

Simge kutusu gibi bir tasarıma ihtiyaç duyduğumuzda genellikle tek amaçlı bir eklenti kurarız. Bunu yapmak eklenti sayısını artıracağı gibi eklentiler arasında da çakışmalara neden olabilir. Peki çözüm ne olabilir? En iyi uygulama, çeşitli işlevlere sahip bir eklentiye sahip olmaktır. Örneğin, ElementsKit'i kullanmak, simge kutuları da dahil olmak üzere web sitesi tasarımınızın farklı ihtiyaçlarını karşılayabilir.

Son sözler

Bu listedeki tüm eklentiler kendi açılarından faydalıdır. Hepsi WordPress web siteleriniz için çarpıcı simge kutuları oluşturmanıza yardımcı olur. Daha sonra sıra, özellikler ve kullanıcı arayüzüne ilişkin kişisel tercihlerinize gelir.

Bu listedeki eklentilerin çoğu ücretsizdir, bu yüzden onları denemeli ve pratik olarak kullanmakta rahat olduğunuz bir eklenti bulmalısınız. Ve bu, en iyi WordPress simge kutusu eklentisini bulmanın uygun yolu olacaktır.