WordPress Simgesi Kutusu İçeriğinize Nasıl Eklenir (3 Ücretsiz Eklenti)

Sitenize WordPress simgesi kutusunu eklemek ister misiniz? Veya bazen bilindiği gibi özellik kutusu? Simge kutusu, sizi veya özellikleri, hizmetleri, becerileri vb. Göstermeyi kolaylaştıran bir zımba tasarımıdır. Bu yazıda, WordPress sitenize kod gerektirmeden nasıl esnek bir simge kutusu ekleyeceğinizi göstereceğim. Yüzlerce simge arasından kolayca seçim yapabilir ve metni isteklerinize göre ayarlayabilirsiniz. Neden bahsettiğimden emin değilseniz, bu öğreticiyi tamamladığınızda yapabileceğiniz simge kutusunun kısa bir örneği:

Siteniz için en iyi yöntemi bulmanıza yardımcı olmak için, hepsi ücretsiz olmak üzere üç farklı yöntem kullanarak nasıl bir simge kutusu hazırlayacağınızı göstereceğim:
Elementor Page Maker eklentisi
Orijinal WordPress Block Düzenleyicisi
Daha uzun “klasik” WordPress Editor (Tinymce)
Bir WordPress özelliği/simge kutusu hazırlamanın en esnek yolu için bir Elementor ile bir simge kutusu nasıl eklenir, WPLIFT’de kullandığımız sayfa üreticisinin eklentisi olan ücretsiz Elementor Sayfa Maker eklentisini kullanabilirsiniz. Elementor, yalnızca normal WordPress sayfasının küçük bir parçası olarak simge kutuları eklemek istiyorsanız biraz aşırıdır.
Ancak, talimatlar veya diğer stil sayfaları oluşturuyorsanız, Elementor tarafından sunulan sürükle ve bırakın esnekliğini seveceğinizi düşünüyorum. Temel olarak, bu durumda, simge kutusunun dışındaki diğer tüm şeyler çok yararlıdır. Başlamak:

Aşağıda bağlı makaleler
WordPress.org adresinden ücretsiz Elementor eklentisini yükleyin ve etkinleştirin.
WordPress düzenleyicisini veya simge kutunuzu eklemek istediğiniz sayfaya açın.
Görsel tasarım arayüzü, sürükle ve bırak elementini başlatmak için Elementor ile Düzenle düğmesini tıklayın. Elementor arabiriminde, içeriğinizin önizlemesini doğrudan sağda ve soldaki yan tarafta göreceksiniz. Kutunuzu eklemek için yan taraftaki “simge kutusunu” arayın, ardından Widget Icon kutusunu doğrudan önizlemenize sürükleyin:
Genellikle, simge kutularını element tarafından kolaylaştırılan çeşitli kafes türlerinde görüntülemek istersiniz. Tek yapmanız gereken artı simgesini tıklamak ve kaç sütun istediğinizi seçmektir. Ardından, böyle bir etki yaratmak için birkaç simge kutusu widget’ı ekleyebilirsiniz:

Yan çubuktaki simge kutusu widget ayarlarında şunları yapabilirsiniz:

Harika yazı tipinden farklı bir simge seçin
Metneyi Değiştir
Kutunuzu başka bir yere götür
Tüm stil ve düzen seçeneklerini değiştirin
Icon Box özelliği Free Elementor’da mevcut olsa da, Elementor Pro diğer birçok yararlı özellik ekler – bunu Complete Elementor incelememizde öğrenebilirsiniz.

WordPress Block Düzenleyicisini kullanarak bir simge kutusu nasıl eklenir I, simge kutunuz için tam Elementor sayfa üreticisine güvenmek istemiyorsanız, WordPress blok düzenleyicisi için özel bir simge kutusu bloğu eklentisi de bulabilirsiniz. Bu blok, normal içeriğinize simge kutuları eklemenizi kolaylaştırır. Bir sütun bloğu ile birleştirirseniz, kendi özelliklerinizi kolayca oluşturabilirsiniz. Çekirdek düzenleyicide blok simgesi yoktur, ancak özel simge kutusu blokları ekleyen birkaç eklenti bulabilirsiniz.
Aşağıda bağlı makaleler

Bu öğretici için, Gutenberg eklentisi için Ultimate Addons’ı ücretsiz olarak kullanacağım çünkü bu en popüler olanı ve popüler Astra temasıyla aynı geliştiriciden geliyor. Ancak, diğer birkaç ücretsiz simge kutusu eklentisi şunları içerir:

Getwid

Gutentor
Gutenbee
Ultimate Blocks (“Stil Kutu” bloğu ile)
Bu eklentilerden birinin görünümünü tercih ediyorsanız, kullanmaktan çekinmeyin. Temel adım neredeyse aynı – bloğun adı farklı olabilir. WordPress.org’dan (veya seçtiğiniz herhangi bir eklentiden) ücretsiz olarak Gutenberg eklentisi için nihai eklentileri başlatmak, yüklemek ve etkinleştirmek için. Bir kutu eklemek istediğiniz yazı veya sayfa için düzenleyiciyi açın ve blok ekini açmak için artı simgesini tıklayın. Ardından, eklenti blok olarak adlandırılan “Bilgi Kutusu” nu arayın:
Ve voila! Bir simge kutunuz var:
Metni ayarlamak için tıklayabilir ve yazabilirsiniz.

Simgeleri, renkleri ve diğer tasarım öğelerini ayarlamak için blok yan bıçakları kullanabilirsiniz.
Izgaraya birkaç kutu simge eklemek istiyorsanız, orijinal sütun bloğunda yuvayı yapabilirsiniz. Veya, Gutenberg için Ultimate Addons ayrıca size “Gelişmiş Sütun” adlı biraz daha esneklik sağlayan kendi sütun bloğunu içerir:
Aşağıda bağlı makaleler

Son Klasik WordPress düzenleyicisini kullanarak bir simge kutusu nasıl eklenir, bir element kullanmak istemiyorsanız ve yine de daha uzun bir klasik Tinymce editörü kullanırsanız?


Bu durumda, bulduğum en iyi seçenek ücretsiz servis kutusu vitrin eklentisiydi. Eklentiyi yükledikten ve etkinleştirdikten sonra, Hizmet Kutusu’na gidebilirsiniz → Gösterge Tablonuza Yeni Servis Kutusu Ekleyin. Orada, iki farklı düzen arasından seçim yapabilirsiniz (ücretsiz sürümlerde – Pro’da daha fazlası). Altında, her kutu için içeriği ve simgeleri ayarlayabilirsiniz. Bu eklenti, simgesi için Font Font kullanır, bu da size çok fazla esneklik sağlar. Kutunuzun rengini ve stilini ayarlamak için yan taraftaki ayarları da kullanabilirsiniz: altında, eklenti size klasik düzenleyiciye (veya sitenizin herhangi bir yerine) ekleyebileceğiniz kısa bir kod verir:

Eklenti tasarımı seçeneğiyle sınırlı hissediyorsanız, tekrar daire içine almak isteyebilirsiniz ve bunun yerine Elementor’u kullanmak size daha fazla esneklik kazandırır. Bugün kendi WordPress simgesi kutunuzu oluşturun ve işte orada! WordPress sitenize simge kutusu eklemenin üç ücretsiz yolu. Bu seçenekleri özetleme şeklim budur:
Elementors – Diğer simgeleriniz ve içerik kutularınız için toplam tasarım esnekliği istiyorsanız en iyi seçenekler. Bu, talimatlar veya diğer önemli sayfalar için mükemmeldir.

Gutenberg için Ultimate Addons – Yeni WordPress blok düzenleyicisinde çalışacak bir şey istiyorsanız en iyi seçim.

Servis Kutusu Vitrini – Katı Seçenekler Klasik bir Tinymce editörü kullanıyorsanız ve Elementor’u kullanmak istemiyorsanız. Genel olarak, diğer iki yöntem kadar esnek hissetmiyorum.
WordPress sitenize nasıl simge kutuları ekleyeceğinizle ilgili başka sorularınız mı var? Sadece yorum sütununa sorun!