Alanınızda marka otoritesi oluşturmanın en iyi yollarından biri, birlikte çalıştığınız en dikkate değer müşterilerin bir listesini paylaşmaktır. Bir zamanlar iş ortağınız olan kişi veya şirketlere atıfta bulunmak, markanıza daha ciddi ve profesyonel bir imaj vermenize yardımcı olabilir. Hatta potansiyel müşterilerinize bir iş ortağı olarak güvenilirliğinizi ve güvenilirliğinizi vurgulayabilir. Ve bize sorarsanız, sitenizde bir müşteri listesi görüntülemek için WordPress Addons for Elementor eklentisi ve onun çok yönlü Müşteri Listesi widget’ının yardımını kullanmaktan daha etkili bir yol yoktur.
Widget’ın esnek seçeneklerinin birçoğunu kullanarak müşteri listesi öğenizi nasıl tamamen sıfırdan ekleyeceğinizi, özelleştireceğinizi ve stillendireceğinizi gösterirken bizi izlemeye devam edin. İşte şunları ele alacağız:
-
Widget Ekleme ve Genel Ayarları Düzenleme
-
Öğeleri Özelleştirme
-
Liste Seçeneklerini Kullanma
-
Widget’ı Şekillendirme
Widget Ekleme ve Genel Ayarları Düzenleme
100’den fazla tamamen özelleştirilebilir pencere öğesiyle birlikte gelen WordPress Addons for Elementor, kolayca web’de bulabileceğiniz en iyi ücretsiz Elementor eklenti koleksiyonlarından biridir. Özellikle Müşteri Listesi pencere öğesi, ücretsiz pencere öğesi paketinde mevcuttur. Bu pencere öğesi, iş ortaklarınızın veya geçmişte birlikte çalıştığınız diğer önemli müşterilerin bir listesini sergilemek için size pek çok yaratıcı yol sağlar. Widget’ın esnek seçenekleri, ziyaretçileriniz farelerini belirli istemcilerin üzerine getirdiğinde bazı ek harika efektler oluşturmak için ayrı ana ve fareyle üzerine gelme resimleri görüntülemenize olanak tanır. Minimalist sunumlar oluşturmak veya bazı ek metinler sunarak daha fazla bilgi sağlamak isteyip istemediğinizi seçebilirsiniz. Ek olarak görüntü oranlarını değiştirebilir, kenarlıkları ayarlayabilir, yazı tiplerini ve renkleri ayarlayabilir ve liste uzar gider.
Size bu yararlı parçacığı nasıl ekleyeceğinizi ve özelleştireceğinizi gösterdiğimiz için buralarda takılı kaldığınızdan emin olun. Daha sonra sitenizde sıradan ziyaretçilerinizi gerçek çalışma ortaklarına dönüştürmenize yardımcı olacak güzel ve profesyonel müşteri listeleri oluşturabileceksiniz.
Hatta okumak yerine videoları izlemeyi tercih ederseniz, aynı konuyla ilgili bir videomuz var:
Sayfanızın/gönderinizin arka ucuna geldiğinizde, Elementor kenar çubuğuna “müşteri listesi” yazın.
Ekranın sağ tarafına sürükleyin. Widget varsayılan olarak şöyle görünür:
Örneğimizde, beş müşteri görüntülemek istediğimiz için mevcut üç öğeyle birlikte iki öğe daha ekleyeceğiz. “+ÖĞE EKLE” düğmesine basarak öğeler ekleyebilirsiniz:
Şimdi, örneğimiz için beş öğenin de tek bir satırda görüntülenmesini istediğimiz için sütun sayısını beşe ayarlayacağız. Bunu, Liste Seçenekleri bölümüne gidip Sütun Sayısı altında Beş’i seçerek yapabilirsiniz:
Artık bunu ortadan kaldırdığımıza göre, Genel ekrana geri dönme ve en üstteki seçeneğimiz olan Sınırları Etkinleştir ile başlama zamanı. Etkinleştirildiğinde, bu seçenek Öğeler Arasındaki Boşluk seçeneğini geçersiz kılar (buna biraz sonra değineceğiz). Örneğin İç Kenarlık ayarını seçerseniz, öğeler yalnızca onları ayıran ince bir kenarlıkla yan yana olacaktır.
Şimdi size, Enable Borders seçeneği devre dışı bırakılmışsa kullanabileceğiniz bir seçenek göstereceğiz (yani, bu seçeneği tekrar No olarak değiştirdik) – Kutulu Öğeleri Etkinleştir. Bu seçeneği Evet olarak değiştirerek, kutulardaki öğelerle birlikte liste tipi bir düzen elde edeceksiniz.
Devam etmeden önce, kutulanmış öğeleri devre dışı bıraktığımızı ve ayrıca Sınırları Etkinleştir seçeneğine geri döndüğümüze dikkat etmelisiniz. Daha sonra örneğimiz için Tüm Kenarlıkları seçtik:
Şimdi, Hover Type seçeneği varsayılan olarak Yok olarak ayarlanmıştır. Fakat mevcut seçeneklerden birini seçerseniz, öğelerin üzerine geldiğinizde farklı efektler elde edersiniz.
Örneğimiz için Dikey Devrilme ayarını kullanmaya karar verdik.
Öğeleri Özelleştirme
Şimdi resimleri yüklemeye ve öğelerinizi özelleştirmeye başlamanın zamanı geldi.
İlk Öğeyi açmak için, üzerine tıklamanız yeterlidir ve görüntünüzü yükleme seçeneklerini alırsınız. Görüntüleri yüklemek için kullanılabilir iki alan göreceksiniz – biri hemen görünür olacak (Müşteri Görüntüsü), diğeri fareyle üzerine gelindiğinde görünecek (Müşteri Hover Görüntüsü).
Bu alanları kullanarak tercih ettiğiniz görselleri seçmeli ve işiniz bittiğinde Medya Ekle düğmesine basmalısınız.
Aynı görüntüyü hem İstemci hem de İstemci Vurgulu Görüntüsü için yükledik ve fareyle üzerine geldiğimizde elde ettiğimiz nihai sonuç bu:
İstemci Başlığı seçeneği, görüntünün hemen altında bulunan başlığı eklemenizi sağlar (bizim durumumuzda, bu “Örnek Başlık 1”). Bu yer tutucu metnin üzerine yazabilir veya tamamen silebilirsiniz. Aynısı İstemci Metni için de geçerlidir. Örneğimiz için ikisini de sildik.
İstemcinizin URL’sini ekleyebileceğiniz İstemci Bağlantısı da vardır. Bunu yaparsanız, resminiz fareyle üzerine gelindiğinde tıklanabilir hale gelir.
İstemci listenizdeki belirli bir öğeye simge eklemenizi sağlayan İstemci Simgesi seçeneği de vardır. Yukarıdaki resimde, ikinci öğenin sağ üst köşesinde yıldız şeklinde küçük bir simge olduğunu görebilirsiniz – bu bizim müşteri simgemiz olacaktır.
Fakat örneğimiz için simgeye ihtiyacımız olmayacak, bu yüzden listemizdeki ikinci öğeye tıklayıp bizimkini sildik.
İsterseniz bir, birden fazla veya tüm öğeleriniz için dilediğiniz bir simge ekleyebilirsiniz. Kitaplıkta bulunan bir simgeyi seçebilir veya kendi simgenizi yükleyebilirsiniz.
Bu durum Öğenin kendisindeki tüm mevcut seçenekleri tamamlar.
İlk öğede yaptığımız gibi diğer öğe resimlerini ve metin içeriğini de değiştirdik.
Ve şu ana kadar müşteri listemizin görünümü:
Liste Seçeneklerini Kullanma
Liste Seçenekleri bölümünde, listenizin görünümüyle ilgili bir dizi başka seçenek vardır. Bu bölümdeki ilk seçenek Görüntü Oranları olarak adlandırılır. Bu seçenek, görüntünüzün görüntülenmesini istediğiniz yolu (Küçük Resim, Orta, Büyük, Kare vb.) seçmenize olanak tanır. Orijinalde tutacağız.
Daha sonra widget’ınız için birden sekize kadar herhangi bir sütun seçmenize izin veren Sütun Sayısı seçeneği vardır. Tüm müşterilerimizi tek bir satıra yerleştirebilelim diye en başından beri bizimkini beşe ayarladık.
Daha sonra belirli bir ekran boyutunda kaç sütunun görüntüleneceğine karar vermenize yardımcı olan Duyarlı Sütunlar seçeneği gelir. Her bir ekran türü için sütun numarasını ayarlamak üzere Önceden Tanımlı tutabilir veya Özel’i seçebilirsiniz (bizim seçtiğimiz budur):
İlk iki ekran boyutu dizüstü bilgisayarları temsil ederken, en büyük ekran seçeneği (1920 piksel genişliğinde) daha önce önceden tanımlanan Sütun Sayısı seçeneği tarafından belirlenir.
İlk iki seçeneği de beş sütun olacak şekilde değiştirdik, tabletler için ise (yatay ve portre seçenekleri) üçte bıraktık. Son iki seçenek (mobil ekranlar) için bir sütun seçtik.
Son olarak ayrı istemciler arasında sahip olacağınız alan miktarını ayarlamak için Öğeler Arasındaki Boşluk seçeneğini kullanabilirsiniz. Ayarımız için varsayılan değeri koruduk.
Widget’ı Şekillendirme
Şimdi Stil sekmesine erişme zamanı.
Stil bölümünün altında, Hizalama seçeneği (içerik hizalamasını ayarlamak için), Başlık Etiketi (kullanmak isteyebileceğiniz herhangi bir metin içeriğine stil vermek için), Başlık Rengi ve hatta Başlık Tipografisi bulunur.
Müşteri listemiz için herhangi bir metin kullanmıyoruz, bu nedenle örneğimizde bu seçenekleri atladık.
Görüntüler Alt Kenar Boşluğu seçeneğine geçmek – bu seçenek, yalnızca müşteri görüntülerinizin altına daha fazla alan eklemenizi sağlar.
Başlık Kenar Boşluğu Alt, başlık metninin altına boşluk eklemenizi sağlayan benzer bir seçenektir.
Son olarak İçerik Doldurma seçeneği tüm içeriğin etrafındaki alanı artırmanıza olanak tanır.
Buradaki alanların bağlantısını kaldırdık ve üst kısım için 89 piksel ve alt kısım için 73 piksel girdik.
Kenarlık Stili Bölümü
Buradaki ikinci bölüm, Kenar Stili ile ilgilidir. Fakat kısa bir not – kenarlık seçeneğiniz etkin değilse, bu bölümde herhangi bir seçenek gösterilmez. Olduğu söyleniyor, örneğimiz için bir sınırımız var, dolayısıyla burada mevcut seçenekler var.
Kenarlık Rengi seçeneği, kenarlığınızın rengini kolayca seçmek için kullanabileceğiniz pratik renk seçiciyi içerir. Sırada Düz, Kesikli ve Noktalı varyantları olan Kenarlık Stili var. Bizimki Katı olarak ayarlandı.
Kenarlık Genişliğini artırdığımızda, değişiklikler de daha görünür olacaktır:
Şimdi size sınırın nasıl görünebileceğini gösterdiğimize göre, kenarlığı ince tutmak için genişliğini temizleyeceğiz.
Kutulu Stil ve Simge Stili
Kutulu Stil bölümü de bulunmaktadır. Bizim durumumuzda, bu pencere öğesi için Kutulu Öğe düzenini kullanmadığımız için bu bölüm boştur.
Bu seçeneklerin görünmesini sağlamak için önce İçerik sekmesine gitmeniz ve ardından Sınırları Etkinleştir seçeneğinde Hayır’ı seçmeniz gerekir (kutulu öğeleri etkinleştirme seçeneğini ortaya çıkarmak için).
Son olarak Stil sekmesi altındaki Kutulu Stil bölümüne bir kez daha erişin.
İlk olarak bölümünüzün Arka Plan Rengini değiştirebileceksiniz. Buraya istediğiniz rengi eklemekten çekinmeyin. Renk eklemenin kutulu ürünlerinize neler yapabileceğini hızlıca göstermek için #CC6666 onaltılık kodlu rengi seçtik (bu ayarı hemen sonra kaldırdık).
Hatta kutunuzdaki içeriğin etrafındaki boşluğu ayarlamanıza izin verecek Öğe Dolgusunu da ayarlayabilirsiniz.
Ve Kutulu Stil bölümünde bulunan seçenekler için bu kadar.
Müşteri listemizin önceki görünümünü geri almak için önceki Enable Borders >> All Border seçeneklerini geri yükledik.
Son olarak Simge Stili bölümü, simgenizin görünümünü (eğer varsa) özelleştirmenize olanak tanır. Bu bölüm, simge rengini, simge boyutunu ve konumunu değiştirmenizi sağlayan seçenekleri içerir.
Metnimizin ilk bölümündeki simgemizi sildik, bu nedenle bu seçenekleri kullanmayacağız. Fakat öğeleriniz için bir simge seçtiyseniz, onu burada stillendirebilirsiniz.
Widget’ınızın görünümünden memnun kaldığınızda Yayınla/Güncelle düğmesine bastığınızdan emin olun.
Bu durum kendisi için kurduğumuz tüm görseller, stiller ve fareyle üzerine gelme efektleriyle birlikte listemizin son görünümü:
Konunun Özeti
Bu durum Elementor’un güzel ve pratik Müşteri Listesi widget’ı için WordPress Eklentilerinden en iyi şekilde nasıl yararlanılacağına ilişkin eğitimimizi tamamlıyor. Listenizin görünümünü tamamen özelleştirmek ve onu basit bir metin satırından çok daha fazlası haline getirmek için yukarıda sunduğumuz widget’ın esnek seçeneklerinin birçoğunu kullanabilirsiniz. Örneğin listenize farklı görseller ve marka logoları yükleyebilecek, ayrı vurgulu görseller kullanarak farklı şık efektler ekleyebilecek, öğelerinizin stilini değiştirebilecek, renk ekleyebilecek, kenarlık seçeneklerini ayarlayabilecek ve daha fazlasını yapabileceksiniz.
Yukarıda kullandığımız örneğe devam edebilir, widget sayfamızda bulunan tasarım örneklerinden birini seçebilir veya Müşteri Listesi öğeniz için tamamen benzersiz bir görünüm oluşturabilirsiniz. Denemek istiyorsanız, kendi markanızın ihtiyaçlarına en uygun tasarımı bulana kadar devam etmenizi ve widget’ın seçenekleriyle oynamanızı öneririz.