En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

Web Sitesi Banner'ı Nasıl Yapılır (3 Kolay Yol)

Görsel olarak çarpıcı bir banner, ziyaretçilerin sitenize ilk girdiklerinde fark ettikleri ilk şeylerden biridir. Markanızın tonunu belirler, mesajınızı iletir ve dönüşümleri teşvik eder, bu da onu ürünlerinizi, hizmetlerinizi veya önemli güncellemelerinizi vurgulamak için güçlü bir araç haline getirir.

Yıllar boyunca, haber bültenimizi tanıtmak, Black Friday fırsatlarını vurgulamak, ücretsiz kurslar paylaşmak, profesyonel hizmetlerimizi sergilemek ve daha fazlası için WPBeginner'da farklı türde bannerlar kullandık.

Bu kampanyalar aracılığıyla, banner'ların sürekli olarak insanların dikkatini çektiğini, harekete geçir düğmelerine tıklamayı teşvik ettiğini ve işimiz için potansiyel müşteriler yarattığını fark ettik.

Bu makalede, WordPress web siteniz için kolayca nasıl bir banner oluşturacağınızı göstereceğiz. Bu sayede, tüm bu faydalardan işinizi geliştirmek için yararlanabilirsiniz.

WordPress'te bir web sitesi banner'ı oluşturun

💡Anahtar Çıkarımlar: Bir Web Sitesi Banner'ı Oluşturmanın 3 Yolu

Acil misiniz? Bir web sitesi banner'ı oluşturmanın en kolay yolları şunlardır:

  • Yöntem 1: OptinMonster (Önerilen). Satışları gerçekten artıran (çıkış niyeti gibi) akıllı görüntüleme kurallarıyla dinamik, yüksek dönüşümlü banner'lar oluşturmak için en iyi seçim.
  • Yöntem 2: Canva (Ücretsiz). Basit sürükle-bırak şablonlarını kullanarak statik banner grafikleri ücretsiz tasarlamak için ideal.
  • Yöntem 3: Thrive Leads. Özellikle WordPress siteleri için potansiyel müşteri oluşturan banner'lar oluşturmak için sağlam bir alternatif.

Web Sitesi Banner'ı Nedir?

Bir banner, bir WordPress web sitesinin üst, alt veya yan tarafına uzanan grafiksel bir gösterimdir. Genellikle bir marka adı ve logosunu, ayrıca belirli bir ürünü, hizmeti veya etkinliği tanıtmak için diğer tasarım öğelerini içerir.

Örneğin, çevrimiçi bir mağaza bir indirim duyurursa, sayfanın üst kısmında bir banner gösterebilir. Bu, yeni ziyaretçilere indirim hakkında bilgi verir ve onları satın alma yapmaya teşvik eder.

Mağaza satış önizlemesi

İyi tasarlanmış bir banner güçlü bir izlenim bırakabilir ve ziyaretçileri sitenizin geri kalanını keşfetmeye davet edebilir. Ayrıca, belirli hedeflere ulaşmak için banner'ları kullanabilirsiniz, örneğin:

  • Satış ortaklığı ürünlerini tanıtmak
  • Marka kimliğinizi oluşturmak
  • E-posta listesi oluşturma
  • Diğer sayfalara trafik çekmek
  • Sosyal medya takipçilerinizi artırmak

En İyi Web Sitesi Banner Boyutu Nedir?

İdeal web sitesi banner boyutu, WordPress blogunuzun düzenine ve özel pazarlama hedeflerine bağlıdır.

Örneğin, ekranın üst kısmında dikdörtgen ve ince bir banner görüntülemek istiyorsanız, 970 x 90 boyutlarındaki Büyük Lider Tablosu boyutunu kullanabilirsiniz.

İşte en popüler banner boyutlarının ve nerede kullanılacaklarının hızlı bir özeti:

Banner AdıBoyutlarEn İyi Kullanım Senaryosu
Orta Boy Banner300 x 250Kenar Çubuğu veya içerik içi
Lider Panosu728 x 90Sayfa Üstü (Üstbilgi)
Geniş Gökdelen160 x 600Kenar Çubuğu (Dikey)
Yarım Sayfa300 x 600Kenar Çubuğu (Yüksek Görünürlük)
Büyük Liderlik Tablosu970 x 90Sayfa Üstü (Geniş Ekranlar)
Billboard970 x 250Sayfa Üstü (Yüksek Etki)
Büyük Dikdörtgen326 x 280Kenar çubuğu veya içerik sonu
Dikey Banner120 x 240Dar Kenar Boşluğu
Tam Banner468 x 60Üst Bilgi veya küçük içerik alanları
Yarım Banner234 x 60Küçük içerik alanları

Reklam banner'ları görüntülemek istiyorsanız, WordPress için en yüksek performanslı Google AdSense banner boyutları ve formatları hakkındaki başlangıç kılavuzumuza bakmak isteyebilirsiniz.

Bunu söyledikten sonra, WordPress web sitenizde kolayca nasıl bir banner yapabileceğinizi görelim. Bu eğitim için, bir banner yapmak için üç yöntemi ele alacağız ve seçtiğiniz yönteme atlamak için aşağıdaki bağlantıları kullanabilirsiniz:

Yöntem 1: OptinMonster Kullanarak Web Sitesi Banner'ı Oluşturun (Önerilir)

OptinMonster, web siteniz için kolayca kayan çubuk ve açılır bannerlar oluşturmanıza olanak tanıyan piyasadaki en iyi WordPress banner oluşturucu eklentisidir.

Web sitesi ziyaretçilerini abonelere ve müşterilere dönüştürmenize yardımcı olan en iyi dönüşüm optimizasyonu ve potansiyel müşteri üretme aracıdır.

Ayrıca, OptinMonster'ın banner şablonlarının birçoğunda, web sitesi ziyaretçilerinizin adlarını, e-posta adreslerini ve telefon numaralarını toplamanıza olanak tanıyan kayıt alanları bulunur.

Yıllar boyunca, WPBeginner'da banner eklemek ve başarılı potansiyel müşteri oluşturma kampanyaları oluşturmak için aracı birkaç kez kullandık. Daha fazla ayrıntı için, eksiksiz OptinMonster incelememize bakın.

Adım 1: OptinMonster'ı Web Sitenize Kurun

Öncelikle bir OptinMonster hesabına kaydolmanız gerekecektir. Bunu yapmak için, sadece OptinMonster web sitesini ziyaret edin ve 'Şimdi OptinMonster Al' düğmesine tıklayın.

OptinMonster

Ardından, ücretsiz OptinMonster eklentisini WordPress web sitenize kurmanız ve etkinleştirmeniz gerekir. Bu ücretsiz araç, siteniz ile OptinMonster hesabınız arasında bir bağlayıcı eklenti görevi görür.

Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına dair başlangıç kılavuzumuza bakmak isteyebilirsiniz.

Etkinleştirmenin ardından, OptinMonster kurulum sihirbazı WordPress yönetici panelinizde açılacaktır.

Buradan, WordPress sitenizi OptinMonster hesabınıza bağlamak için 'Mevcut Hesabınızı Bağlayın' düğmesine tıklayın.

Mevcut hesabınızı bağlayın

Bu, bilgisayar ekranınızda yeni bir pencere açacaktır.

Buradan, ilerlemek için 'WordPress'e Bağlan' düğmesine tıklayın.

OptinMonster'ı WordPress'e Bağlama
Adım 2: Banner'ınızı Oluşturun ve Özelleştirin

WordPress hesabınızı OptinMonster ile bağladığınıza göre, WordPress yönetici kenar çubuğundan OptinMonster » Kampanyalar sayfasına gidin.

Buradan, web sitesi banner tasarımınızı oluşturmaya başlamak için ‘İlk Kampanyanızı Oluşturun’ düğmesine tıklayın.

İlk OptinMonster kampanyasını oluşturun

Bu sizi 'Şablonlar' sayfasına yönlendirecektir; burada bir kampanya türü seçerek başlayabilirsiniz.

Örneğin, banner'ınızı ekranın üst kısmında bir çubuk olarak göstermek istiyorsanız, ‘Kayar çubuk’ kampanyasını seçebilirsiniz. Benzer şekilde, banner'ınızı bir açılır pencere olarak görüntülemek için ‘Açılır pencere’ kampanya türünü seçebilirsiniz.

Bundan sonra, seçtiğiniz kampanya için bir şablon da seçmeniz gerekecektir.

Kayar çubuk şablonunu seçin

Bu eğitim için, ‘Kayar çubuk’ kampanya türü için bir şablon seçeceğiz.

Ardından, oluşturduğunuz kampanya için bir ad vermeniz istenecektir. Seçtiğiniz bir adı yazmanız ve ilerlemek için ‘Oluşturmaya Başla’ düğmesine tıklamanız yeterlidir.

Oluşturmaya Başla düğmesine tıkla

Bu, OptinMonster sürükle ve bırak arayüzünü ekranınızda başlatacak ve bannerınızı özelleştirmeye başlayabileceksiniz. Buradan, soldaki kenar çubuğundan istediğiniz alanları banner üzerine sürükleyip bırakabilirsiniz.

Örneğin, takipçilerinizi artırmak için banner'ınıza sosyal medya simgeleri eklemek istiyorsanız, Sosyal Medya bloğunu sol kenar çubuğundan sürükleyip bırakabilirsiniz.

Banner'a bloklar ekleyin

Bundan sonra, sol sütunda ayarlarını açmak için bloğa tıklamanız yeterlidir.

Buradan düğme başlığını değiştirebilir, sosyal medya URL'nizi ekleyebilir ve hatta açılır menüden sosyal medya platformunuzu değiştirebilirsiniz.

Web sitenizin banner tasarımında video, resim, metin veya CTA görüntülemek için başka bloklar da ekleyebilirsiniz.

Sol sütundan blok ayarlarını yapılandırın

Bunu yaptıktan sonra, banner konumunu seçmeniz gerekir.

Varsayılan olarak, OptinMonster kayan çubuğu, kaydırmaya başladığınızda web sitenizin ekranının altında görüntülenir.

Ancak, soldaki kenar çubuğunun altındaki 'Ayarlar' simgesine tıklayarak bu ayarı kolayca değiştirebilirsiniz.

Bu, sol sütunda ayarları açacaktır; burada ‘Kayar Çubuk Ayarları’ sekmesini genişletmeniz gerekir. Buradan, banner'ı en üste görüntülemek için ‘Kayar Çubuk sayfanın en üstünde mi yüklensin?’ anahtarını çevirmeniz yeterlidir.

Banner'ı üstte görüntülemek için anahtarı değiştirin
Adım 3: Banner'ınız İçin Tetikleyiciler Ekleyin

Banner'ınızı tasarladıktan sonra, üstteki 'Görüntüleme Kuralları' sekmesine geçin. Buradan banner'ınızın görüntülenmesi için kurallar ekleyebilirsiniz.

Banner'ınız için belirli bir görüntüleme tetikleyicisi eklemek istediğinizde yalnızca bu sekmeye geçmeniz gerektiğini unutmayın. Aksi takdirde, bir sonraki adıma geçebilirsiniz.

Örneğin, kullanıcı sitenizden ayrılmak üzereyken banner'ınızı göstermek istiyorsanız, 'Çıkış Niyeti' seçeneğini seçmeniz gerekir.

Soldaki açılır menüden Çıkış Niyeti seçeneğini seçin

Bunu yaptıktan sonra, ortadaki açılır menüden 'Tüm cihazlarda' seçeneğini seçin. Bu görüntüleme kuralını yalnızca mobil cihazlar için kullanmak isterseniz, bu seçeneği de seçebilirsiniz.

Bundan sonra, Çıkış Niyeti Hassasiyetini istediğiniz gibi seçin ve ‘Sonraki Adım’ düğmesine tıklayın.

Çıkış niyeti teknolojisi hassasiyetini seçin

Bu sizi yeni bir ekrana götürecektir. Burada, 'Kampanya görünümünü göster' açılır menüsü için 'Optin' seçeneğinin seçili olduğundan emin olmanız gerekir.

Bunu yaptıktan sonra, 'Sonraki Adım' düğmesine tıklamanız yeterlidir.

Ardından açılır menüsünden Kayıt seçeneğini seçin

Banner'ınız için görüntüleme kuralınız şimdi ekranda gösterilecektir.

Burada bir şeyi değiştirmek isterseniz, düzeltmek için 'Düzenle' düğmesine tıklayabilirsiniz.

Görüntüleme kuralları için özet
Adım 4: Banner'ınızı Yayınlayın

Artık üstteki ‘Yayınla’ sekmesine geçebilir ve ekranın sağ üst köşesindeki ‘Kaydet’ düğmesine tıklayabilirsiniz.

Bundan sonra, banner'ı web sitenizde görüntülemek için 'Yayınla' düğmesine tıklamanız yeterlidir.

Banner'ı kaydet ve yayınla

Şimdi, banner'ı ekranınızın üst kısmında görmek için web sitenizi ziyaret edin.

Bu, demo sitemizde nasıl göründüğüydü.

Optinmonster banner önizlemesi

Yöntem 2: Canva Kullanarak Bir Web Sitesi Banner'ı Oluşturun (Ücretsiz)

Ücretsiz bir web sitesi bannerı yapmak istiyorsanız, bu yöntem tam size göre.

Canva, bannerlar, logolar, posterler, kitap kapakları ve daha fazlası dahil olmak üzere her türlü grafik oluşturmak için popüler bir web tabanlı araçtır. Ayrıca web sitesi banner tasarımı oluşturmak için kullanabileceğiniz ücretsiz bir sürüm de sunar.

Adım 1: Bir Canva Hesabı Oluşturun

Öncelikle, Canva web sitesini ziyaret edin ve bir hesap oluşturmak için 'Kaydol' düğmesine tıklayın.

Zaten bir Canva hesabınız varsa, basitçe giriş yapabilirsiniz.

Bir Canva hesabı oluşturun

Hesap oluşturulduktan sonra Canva hesabınızın ana sayfasına yönlendirileceksiniz.

Buradan, sol sütundaki 'Şablonlar' sekmesine geçmeniz ve ardından üstteki arama kutusunu kullanarak banner şablonlarını aramanız gerekir.

Bu, Canva'da bulunan tüm banner şablonlarını gösterecektir. Ancak, bu şablonların bazıları ücretli özellikler olduğu için kilitli olabilir.

Bir Canva şablonu seçin
Adım 2: Web Sitesi Banner'ınızı Tasarlayın

Bir şablon seçtiğinizde, Canva'nın tasarım arayüzü ekranda başlatılacaktır.

Buradan, banner'ınızı istediğiniz gibi özelleştirebilirsiniz. Bloklara tıklayarak ve metninizi ekleyerek mevcut içeriği değiştirebilirsiniz.

Canva banner'ını özelleştirin

Sol sütundaki 'Öğeler' sekmesine geçerek çıkartmalar, fotoğraflar ve videolar gibi farklı grafik öğeleri bile ekleyebilirsiniz.

Bir öğe ekledikten sonra, üstteki menüden animasyonunu, konumunu ve şeffaflığını daha fazla değiştirebilirsiniz.

Sol sütundaki ‘Yüklemeler’ sekmesine geçerek bilgisayarınızdan medya dosyaları da yükleyebilirsiniz.

Sol sütundan öğeler ekleyin

Banner'ınıza metin eklemek için soldaki sütunda bulunan ‘Metin Kutusu’ sekmesine geçin.

Orada, varsayılan metin stillerini veya farklı yazı tipi kombinasyonlarını kullanarak banner'ınıza bazı içerikler ekleyebilirsiniz.

Fareyle metni seçerek bir bağlantı ile bir eylem çağrısı bile ekleyebilirsiniz. Bu, metnin üst kısmında bir bağlantı simgesi gösterecektir.

Bağlantı simgesine tıklayın

💡Profesyonel İpucu: Canva bağlantıları betikler aracılığıyla yönettiği için, reklam engelleyiciler bazen bunları devre dışı bırakabilir. Banner bağlantınızın doğru çalıştığından emin olmak için gizli pencerede test etmenizi öneririz.

Sadece o simgeye tıklayın ve eklemek istediğiniz bağlantıyı kopyalayıp yapıştırın.

Bundan sonra, kaydetmek için 'Bitti' düğmesine tıklayın.

Bağlantı ekle
Adım 3: Banner için Gömme Kodu Alın

Banner özelleştirmenizden memnun kaldığınızda, ekranın sağ üst köşesindeki 'Paylaş' düğmesine tıklamanız yeterlidir.

Bu, altta 'Daha Fazla' seçeneğini seçmeniz gereken bir istem menüsü açacaktır.

Paylaşım istemindeki Diğer seçeneğine tıklayın

Şimdi sizi, 'Göm' seçeneğini seçmeniz gereken 'Tüm Seçenekler' menüsüne yönlendirecektir.

Bunu yaptıktan sonra, ekranda yeni bir istem açılacaktır. Buradan, ‘Yerleştir’ düğmesine tıklamanız yeterlidir.

Ekle düğmesine tıklayın

Canva şimdi sizin için bir HTML yerleştirme kodu oluşturacaktır.

Ekran üzerinde görüntülendiğinde, 'HTML gömme kodu' seçeneğinin altındaki 'Kopyala' düğmesine tıklayın.

HTML yerleştirme kodunu kopyalayın
Adım 4: HTML Yerleştirme Kodunu WordPress'e Ekleme

Artık banner'ınızı istediğiniz gibi WordPress sayfanızda, gönderinizde veya kenar çubuğunuzda görüntüleyebilirsiniz. Bu eğitim için banner'ımızı bir WordPress sayfasında göstereceğiz.

Öncelikle, banner'ı eklemek istediğiniz sayfayı veya gönderiyi açmanız gerekir.

Oradayken, Özel HTML bloğunu bulup sayfaya eklemek için sol üst köşedeki ‘Blok Ekle’ (+) düğmesine tıklayın.

Bunu yaptıktan sonra, kopyaladığınız yerleştirme kodunu bloğa yapıştırmanız yeterlidir.

Blok düzenleyiciye kod ekleyin

📍Not: Canva yerleştirmeleri tam olarak duyarlı olmayabilir. Bannerın ekrana doğru uyduğundan emin olmak için sayfanızı bir mobil cihazda kontrol ettiğinizden emin olun.

Son olarak, değişikliklerinizi kaydetmek için 'Güncelle' veya 'Yayınla' düğmesine tıklayın.

Şimdi, WordPress bannerının çalışırken görünmesi için web sitenizi ziyaret edin.

Canva banner önizlemesi

Yöntem 3: Thrive Leads Kullanarak Bir Web Sitesi Banner'ı Oluşturun

Ayrıca Thrive Leads kullanarak bir web sitesi banner'ı oluşturabilirsiniz. 114.000'den fazla web sitesi tarafından kullanılan popüler bir WordPress açılır pencere eklentisidir.

Thrive Leads ile, WordPress sitenizde potansiyel müşterileri yakalamanıza ve e-posta listenizi büyütmenize yardımcı olacak yüksek kaliteli banner'lar tasarlayabilirsiniz.

Bu aracı gerçek zamanlı olarak kapsamlı bir şekilde test ettik ve sezgisel bir arayüz ve çekici şablonlarla yeni başlayanlar için süper kolay olduğunu gördük. Ayrıntılar için Thrive Themes Suite incelememize bakın.

Adım 1: Thrive Leads'i WordPress Sitenize Kurun

Öncelikle, eklentiyi satın almak için Thrive Themes web sitesini ziyaret etmeniz ve bir hesap için kaydolmanız gerekir. Bunu yaptıktan sonra, üye kontrol panelinize gidin.

Buradan, 'Thrive Product Manager eklentisini indir ve yükle' bağlantısına tıklayın.

Thrive Ürün Yöneticisi eklentisini yükleyin

Ardından, Thrive Product Manager eklentisini yüklemek ve etkinleştirmek için WordPress web sitenizi ziyaret edin. Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakmak isteyebilirsiniz.

Etkinleştirdikten sonra, WordPress yönetici kontrol panelinden Ürün Yöneticisi sekmesine gidin ve ‘Hesabıma giriş yap’ düğmesine tıklayın.

Thrive Ürün Yöneticisi kontrol paneline giriş yapın

Giriş kimlik bilgilerinizi girdikten sonra, Thrive Ürün Yöneticisi kontrol panelinizi görebileceksiniz.

Buradan, sitenizde yüklemek ve kullanmak istediğiniz ürünleri seçebilirsiniz. Sadece 'Thrive Leads' eklentisini seçin ve 'Seçili ürünleri yükle' düğmesine tıklayın.

Thrive Leads eklentisini yükleyin
Adım 2: Bir Web Sitesi Banner'ı Oluşturun

Eklenti kurulumundan sonra, WordPress yönetici kenar çubuğundan Thrive kontrol paneli » Thrive Leads sayfasını ziyaret etmeniz gerekir.

Oraya ulaştığınızda, 'Öncü Grupları' seçeneğinin yanındaki 'Yeni Ekle' düğmesine tıklamanız yeterlidir.

Yeni Ekle düğmesine tıklayarak yeni potansiyel müşteri grubu oluşturun

Bu, ekranda oluşturmakta olduğunuz potansiyel müşteri grubu için bir ad yazmanız gereken ‘Yeni Potansiyel Müşteri Grubu Ekle’ açılır penceresini gösterecektir.

Tanımlamanıza yardımcı olacak şekilde öncü grubu adlandırdığınızdan emin olun.

Örneğin, e-posta listenizi oluşturmak için bir banner oluşturuyorsanız, potansiyel müşteri grubunuza ‘E-posta Listesi Kampanyası’ adını verebilirsiniz.

Potansiyel müşteri grubu adı yazın

Bundan sonra, oluşturduğunuz potansiyel müşteri grubu ekranda görünecektir. Erişmek için ‘Yeni Bir Opt-in Formu Türü Ekle’ düğmesine tıklayın.

Bu, oluşturmak istediğiniz banner türünü seçmeniz gereken yeni bir istem açacaktır.

Yeni bir Opt-in formu ekle düğmesine tıklayın

Beğeninize göre bir kayan, kurdele, widget, içerik içi, lightbox veya kaydırma matı banner'ı oluşturabilirsiniz.

Bu banner'lar, kullanıcılarınızdan e-posta adresleri, telefon numaraları ve daha fazlasını içeren verileri toplayacakları için bir form gibi olacaktır.

Bu eğitim için sitemiz için bir kurdele banner'ı oluşturacağız.

Bir Kayıt formu türü seçin

Bir web sitesi banner tasarım türü seçtikten sonra, istem otomatik olarak ekrandan kaybolacaktır.

Şimdi, potansiyel müşteri grubu kontrol panelinizi açmak için Potansiyel Müşteri Grupları sekmenizin sağ köşesindeki ‘Ekle’ düğmesine tıklamanız gerekir.

Bir form için Ekle düğmesine tıklayın

Bu sizi, kampanyanız yayına girdikten sonra grup için tüm formların ve potansiyel müşteri raporlarının görüntüleneceği Öncü Grupları kontrol panelinize götürecektir.

Örneğin, e-posta adreslerini toplamak için bir banner oluşturmak istiyorsanız, banner aracılığıyla topladığınız tüm kullanıcı bilgileri burada görüntülenecektir.

Bir form oluştur düğmesine tıklayın

Şimdilik, banner'ınızı oluşturmaya başlamak için 'Form Oluştur' düğmesine tıklamanız yeterli.

Bu, forma bir ad sağlamanız ve 'Form Oluştur' düğmesine tıklamanız gereken yeni bir istem açacaktır.

Bir form adı sağlayın

Formunuz oluşturulduktan sonra, Kurşun Grupları kontrol panelinizde görüntülenecektir.

Buradan, banner'ınızı oluşturmaya başlamak için sağ köşedeki 'Tasarımı Düzenle' düğmesine tıklayın.

Tasarımı Düzenle düğmesine tıklayın
Adım 3: Web Sitesi Banner'ınızı Özelleştirin

Thrive görsel düzenleyicisi şimdi ekranınızda yeni bir sekmede başlatılacaktır.

Buradan, 'Thrive Leads Kütüphanesi' isteminden banner'ınız için bir şablon seçerek başlayabilirsiniz.

Ardından, önceden hazırlanmış şablonlardan birini olduğu gibi kullanabilir veya görsel düzenleyici ile daha fazla özelleştirebilirsiniz. Seçiminizi yaptıktan sonra, ilerlemek için ‘Şablon Seç’ düğmesine tıklamanız yeterlidir.

Banner şablonu seçin

Bir şerit banner şablonu ekledikten sonra, her birine tıklayarak içindeki öğeleri kolayca özelleştirebilirsiniz. Bu, öğenin ayarlarını soldaki kenar çubuğunda açacaktır.

Örneğin, şablonunuzdaki düğme rengini değiştirmek istiyorsanız, ayarlarını kenar çubuğunda açmak için üzerine tıklamanız gerekir.

Bir öğe seçin ve ayarlarını yapılandırın

Banner'ınıza tamamen yeni bir öğe eklemek isterseniz, bunu ekranın sağ köşesindeki '+' simgesine tıklayarak da yapabilirsiniz.

Bu, sağdaki 'Öğeler Ekle' kenar çubuğunu açacaktır; burada istediğiniz öğeleri banner'a sürükleyip bırakabilirsiniz.

Örneğin, bannerınıza sosyal medya hesabı düğmeleri eklemek istiyorsanız, sağ kenar çubuğundan Sosyal Takip öğesini sürükleyip bırakmanız gerekecektir.

Banner'a öğeler ekleyin

Memnun kaldığınızda, değişikliklerinizi saklamak için sol alt köşedeki 'İşi Kaydet' düğmesine tıklayın.

Bundan sonra, Potansiyel Müşteri Grupları kontrol panelinize geri dönmeniz gerekir.

Çalışmayı Kaydet düğmesine tıklayın
Adım 4: Banner Ayarlarını Yapılandırın

Kontrol panelinize geri döndüğünüzde, form satırındaki 'Konum' seçeneğine tıklayarak banner'ınızın konumunu değiştirebilirsiniz.

Bu, açılır menüden tercih ettiğiniz banner konumunu seçebileceğiniz 'Konum Ayarları' istemini açacaktır.

Ardından, ‘Kaydet’ düğmesine tıklayın.

Banner konumunu yapılandırın

Ardından, banner'ın görüntülenme sıklığını yapılandırmak için form satırındaki ‘Görüntülenme Sıklığı’ seçeneğine tıklayın.

Bu, banner'ın ekranda kaç kez görüntülenmesi gerektiğini belirlemek için kaydırıcıyı kullanabileceğiniz 'Görüntüleme Ayarları' istemini açacaktır.

0 sayısını tutarsanız, banner her zaman görüntülenecektir. Seçiminizi yaptıktan sonra ayarlarınızı saklamak için 'Kaydet' düğmesine tıklayın.

Banner görüntüleme ayarlarını yapılandırın

Banner'ınızın gösterilmesi için belirli bir tetikleyici eklemek istiyorsanız, form satırındaki 'Tetikleyici' seçeneğine tıklamanız gerekir.

Bu, ‘Tetikleyici Ayarları’ istemini gösterecektir. Burada, açılır menüden belirli bir süre sonra veya bir kullanıcı sayfanın altına ulaştığında gibi bir banner tetikleyicisi seçebilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıklayın.

Banner gösterimi için bir tetikleyici ekleyin
Adım 5: Banner'ınızı Yayınlayın

Banner ayarlarını yapılandırdıktan sonra, Potansiyel Müşteri Grupları kontrol panelinizden çıkmanız ve üstteki bağlantıya tıklayarak Thrive Leads kontrol paneline geri dönmeniz gerekir.

Oraya gittiğinizde, Kurşun Grupları sekmenizi genişletin ve 'Masaüstünde Görüntüle' anahtarını 'Açık' konumuna getirin. Banner'ınızı mobil cihazlarda da görüntülemek istiyorsanız, 'Mobil Cihazda Görüntüle' anahtarını 'Açık' konumuna getirebilirsiniz.

Masaüstünde göster anahtarını açın

Ardından, görüntü ayarlarını açmak için Potansiyel Müşteri Grupları sekmesinin sağ üst köşesindeki dişli simgesine tıklayın.

Burada, banner'ın görüntüleneceği web sitesi sayfalarını seçebilirsiniz. Örneğin, banner'ın tüm sayfa ve gönderilerin üst kısmında görünmesini istiyorsanız, bu seçeneklerin yanındaki kutuyu işaretleyebilirsiniz.

Son olarak, değişikliklerinizi kaydetmek için 'Kaydet ve Kapat' düğmesine tıklayın.

Banner'ı nerede görüntülemek istediğinizi seçin

Şimdi, sayfanın üst kısmında görüntülenen banner'ı kontrol etmek için web sitenizi ziyaret edebilirsiniz.

Demo web sitemizde görünümü böyleydi.

Banner önizlemesi

Bonus: WordPress'e Akıllı Uygulama Banner'ları Ekleyin

Web siteniz için bir mobil uygulamanız varsa, akıllı uygulama bannerları görüntülemek iyi bir fikirdir. Bu bannerlar, uygulamalarınızı tanıtmak ve iPhone veya iPad kullanıcılarını bunları indirmeye teşvik etmek için yalnızca mobil cihazlarda görünmek üzere özel olarak tasarlanmıştır.

Ziyaretçiler bu banner'a tıkladığında, uygulama mağazasına yönlendirilecekler ve buradan uygulamanızı indirebilecekler. Uygulama cihazlarında zaten yüklüyse, akıllı uygulama banner'ı bunun yerine uygulamayı açmalarını isteyecektir.

Bir WordPress web sitesinde akıllı uygulama banner örneği

WPCode ile WordPress'te kolayca akıllı bir uygulama banner'ı ekleyebilirsiniz. Kanımızca, piyasadaki en iyi WordPress kod parçacığı eklentisidir. Uygulamanızın kimliğini web sitesine kolayca eklemenizi sağlar.

Daha fazla bilgi için, WordPress'te akıllı uygulama banner'ını kolayca nasıl ekleyeceğiniz hakkındaki eğitimimize bakın.

Web Sitesi Bannerları Hakkında Sıkça Sorulan Sorular

Web sitesi bannerları oluşturma hakkında okuyucularımızın sıkça sorduğu bazı sorular şunlardır:

Banner oluşturmak için ücretsiz web sitesi hangisidir?

Canva, banner oluşturmak için en iyi ücretsiz web sitesidir. Binlerce hazır şablon ve tasarım becerisi gerektirmeden profesyonel grafikler oluşturmanıza olanak tanıyan sürükle-bırak düzenleyici sunar.

Web banner tasarımı için en iyi yazılım hangisidir?

Canva, basitliği nedeniyle yeni başlayanlar için en iyi yazılım olarak kabul edilir. Gelişmiş düzenleme özellikleri arayan profesyonel tasarımcılar için Adobe Photoshop endüstri standardı olmaya devam etmektedir.

Banner tasarımı için yapay zeka kullanabilir miyim?

Evet, banner tasarımlarını anında oluşturmak için yapay zeka araçlarını kullanabilirsiniz. Canva ve Adobe Firefly gibi platformlar artık basit metin komutlarına dayalı olarak görseller, arka planlar ve metin düzenleri oluşturan yapay zeka özellikleri sunmaktadır.

Canva'dan bir logoyu yasal olarak kullanabilir miyim?

Canva'nın medya öğelerini bannerlar dahil olmak üzere ticari projeler için yasal olarak kullanabilirsiniz. Ancak, Canva'da oluşturulan bir logoyu ticari marka olarak tescil edemezsiniz çünkü tasarımda kullanılan stok öğeleri münhasır değildir ve diğer kullanıcılar tarafından kullanılabilir.

Web banner tasarımında yaygın hatalar nelerdir?

En yaygın hatalar, tasarıma çok fazla metin eklemek ve düşük kontrastlı renkler kullanmaktır. Bunu düzeltmek için mesajınızı basit tutun, yüksek kaliteli görseller kullanın ve Eylem Çağrısı (CTA) düğmenizin net bir şekilde öne çıktığından emin olun.

Bir web sitesi bannerı için ideal boyut nedir?

Tek bir ideal boyut yoktur, ancak 728 x 90 Leaderboard, başlık bannerları için endüstri standardıdır. Kenar çubukları için 300 x 250 Medium Rectangle, hem masaüstü hem de mobil ekranlarda iyi uyum sağladığı için en popüler seçenektir.

Bu makalenin, WordPress için kolayca bir web sitesi banner'ı nasıl yapacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, WordPress web sitenizdeki renkleri nasıl özelleştireceğinize dair başlangıç rehberimize ve en iyi web tasarım yazılımları hakkındaki önerilerimize de göz atmak 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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

1 CommentLeave a Reply

  1. Canva'da basit jpeg/png olarak bannerlar yapardım ve görselleri nereye yönlendirmeleri gerektiğine dair bağlantılarla tıklanabilir hale getirirdim. Ancak bu her zaman kötü bir seçimdi. Masaüstünde iyi görünen mobil cihazlarda kötü görünüyor ve tam tersi.
    Görseller ekrana uyacak şekilde ölçeklenebilir ve sığabilir, ancak normal kodlanmış bannerlar gibi uyum sağlamazlar ki bu çok daha iyidir. İlk yöntem gerçekten umut verici ve profesyonel görünüyor, bunun dönüşlerimi artırmama yardımcı olacağını umuyorum.

Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.