WordPress'e Simgelerle Öne Çıkan Kutular Nasıl Eklenir

Çoğu ziyaretçi, bir sayfayı okumaya karar vermeden önce gözden geçirir. Temel faydalarınız metin paragrafları içinde gömülüyse, birçok kişi onları hiç görmeden ayrılabilir.

Özellik kutuları, her bir faydayı küçük bir simge ve kısa bir açıklama ile eşleştirerek, ziyaretçilerin sunduğunuzu bir bakışta anlamalarını sağlar. Okuyucuları daha fazla ayrıntıya yönlendirmek için her kutuya bir harekete geçirici mesaj düğmesi de ekleyebilirsiniz.

Bu kılavuzda, yerleşik blok düzenleyiciyi veya bir sayfa oluşturucu eklentisini kullanarak WordPress'te simgeli özellik kutularının nasıl ekleneceğini göstereceğiz.

Özellik Kutuları Eklemek İçin Hangi Yöntemi Kullanmalısınız?

Mevcut bir sayfaya veya gönderiye bir veya iki özellik bölümü ekliyorsanız, blok düzenleyici yöntemini kullanın. Ücretsizdir, WordPress 7.0 ve sonraki sürümlerinde yerleşiktir ve başka bir eklenti gerektirmez.

Sıfırdan tam bir açılış sayfası tasarlıyorsanız, sayfa oluşturucu daha iyi bir seçimdir. Her simge için hazır şablonlar ve daha fazla stil seçeneği elde edersiniz.

Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: Blok Düzenleyiciyi Kullanarak Simgelerle Özellik Kutuları Ekleme (Ücretsiz)

WordPress blok düzenleyici, sayfaları bloklardan oluşturur; bloklar, bir paragraf, bir resim veya bir düğme gibi bireysel içerik parçalarıdır.

WordPress 7.0, eklenti olmadan SVG simgeleri eklemenizi sağlayan yerleşik bir Simgeler bloğu ekledi. SVG, koddan yapılmış bir görüntü biçimidir, bu nedenle simgeler herhangi bir boyutta keskin kalır ve hızlı yüklenir.

WordPress'in eski bir sürümünü kullanıyorsanız, düzenleyicide Simgeler bloğunu bulamazsınız. Bu yöntemi izlemeden önce WordPress'i güncellemeniz gerekir.

Adım 1: Bir Sütunlar Bloğu Ekleme

Sütunlar bloğu ekleyerek başlayın. Önce, özellik kutularınızı eklemek istediğiniz sayfayı açın. Ardından, + Blok Ekle simgesine tıklayın, Sütunlar'ı arayın ve eklemek için Sütunlar bloğuna tıklayın.

WordPress size birkaç sütun düzeni gösterecektir. Sayılar, her sütunun ne kadar genişlik kapladığını gösterir. Örneğin, 50 / 50 eşit genişlikte iki sütun oluşturur.

Üç eşit sütun oluşturmak için 33 / 33 / 33'ü seçeceğiz, ancak içeriğinize uygun herhangi bir düzeni seçebilirsiniz.

Adım 2: Özellik Kutularınıza Simgeler Ekleme

Ardından, sütundaki + düğmesine tıklayın ve Simgeler'i arayın. Simgeler bloğu göründüğünde, eklemek için tıklayın.

WordPress otomatik olarak bir Bilgi simgesi ekleyecektir. Farklı bir simge seçmek için 'Değiştir' düğmesine tıklayın.

Bu, simge kitaplığını açar. Arama çubuğuna fotoğraf veya mağaza gibi bir ad yazabilir veya mevcut simgeler arasında gezinebilirsiniz.

İstediğiniz simgeyi bulduğunuzda, sütununuz eklemek için tıklayın.

Ardından, simgeyi blok ayarlarını kullanarak özelleştirebilirsiniz. Temenize ve kurulumunuza bağlı olarak, simge rengini, arka plan rengini, boyutlarını ve kenarlığını değiştirebilirsiniz. Simgeyi ortalamak için araç çubuğunu da kullanabilirsiniz.

Adım 3: Özellik Kutularınıza Metin Ekleyin

Simgeleriniz yerleştirildikten sonra, ilk sütundaki simgenin altındaki + düğmesine tıklayın ve özellik adı için bir Başlık bloğu ekleyin.

Ardından, altına bir Paragraf bloğu ekleyin ve özelliğin kısa bir açıklamasını girin. Genellikle bir veya iki cümle yeterlidir.

Diğer sütunlar için de aynı işlemi tekrarlayın.

Adım 4: Daha Fazla Satır Özellik Kutusu Oluşturun (İsteğe Bağlı)

Birden fazla özellik kutusu satırı eklemek isterseniz, Sütunlar bloğunu seçin ve araç çubuğundaki üç noktalı menüye tıklayın. Ardından, Kopyala'yı seçin.

Bu, tüm satırın bir kopyasını oluşturur. Ardından, yukarıdaki adımları kullanarak simgeleri ve metni yeni içerikle değiştirebilirsiniz.

Adım 5: Simgeli Özellik Kutularınızı Yayınlayın

Özellik kutularınızdan memnun kaldığınızda, bunları yayına almak için Kaydet veya Yayınla düğmesine tıklayın.

Ardından, özellik kutularını çalışırken görmek için web sitenizi ziyaret edebilirsiniz:

Yöntem 2: Sayfa Oluşturucu Kullanarak Simgelerle Özellik Kutuları Ekleme

Blok düzenleyici, mevcut bir sayfaya bir özellik bölümü eklemek istediğinizde iyi çalışır. Ancak tam bir açılış sayfası tasarlıyorsanız ve düzen ve stil üzerinde daha fazla kontrol istiyorsanız, sürükle ve bırak sayfa oluşturucu size daha fazla esneklik sağlayabilir.

Bu yöntem için SeedProd kullanacağız çünkü kendi sitelerimizde kullanıyoruz. Elementor gibi çoğu sürükle ve bırak sayfa oluşturucu, bir simge kutusu öğesi ve yerleşik bir simge kitaplığı sunar. Daha fazla bilgi için SeedProd incelememize bakın.

Adım 1: Sayfa Oluşturucuyu Yükleyin ve Kurun

İlk olarak, SeedProd eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Eklentiyi etkinleştirdikten sonra, SeedProd » Ayarlar'a gidin ve lisans anahtarınızı girin. Anahtarınızı SeedProd hesabınıza giriş yaparak bulabilirsiniz.

Adım 2: Açılış Sayfası Şablonu Seçin

Ardından, SeedProd » Açılış Sayfaları'na gidin ve ‘+ Yeni Açılış Sayfası Ekle’ye tıklayın.

Ardından, sayfanız için bir ad girin. SeedProd bu adı sayfa URL'sini oluşturmak için de kullanacaktır, ancak gerekirse URL'yi düzenleyebilirsiniz.

Sonraki ekranda bir şablon seçeceksiniz. Her şablon sürükle ve bırak ile özelleştirilebilir, ancak hedefinize uyan birini seçmek size zaman kazandırabilir.

Bu kılavuz için Boş Şablon'u kullanacağız. Üzerine gelin ve seçmek için onay işareti simgesine tıklayın.

Ardından, ‘Kaydet ve Sayfayı Düzenlemeye Başla’ya tıklayın.

Adım 3: Simgeli Özellik Kutularınızı Oluşturun

Boş bir şablonla başladığımız için ilk adım bir düzen seçmektir. Burada, özellik kutularınızın üzerindeki üstbilgi alanını tasarlamak için tek sütunlu düzeni seçelim.

Ardından, Başlık bloğunu sol menüden sayfaya sürükleyebilirsiniz. Metnini düzenlemek ve sol paneldeki seçenekleri kullanarak biçimlendirmesini ayarlamak için bloğu seçin.

Metin bloğu ile işlemi tekrarlayın.

Üstbilgiyi bir arka plan görüntüsü ekleyerek veya biçimlendirmesini değiştirerek de özelleştirebilirsiniz. Daha fazla seçenek için, boşluk ayarlamak, kenarlık eklemek, animasyon efektleri eklemek ve daha fazlasını yapmak için ‘Gelişmiş’ sekmesine tıklayın.

Üstbilgi ile işiniz bittiğinde, özellik kutularını oluşturabilirsiniz. Sütun bloğunu sol panelden düzenleyiciye sürükleyin ve üstbilgi alanının hemen altına yerleştirin.

Bundan sonra, bir düzen seçebilirsiniz. Bu örnek için, üç eşit sütunlu seçeneği kullanacağız.

Ardından, sol menüde Simgeli Kutucuk bloğunu bulun ve ilk sütuna sürükleyin.

Bu blok, varsayılan bir simge, başlık ve özelleştirebileceğiniz örnek metin içerir.

Simgesini değiştirmek için sol paneldeki Simgeli/Görsel bölümünü bulun. Ardından, mevcut simgenin üzerine gelin ve değiştirmek için düğmeye tıklayın.

Bu, simge kütüphanesini açar. Belirli bir simge arayabilir veya mevcut seçeneklere göz atabilirsiniz. Beğendiğiniz birini bulduğunuzda, özellik kutunuza eklemek için tıklayın.

Bir simge seçtikten sonra, ayarlarını sol menüde açmak için tıklayın. Burada hizalamasını, boyutunu ve rengini değiştirebilirsiniz.

Adım 4: Özellik Kutusu İçeriğinizi Özelleştirin

Ardından, sol menüde ayarlarını açmak için Simgeli Kutucuk'taki metni seçin.

Örnek başlığı ve açıklamayı kendi özellik metninizle değiştirebilirsiniz. Ayrıca bağlantılar ekleyebilir veya metin hizalamasını ve rengini değiştirebilirsiniz.

Diğer sütunlar için bu adımları tekrarlayın, her birine farklı bir simge ve özellik metni ekleyin.

Adım 5: Açılış Sayfanızı Yayınlayın

Başka bir özellik kutusu satırı eklemek isterseniz, bölümün üzerine gelin ve Satırı Kopyala düğmesine tıklayın. Ardından, simgeleri ve metni yeni içeriğinizle değiştirin.

Görsel, harekete geçirici mesaj düğmeleri veya diğer blokları ekleyerek açılış sayfanızın geri kalanını da özelleştirebilirsiniz. İşlem benzerdir: istediğiniz bloğu düzenleyiciye sürükleyin ve sol panelden özelleştirin.

Açılış sayfanızdan memnun kaldığınızda, 'Kaydet' düğmesine tıklayın ve ardından yayına almak için 'Yayınla'yı seçin. Açılış sayfasını şimdi çalışırken görebilirsiniz:

Simgeli Özellik Kutuları Hakkında SSS

WordPress'te simgelerle özellik kutuları ekleme hakkında bazı yaygın sorular şunlardır:

WordPress'e nasıl simge eklerim?

WordPress 7.0 veya daha yeni bir sürüm kullanıyorsanız, WordPress simge kütüphanesini ada göre aramanıza olanak tanıyan yerleşik Simgeli bloğu kullanabilirsiniz. Font Awesome gibi daha büyük simge kümeleri için bir eklentiye veya kendi simge kütüphanesine sahip bir sayfa oluşturucuya ihtiyacınız olacaktır.

WordPress'e özel simgeler nasıl eklerim?

Simgeli blok yalnızca WordPress kütüphanesindeki simgeleri gösterir, bu nedenle kendi simgenizi bunun aracılığıyla yükleyemezsiniz. Bunun yerine, simgenizi Görsel bloğunu kullanarak bir PNG dosyası olarak yükleyebilirsiniz.

Umarız bu makale, WordPress'te simgelerle özellik kutuları eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca, WordPress sitenizdeki renkleri özelleştirme ve mobil uyumlu bir WordPress sitesi oluşturma yolları hakkındaki kılavuzlarımıza da bakmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.