Hizmet bloğunu kullanarak hizmetlerinizi vurgulayın – AitThemes Özel bloğu


İçindekiler

Hizmet bloğu, Citadela Blokları eklentimizde yayınladığımız ilk bloğumuzdur. Bu blok sayesinde hizmetlerinizi veya ürün özelliklerinizi, kilit noktalarınızı, vizyonunuzu veya çalışma kapsamınızı mükemmel bir şekilde sunabilirsiniz. WordPress sayfasına veya gönderisine Hizmet bloğu ekleyerek belirli bir öğeyi vurgulayabilir, simge, açıklama ve CTA ekleyebilirsiniz. Ziyaretçilerin dikkatini yalnızca belirli bir hizmete veya birkaç hizmet bloğu aracılığıyla birden çok hizmete çekmek istiyorsanız bu size kalmış. Ama en baştan başlayalım.

Bu yazıda açıklayacağız:

  • Hizmet bloğunun amacı ve ne için kullanılabileceği
  • WordPress temalarıyla uyumluluk
  • Web sitesine Servis bloğu nasıl eklenir
  • Müfettiş kullanarak özelleştirmeyi engelle
  • Birden çok hizmetle özel Hizmetler sayfası nasıl oluşturulur?

Hizmet bloğunun ana amacı – hizmetleri çekici bir şekilde gösterin

Hizmet bloğunu kullanmanızdaki temel amaç, bilgileri çekici bir şekilde sunmanıza yardımcı olmasıdır. Belirli grupları diğer metinlerden açıkça ayırabilir ve herkesin dikkatini çekmek için onu vurgulayabilir. Hizmet blokları düzen içinde güzel görünür çünkü:

  • İçeriği yapılandırın
  • Simgelerle yenileyin
  • Grafikler ve boşluklarla ayrı hizmetler

Yukarıdakiler sayesinde Servis bloğu hızla ziyaretçilerin dikkatini çekebilir.

Servis bloğu aracılığıyla hizmetleri vurgulayın
Şirket hizmetlerini veya ürünlerini sunmak için Hizmet blokları varsa içerik çok daha iyi görünür

Web sitesinde daha iyi gezinme

Hizmet vurgulandığından, web sitesinin göz taramasını çok daha kolay hale getirecektir. Müşteri yalnızca web sitenizde gezinse bile sunduğunuz hizmetleri kaçırmaz.

Hizmetinize URL eklerseniz, CTA ile navigasyon kutusu olarak kullanılabilir. Müşterilerin daha fazla bilgi edinmek veya bir hizmet sipariş etmek için kutuyu tıklamasını sağlayacaktır.

Özellikleri sunmak için kullanılan hizmet bloğu

Hizmet bloğu, sunduğunuz ürün veya hizmetin özelliklerini vurgulamak için de kullanılabilir. Bu, her bir hizmet bloğunun belirli bir özelliği sunacağı anlamına gelir. Bu grafik gösterim, verilen ürünün temel niteliklerini ortaya çıkarabilir. Ziyaretçilerin çok fazla metin okumak istemediklerini akılda tutarak.

Özellik kutusu olarak kullanılan hizmet bloğu
Ürün özelliklerini vurgulamak için Hizmet bloğunu Özellik kutusu olarak kullanın

Servis bloğu nerede kullanılabilir?

Hizmet bloğu, yazıların ve sayfaların içinde, hatta ihtiyacınız olan her yerde kullanılabilir. Genellikle web sitesi ziyaretçileriyle ilk temas olan ana sayfada kullanmak iyidir. Hizmet bloğu, ziyaretçilerin dikkatini kolayca çekebileceğinden, hizmetleri en çok ziyaret edilen sayfalarda kullanmanızı öneririz.

Hizmet blokları, ana sayfaya benzer şekilde yüksek sayıda ziyaretçiye sahip özel hizmetler sayfasında kullanılabilir. Sunduğunuz tüm hizmetleri tek bir yerde sunabilirsiniz.

Hizmetler sayfasının nasıl oluşturulacağı hakkında daha sonra konuşacağız.

WordPress temalarıyla uyumluluk

Hizmet bloğunun ana avantajı, WordPress blok düzenleyicisini (Gutenberg) destekleyen tüm WordPress temalarında mevcut olmasıdır. Bu, onu temamızda veya Avada veya Divi gibi herhangi bir üçüncü taraf temasında kullanabileceğiniz anlamına gelir. İhtiyacınız olan tek şey Citadela Blocks eklentisini kurmak.

Web sitenize Servis bloğu nasıl eklenir

Editöre Service bloğu eklemek için daha önce bahsettiğimiz gibi Citadela Blocks eklentisine ihtiyacınız var. Eklenti etkinleştirildikten sonra, blok otomatik olarak WordPress düzenleyicisine eklenecektir.

Servis bloğu, üst çubuktaki “+” sembolüne veya düzenleyicinin herhangi bir yerine tıklanarak eklenebilir. Bundan sonra sadece “Servis” terimini kullanarak verilen bloğu arayın.

“+” düğmesine tıklayarak WordPress düzenleyicisine Hizmet bloğu ekleyin
“+” üzerine tıklayarak servis kutusu ekleme

Servis bloğu eklemek için ikinci seçenek “/” kullanmak ve “service” kelimesini yazmaktır.


Servis bloğunu “/” eğik çizgi ile ekleyin
Servis bloğunu “/” eğik çizgisini kullanarak ekleyin

Tamamlandı. Hizmet bloğu, mevcut seçenekleriyle böyle görünür.

Hizmet bloğu oluşturuldu
Servis bloğu böyle görünüyor

Hizmet bloğu ayarları

İlk olarak, web sitenizin tasarımına daha uygun hizmet düzenini seçebilirsiniz. Varsayılan olarak, simgeyi, başlığı ve açıklamayı ortalayacak olan Kutu düzeni vardır. Bunu, üst araç çubuğunda Liste düzeni olarak değiştirebilirsiniz. Simge başlığın yanına taşınacak ve her şey sola hizalanacak.

Kutu düzenini Liste düzenine değiştirme
Servis bloğunuz için düzeni tek bir tıklamayla yapılandırın

Hizmet bloğunun içinde, ipucu olarak da çalışan bir yer tutucu vardır. O kutuya tam olarak ne yazacağınızı bileceksiniz. Başlık genellikle özellik hizmetinin adı anlamına gelir. Alttaki metin genellikle hizmeti daha ayrıntılı olarak açıklar veya müşterinin neden sipariş etmesi gerektiğini açıklar.

Metin her zamanki gibi biçimlendirilebilir, kalın, italik olarak ayarlayabilir veya bir bağlantı ekleyebilirsiniz.

Müfettiş kullanarak özelleştirmeyi engelle

Inspector'daki gelişmiş ayarlar, hizmet bloğunu ihtiyaçlarınıza göre değiştirmenize olanak tanır. Değiştirebilirsin:

1. Blok renkleri

  • Arka plan rengi
  • Başlık rengi
  • Metin rengi
Servis bloğu renk değişikliği
Rengini değiştirerek bloğunuzu özelleştirin

2. Hizmet bloğundaki simge veya resim

Varsayılan olarak hizmet bloğu simgeleri görüntüler. Arama çubuğunu kullanarak seçiciden farklı bir simge seçebilirsiniz. Simge rengini de değiştirebilirsiniz. Simge yerine herhangi bir resmi de kullanabilirsiniz. Simge boyutuna veya servis kutusu genişliğine uyacak şekilde ayarlanabilir.

Hizmet bloğu Denetçisindeki Simge ve Görüntü seçenekleri
Blok içinde neyi görüntülemek istediğinizi seçin – Simge mi yoksa Görüntü mü?

Servis kutusunda simge veya resmin gösterilmesini istemiyorsanız, bu özelliği tamamen kapatabilirsiniz (Simge veya resmi göster -> Yok).

3. Bağlantı

Ziyaretçileri başka bir sayfaya yönlendirmek için servis kutusuna bağlantı ekleyebilirsiniz. Doğru seçilmiş CTA, tıklama sayısını ve dönüşüm oranını artırır. Basitçe “Daha fazlasını okuyun” yazıp URL'yi ekleyebilirsiniz. Bu bağlantıyı yeni bir tarayıcı sekmesinde açmayı da seçebilirsiniz.

URL bağlantısını Hizmet bloğuna ekle
Harekete geçirici mesaj oluşturmak için URL ekleyin

4. Özel CSS sınıfı

Gelişmiş WordPress kullanıcıları için, kendi CSS kodunu ekleme seçeneği mevcut diğer bloklarda olduğu gibidir. Servis bloğu tasarımında daha büyük değişiklikler yapmanızı sağlar.

Birden çok hizmetle Hizmetler sayfası nasıl oluşturulur?

Bu makalenin başında belirttiğimiz gibi, Hizmetler sayfası tüm hizmetleri tek bir yerde sunmak için kullanılabilir. Yeni bir sayfa oluşturun ve birkaç Servis bloğunu yan yana veya birbiri ardına ekleyin. Hizmetli bloklar, gereksinimlerinize göre herhangi bir yere yerleştirilebilir. Nasıl kullanacağınız tamamen size kalmış.

Hizmet bloğunu kullanarak WordPress blok düzenleyicisine Hizmet sayfası nasıl eklenir?

  • İlk olarak, Sütun bloğu eklemeniz gerekir.
  • Sütun sayısını ayarlayın. 3 hizmet sunmak istiyorsanız 3 sütuna ihtiyacınız var
  • Bundan sonra her sütuna bir Hizmet bloğu ekleyin
Daha fazla Hizmet bloğu tarafından oluşturulan Hizmetler sayfası
Sütunlar bloğunda iç içe 3 hizmet bloğu

Her hizmet ayrı bir blok olduğundan, yönetim basit ve açıktır. Seçili bloğu çoğaltabilir ve sayfanızda başka bir yerde kullanabilirsiniz. En iyi yanı, hizmet bloklarının mobil cihazlarda duyarlı sürümde de iyi görünecek olmasıdır.

Hizmet bloğumuzu zaten denediniz mi? Bunu nasıl buluyorsun? İlk tepkilerinizi aşağıdaki yorumlarda görmek için sabırsızlanıyoruz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir