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

WordPress'te Duyarlı Bir Kaydırıcıyı Kolayca Oluşturma

Hiç bir web sitesine girdiniz ve ana sayfadaki güzel, kayan bir galeri tarafından etkilendiniz mi? En iyi içeriğinizi sergilemenin harika bir yoludur, ancak her cihazda iyi görünmesini sağlamak gerçek bir baş ağrısı olabilir.

Bir kaydırıcının bilgisayarınızda mükemmel görünmesi ancak akıllı telefonda hantal veya bozuk olması ne kadar sinir bozucu olduğunu biliyoruz. Kötü bir mobil deneyim ziyaretçileri kolayca uzaklaştırabilir.

Kendi sitemizde onlarca aracı test ettikten sonra, her yerde kusursuz çalışan kaydırıcılar oluşturmanın en basit yollarını bulduk. Ziyaretçilerinizin dikkatini çekecek bir tane oluşturmak için herhangi bir kodlama becerisine ihtiyacınız yok.

Bu makalede, WordPress web sitenize duyarlı bir kaydırıcı eklemek için birkaç kolay yöntem göstereceğiz.

WordPress'te duyarlı bir kaydırıcıyı kolayca oluşturma

Web Sitenize Neden Duyarlı Bir WordPress Kaydırıcısı Eklemelisiniz?

Bir içerik kaydırıcısı veya slayt gösterisi, en popüler WooCommerce ürünlerinizi, en son YouTube videolarınızı, müşteri yorumlarını ve daha fazlasını öne çıkarmanın harika bir yoludur.

Yelp yorumları kaydırıcısı

Bazı kaydırıcılar otomatik oynatılır, bu nedenle slaytlar arasında otomatik olarak hareket eder. Bu, az yer kaplayarak çok fazla bilgiyi görüntülemenizi sağlar ve diğer içerikler için bolca alan bırakır.

Harika bir kaydırıcının anahtarının yüksek kaliteli ancak iyi optimize edilmiş görseller kullanmak olduğunu unutmayın. Bu, kaydırıcınızın web sitenizi yavaşlatmadan keskin görünmesini sağlayacaktır. 👍

Bu nedenle, birçok web sitesi en önemli sayfalarında, örneğin bir açılış sayfası, ana sayfa veya satış sayfası gibi sayfalarda kaydırıcılar kullanır.

Kaydırıcı otomatik oynatmaya ayarlansa bile, ziyaretçiler genellikle gezinme düğmelerini kullanarak slaytlar arasında manuel olarak geçiş yapabilirler. Bu şekilde bir kaydırıcı, ziyaretçileri sitenizle etkileşime geçmeye teşvik eder, bu da onu daha ilgi çekici hale getirir.

Bir video kaydırıcısının bir sayfayı ne kadar dinamik hale getirebileceğini aşağıdaki GIF'te görebilirsiniz.

SeedProd kullanılarak oluşturulmuş bir WordPress kaydırıcısı örneği

Bununla birlikte, WordPress'te nasıl kolayca duyarlı bir kaydırıcı oluşturabileceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir.

Yöntem 1. Bir Eklenti Kullanarak Duyarlı Bir WordPress Kaydırıcısı Oluşturma (Hızlı ve Kolay)

Masaüstü ve mobil cihazlarda iyi görünen basit bir kaydırıcı oluşturmak istiyorsanız, Soliloquy eklentisini kullanmanızı öneririz.

Bu WordPress kaydırıcı eklentisi, medya kitaplığınızdaki resimleri kullanarak slaytlar oluşturmanıza olanak tanır ve ayrıca YouTube gibi üçüncü taraf platformlarda barındırılan videoları da gösterebilir.

Soliloquy kullanılarak oluşturulmuş duyarlı bir kaydırıcı örneği

Her slayda alt metin ve başlık ekleyebilirsiniz, bu da SEO dostu içerik oluşturmak için harikadır.

Öncelikle, bir Soliloquy hesabına kaydolmanız gerekecektir. Ardından, Soliloquy eklentisini web sitenize kurabilir ve etkinleştirebilirsiniz. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuzu izleyin.

Etkinleştirdikten sonra, WordPress kontrol panelinde Soliloquy » Ayarlar'a gidin ve lisans anahtarınızı girin.

Soliloquy WordPress eklentisini etkinleştirme

Anahtar, Soliloquy web sitesindeki hesabınıza giriş yaparak bulunabilir. Bu bilgileri girdikten sonra 'Anahtarı Doğrula' düğmesine tıklayın.

Bu işlem bittikten sonra, Soliloquy » Yeni Ekle'ye giderek WordPress web sitenize yeni bir kaydırıcı ekleyebilirsiniz.

Bir WordPress eklentisi kullanarak yeni bir duyarlı kaydırıcı oluşturma

Bir başlık yazarak başlayabilirsiniz. Bu yalnızca referansınız içindir, bu nedenle kaydırıcıyı WordPress kontrol panelinizde tanımlamanıza yardımcı olacak herhangi bir şeyi kullanabilirsiniz.

Ardından, kaydırıcıya resim ve video ekleme zamanı. Dosyaları düzenleyiciye sürükleyip bırakabilir veya 'Diğer Kaynaklardan Dosya Seç'e tıklayabilirsiniz.

Duyarlı bir WordPress kaydırıcısına dosya ekleme

Görüntüleri kullanmak istiyorsanız, bu dosyaları WordPress blok düzenleyicisinde görüntü eklediğiniz gibi ekleyebilirsiniz.

Videoları dahil etmek istiyorsanız, YouTube veya Vimeo gibi bir video barındırma sitesine yüklemenizi öneririz. Videoları doğrudan web sitenize yüklemek iyi bir fikir değildir, çünkü web sitenizi yavaşlatabilir ve çok fazla depolama alanı kaplayabilir.

Bu arada, YouTube gibi platformlar video için optimize edilmiştir, böylece web sitenizi olumsuz etkilemeden kaydırıcılarınızda yüksek çözünürlüklü videolar gösterebilirsiniz.

Bir video barındırma platformu seçtikten sonra, WordPress kaydırıcısına dahil etmek istediğiniz tüm videoları yüklemeniz gerekir. Videoların nasıl yükleneceğinden emin değilseniz, seçtiğiniz video platformu için resmi belgeleri veya kullanıcı kılavuzunu okumanızı öneririz.

Bu yapıldıktan sonra, ‘Diğer Kaynaklardan Dosya Seç’ düğmesine tıklayın ve ardından ‘Video Slaytı Ekle’ seçeneğini belirleyin.

Duyarlı bir kaydırıcıya YouTube videosu ekleme

Artık videonun URL'sini 'Video URL' alanına yapıştırabilirsiniz.

Soliloquy, desteklenen tüm bağlantı biçimlerini sağ tarafta gösterir, bu nedenle bağlantınızın bu biçimlerden birini kullandığından emin olun.

Bir WordPress kaydırıcısına YouTube videosu ekleme

Bu yapıldıktan sonra, 'Başlık' alanına bir başlık yazabilirsiniz. Bu sadece sizin referansınız içindir, bu yüzden istediğiniz herhangi bir şeyi kullanabilirsiniz. Ayrıca alt metin de ekleyebilirsiniz, bu arama motorlarının bu slaytın ne hakkında olduğunu anlamasına yardımcı olacaktır.

Bundan sonra, ‘Başlık’ alanına isteğe bağlı bir başlık yazabilirsiniz. Bu, ziyaretçi ‘Oynat’ düğmesine basmadan önce videonun altındaki gri bir çubukta gösterilecektir.

Duyarlı bir kaydırıcıya video ekleme

Bu çubuğu göstermek istemiyorsanız, 'Başlık' alanını boş bırakmanız yeterlidir.

Girdiğiniz bilgilerden memnun kaldığınızda, 'Başka Bir Video Slaytı Ekle'ye tıklayarak daha fazla slayt oluşturabilirsiniz.

Bu yeni slaytı yapılandırmak için yukarıda açıklanan aynı işlemi izlemeniz yeterlidir.

Bir duyarlı kaydırıcıya daha fazla video kaydırıcısı ekleme

Tüm slaytlarınızı oluşturduktan sonra, ‘Kaydırıcıya Ekle’ düğmesine tıklayın.

Artık ‘Şu Anda Kaydırıcınızda’ bölümünde tüm slaytlarınızı göreceksiniz.

Soliloquy kullanarak WordPress'te duyarlı bir kaydırıcı oluşturma

Ardından, ‘Yapılandırma’ sekmesine tıklayabilir ve kaydırıcı ayarlarını kullanarak özelleştirebilirsiniz. Örneğin, yeni bir kaydırıcı teması seçebilir, resim boyutunu değiştirebilir ve kaydırıcı ile başlıkların konumunu değiştirebilirsiniz.

Ayrıca kaydırıcı oklarını ve oynat/durdur düğmesini özelleştirebilir, geçiş hızını ayarlayabilir, gecikme süresini değiştirebilir ve daha fazlasını yapabilirsiniz.

Bir WordPress resim ve video kaydırıcısı yapılandırma

Ardından, kaydırıcınızın mobil cihazlarda bilgisayarlar ve dizüstü bilgisayarlar kadar iyi göründüğünden emin olmak isteyeceksiniz.

Bununla birlikte, 'Mobil' sekmesine tıklayın ve 'Mobil Kaydırıcı Resimleri Oluştur' seçeneğinin yanındaki kutuyu işaretleyin.

Duyarlı bir WordPress kaydırıcısına mobil boyutlar ekleyin

Ardından, mobil cihazlardaki resimler ve videolar için kullanmak istediğiniz boyutları yazabilirsiniz. Bu kararları verirken, WordPress sitenizin mobil sürümünü masaüstünde görüntülemek yardımcı olabilir.

Varsayılan olarak Soliloquy, mobil kullanıcılar için başlıkları gizleyecektir. Bu genellikle slaytların akıllı telefonlar ve tabletler tarafından kullanılan daha küçük ekranlara daha rahat sığmasına yardımcı olur.

Bu nedenle, bu ayarı devre dışı bırakmanızı öneririz, ancak isterseniz ‘Mobil Cihazlarda Altyazıları Göster’ seçeneğinin yanındaki kutuyu işaretleyebilirsiniz.

Bu işlem tamamlandıktan sonra 'Çeşitli' sekmesine tıklayın. Burada, kaydırıcınıza özel CSS ekleyebilir, kaydırıcı başlığını ve slug'ını düzenleyebilir ve kaydırıcıyı dışa aktarabilirsiniz.

Mobil uyumlu bir kaydırıcıya özel CSS ekleme

Kaydırıcının yapılandırmasından memnun kaldığınızda, 'Yayınla' düğmesine tıklayın.

Soliloquy, herhangi bir sayfaya, gönderiye veya widget'a hazır alana ekleyebileceğiniz kısa bir kod oluşturacaktır.

WordPress blogunuza veya web sitenize bir kısa kod ekleme

Kısa kodu nasıl yerleştireceğiniz hakkında daha fazla bilgi için lütfen WordPress'te kısa kod ekleme kılavuzumuza bakın.

Gelişmiş kullanıcılar için Soliloquy, doğrudan WordPress tema dosyalarınıza eklenebilecek kod parçacıkları da sağlar. Bu yöntem daha hassas kontrol sunar ancak yalnızca kod düzenleme konusunda rahatsanız önerilir. Çoğu kullanıcı için blok veya kısa kod ile devam etmek en kolay ve en güvenli yoldur!

Bir WordPress temasına özel kod ekleme

Adım adım talimatlar için, WordPress'e özel kod ekleme kılavuzumuza bakın.

Kaydırıcıyı sitenize eklemenin en kolay yolu Gutenberg düzenleyicisindeki Soliloquy bloğunu kullanmaktır. Kaydırıcının görünmesini istediğiniz sayfaya veya gönderiye gidin ve ardından ‘+’ düğmesine tıklayın.

Görünen açılır pencerede, ‘Soliloquy.’ yazın.

Bir WordPress web sitesine blok kullanarak kaydırıcı ekleme

Sağ blok göründüğünde, WordPress blogunuza veya web sitenize eklemek için tıklayın.

Bundan sonra, Soliloquy bloğunu açın ve az önce oluşturduğunuz kaydırıcıyı seçin.

Bir Soliloquy bloğunu WordPress web sitenize ekleme

Kaydırıcıyı canlı hale getirmek için şimdi 'Güncelle' veya 'Yayınla' düğmesine tıklayabilirsiniz.

Yöntem 2. Bir Sayfa Oluşturucu Kullanarak Duyarlı Bir Kaydırıcı Oluşturun (Daha Özelleştirilebilir)

Basit bir video veya resim kaydırıcısı oluşturmak istiyorsanız, Soliloquy gibi bir eklenti harika bir seçimdir. Ancak, bir açılış sayfası veya ana sayfa gibi tamamen özel bir sayfa tasarımına sorunsuz bir şekilde bir kaydırıcı entegre etmek istiyorsanız, bunun yerine bir sayfa oluşturucu eklentisi kullanmanızı öneririz.

SeedProd, özel açılış sayfaları tasarlamanıza ve hatta tek satır kod yazmadan özel bir WordPress teması oluşturmanıza olanak tanıyan en iyi sürükle ve bırak WordPress sayfa oluşturucusudur.

Ayrıca çarpıcı kaydırıcılar oluşturmak için kullanabileceğiniz bir Görüntü Kaydırıcısı bloğuna da sahiptir.

SeedProd kullanılarak oluşturulmuş bir kaydırıcının örneği

Uzman İpucu: WPBeginner olarak, WPForms ve Charitable gibi kardeş markalarımız için özel açılış sayfaları ve hatta tam web siteleri tasarlamak üzere SeedProd kullanıyoruz. Sürükle ve bırak oluşturucusu, ekibimizin duyarlı kaydırıcılar gibi öğeleri içeren profesyonel tasarımlar oluşturmasını inanılmaz derecede hızlı hale getiriyor.

Bu hazır bloğu bir sayfaya istediğiniz yere bırakabilir ve ardından güçlü sürükle ve bırak düzenleyicisini kullanarak özelleştirebilirsiniz.

Öncelikle SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Not: Bütçeniz ne olursa olsun profesyonel tasarımlar oluşturmanıza olanak tanıyan ücretsiz bir SeedProd WordPress eklentisi sürümü bulunmaktadır. Ancak, Görüntü Kaydırıcısı bloğuyla geldiği için premium SeedProd eklentisini kullanacağız. Ürünlerinizi veya hizmetlerinizi tanıtmak için bir kaydırıcı oluşturuyorsanız, premium eklenti ayrıca WooCommerce ve en iyi e-posta pazarlama hizmetlerinin tümüyle entegre olur.

Eklentiyi etkinleştirdikten sonra SeedProd sizden lisans anahtarınızı isteyecektir.

SeedProd lisans anahtarını WordPress web sitenize ekleme

Bu lisans anahtarını SeedProd web sitesindeki hesabınızın altında bulabilirsiniz. Bilgileri girdikten sonra ‘Anahtarı Doğrula’ düğmesine tıklayın.

Bu işlem tamamlandıktan sonra, WordPress kontrol panelinizde SeedProd » Açılış Sayfaları bölümüne gidin.

Bir açılış sayfası için sayfa şablonu seçme

1. Bir Sayfa Şablonu Seçin

SeedProd, kategorilere ayrılmış 180'den fazla profesyonelce tasarlanmış şablonla birlikte gelir. Üst kısımda, güzel yakında'da sayfalar oluşturmanıza, bakım modunu etkinleştirmenize, WordPress için özel bir giriş sayfası oluşturmanıza ve daha fazlasına olanak tanıyan kategoriler göreceksiniz.

SeedProd'un tüm şablonları özelleştirmesi kolaydır, bu nedenle istediğiniz tasarımı kullanabilirsiniz. Beğendiğiniz bir şablon bulduğunuzda, üzerine fareyle gelin ve onay işareti simgesine tıklayın.

SeedProd'da şablon seçimi

Artık açılış sayfanız için bir ad girebilirsiniz. SeedProd, sayfa adını kullanarak otomatik olarak bir 'Sayfa URL'si oluşturacaktır.

Bu URL'ye mümkün olduğunca ilgili anahtar kelimeleri eklemek akıllıcadır, çünkü bu, arama motorlarının sayfanın ne hakkında olduğunu anlamasına yardımcı olacaktır. Bu genellikle WordPress SEO'nuzu iyileştirebilir.

Sayfanın otomatik olarak oluşturulan URL'sini değiştirmek için ‘Sayfa URL’ alanına yazmanız yeterlidir.

Açılış sayfanızı veya özel ana sayfanızı adlandırma

Girdiğiniz bilgilerden memnun kaldığınızda, 'Kaydet ve Sayfayı Düzenlemeye Başla'ya tıklayın. Bu, SeedProd sayfa oluşturucu arayüzünü yükleyecektir.

2. Sayfa Düzeninizi Özelleştirin

SeedProd'un sürükle ve bırak oluşturucusu, sayfa tasarımınızın canlı bir önizlemesini sağ tarafta gösterir. Sol tarafta, sayfaya ekleyebileceğiniz farklı blokların ve bölümlerin tümünü içeren bir menü bulunur.

SeedProd sürükle ve bırak sayfa oluşturucu

Eklemek istediğiniz bir blok bulduğunuzda, onu şablonunuza sürükleyip bırakmanız yeterlidir.

Bir bloğu özelleştirmek için, SeedProd düzenleyicisinde o bloğu seçmek üzere tıklamanız yeterlidir. Sol bölme menüsü şimdi onu özelleştirmek için kullanabileceğiniz tüm ayarları gösterecek şekilde güncellenecektir.

SeedProd bloklarını özelleştirme

Sayfayı oluştururken, blokları sürükleyip bırakarak düzeninizde taşıyabilirsiniz. Daha ayrıntılı talimatlar için lütfen WordPress ile açılış sayfası oluşturma kılavuzumuza bakın: WordPress ile açılış sayfası oluşturma.

3. Duyarlı Kaydırıcınızı Ekleyin ve Tasarlayın

Duyarlı bir kaydırıcı oluşturmak için SeedProd'da, sol menüdeki Resim Kaydırma bloğunu bulun ve düzeninize sürükleyip bırakın.

Açılış sayfası tasarımına Resim Döngüsü bloğunu ekleme

Ardından, sayfa düzenleyicisinde Resim Döngüsü bloğunu seçmek için tıklayın.

Artık kaydırıcıda göstermek istediğiniz tüm resimleri eklemeye devam edebilirsiniz. Başlamak için SeedProd'un varsayılan olarak oluşturduğu ‘Resim 1’ öğesine tıklayın.

SeedProd kullanarak bir kaydırıcıya görüntü ekleme

Artık SeedProd'un yerleşik kitaplığından bir fotoğraf kullanabilir veya 'Kendi Görüntünü Kullan'a tıklayıp WordPress medya kitaplığından bir dosya seçebilirsiniz.

Bir resim seçtikten sonra, o resmin altında görünecek bir başlık ekleyebilirsiniz. SeedProd varsayılan olarak başlıkları göstermez, ancak bu gönderide daha sonra bunları nasıl etkinleştireceğinizi göstereceğiz.

WordPress'te bir resim kaydırıcısına başlık ekleme

Kaydırıcı yapılandırmasının nasıl göründüğünden memnun kaldığınızda, başka bir kaydırıcı oluşturmak için 'Resim Ekle' düğmesine tıklayın.

Daha fazla slayt eklemek için yukarıda açıklanan işlemi izlemeniz yeterlidir.

SeedProd kullanarak bir resim kaydırma kaydırıcısı oluşturma

Tüm resimleri kaydırıcınıza ekledikten sonra, kaydırıcının nasıl görüneceğini ve davranacağını özelleştirme zamanı.

Sol menüde, 'Döngü Ayarları' bölümünü genişletmek için tıklayın.

WordPress kaydırıcınız için kayan yazı ayarlarını özelleştirme

Başlamak için, kaydırıcının gezinme düğmeleri için açık ve koyu modlar arasında geçiş yapabilirsiniz.

Bu farklı modları denemek için 'Gezinme Rengi Modu'nun yanındaki düğmelere tıklayın. Canlı önizleme, en çok hangi modu beğendiğinizi görebilmeniz için otomatik olarak güncellenecektir.

Kaydırıcı gezinme ayarlarını özelleştirme

Varsayılan olarak, kaydırma çubuğu tek bir slayt gösterir ve ziyaretçilerin daha fazla içerik görmek için gezinme kontrollerini kullanması gerekir.

Ancak, 'Gösterilecek Kaydır' açılır menüsünü açıp listeden bir sayı seçerek aynı anda birden fazla kaydırıcı göstermek isteyebilirsiniz. Kaydırıcıda çok fazla içerik varsa ve ziyaretçilerin tüm kaydırıcılara tıklamayacağından endişe ediyorsanız bu kullanışlı olabilir.

Bir resim kayan yazısında birden fazla dosya gösterme

Varsayılan olarak, ziyaretçilerin bir sonraki slaytı görmek için tıklaması gerekecektir. Bunu göz önünde bulundurarak, otomatik oynatmayı etkinleştirmek isteyebilirsiniz, çünkü bu genellikle bir ziyaretçinin gördüğü slayt sayısını artırır.

Bunu yapmak için 'Otomatik Oynat' anahtarını etkinleştirmek üzere tıklayın ve ardından her slaytın ekranda ne kadar süreyle kalacağını 'Otomatik Oynatma Hızı'na bir sayı yazarak belirtin.

WordPress web sitesine otomatik oynayan bir kaydırıcı ekleme

Görüntülerinize başlık eklediyseniz, 'Başlık Göster' kaydırıcısına tıklayarak 'Hayır'dan 'Evet'e çevirdiğinizden emin olun.

Başlık hizalamasını da değiştirebilirsiniz.

Bir WordPress kaydırıcısına başlık ekleme

Arka plan rengine bağlı olarak, altyazıların ziyaretçiler tarafından görülebilmesi için altyazı rengini değiştirmeniz gerekebilir.

Bunu yapmak için 'Gelişmiş' sekmesine tıklayın ve ardından 'Başlık Rengi' ayarlarını kullanın.

Resim döngüsü başlıklarının rengini değiştirme

'Başlık Tipografisi'nin yanındaki 'Düzenle' düğmesine tıklayarak metni daha fazla stilize edebilirsiniz.

Bu, yazı tipi boyutunu, satır yüksekliğini, aralığı ve daha fazlasını değiştirebileceğiniz bazı ayarlar ekler.

SeedProd'un tipografi ayarları

Başlıkların nasıl göründüğünden memnun kaldığınızda, 'Kaydırıcı Resim Stilleri' açılır menüsünü kullanarak slaytlara farklı kutu gölgeleri ekleyebilirsiniz.

Bu gölgeler slaytların gerçekten öne çıkmasını sağlayabilir, bu nedenle sayfa tasarımınıza uyup uymadıklarını görmek için farklı gölgeleri denemeye değer.

SeedProd kullanarak görsellere gölge stilleri ekleme

Gelişmiş sekmesinde ayrıca bir kenarlık eklemenize, boşlukları değiştirmenize ve hatta bir giriş animasyonu oluşturmanıza olanak tanıyan ayarları da bulacaksınız.

Oluşturabileceğiniz tüm farklı efektleri görmek için bu gelişmiş ayarları keşfetmekten çekinmeyin. Örneğin, kaydırıcınızın öne çıkmasını sağlamak için bir kenarlık ekleyebilir veya ziyaretçilerinizin dikkatini çekmek için animasyonlar kullanabilirsiniz! ✨

SeedProd'un gelişmiş ayarları

4. Açılış Sayfanızı Yayınlayın

Kaydırıcının görünümünden memnun kaldığınızda, sayfanın geri kalanı üzerinde çalışmaya devam edebilirsiniz. Tasarımınıza blokları sürükleyip bırakın ve ardından sol menüdeki ayarları kullanarak bunları özelleştirin.

Bir bloğu silmek istiyorsanız, üzerine gelin ve göründüğünde çöp kutusu simgesine tıklayın.

Bir SeedProd sayfa şablonundan blok silme

Sorulduğunda, 'Evet, sil'e tıklayın.

Sayfanın görünümünden memnun kaldığınızda, canlı hale getirmek için 'Kaydet' düğmesine tıklayın. Son olarak, kaydırıcınızı canlı hale getirmek için 'Yayınla'yı seçin.

SeedProd sayfa oluşturucusu ile özel bir sayfa tasarımı yayınlama

Yöntem 3. Smash Balloon Kullanarak Bir Kaydırıcı Oluşturma (Sosyal Gönderiler ve Yorumlar İçin En İyisi)

Başka insanların satın aldığı, kullandığı veya tavsiye ettiği şeyleri deneme olasılığımız daha yüksektir. Bu nedenle web sitenizde müşteri yorumları, referanslar veya hatta sosyal medyadaki olumlu yorumlar dahil olmak üzere  sosyal kanıt göstermek iyi bir fikirdir.

Sitenizde sosyal kanıt göstermenin en kolay yolu Smash Balloon kullanmaktır. Smash Balloon'un Instagram, Facebook, Twitter ve YouTube'dan içerik yerleştirmenize olanak tanıyan eklentileri vardır.

Ayrıca, Facebook, Tripadvisor, Yelp, Trustpilot, WordPress.org ve Google'dan incelemeleri Facebook'tan incelemeleri görüntülemek için kullanabileceğiniz bir İnceleme Akışı eklentisine de sahiptir.

Bir kaydırıcıda Google incelemelerinin bir örneği

Ancak, online mağazanızda veya web sitenizde çok sayıda olumlu yorum ve değerlendirme göstermek çok yer kaplayabilir.

Bu nedenle Smash Balloon, duyarlı kaydırıcılar oluşturmak için kullanabileceğiniz yerleşik carousel düzenleri ve şablonlarıyla birlikte gelir. Bu, yalnızca birkaç tıklamayla sosyal medya ve inceleme slayt gösterileri oluşturmanıza olanak tanır.

Smash Balloon'un duyarlı kaydırıcı şablonları

Daha da iyisi, Smash Balloon yeni içeriği otomatik olarak çekecek, böylece kaydırıcı her zaman en son gönderileri gösterecektir.

Başka bir seçenek de içeriği kendi sosyal medya hesaplarınızdan göstermektir.

Smash Balloon kullanılarak oluşturulmuş bir Twitter kaydırıcısı

Ziyaretçiler gördüklerini beğenirse, sizi sosyal medyada takip etmeye karar verebilirler.

Takipçi sayınızı artırmanıza yardımcı olmak için Smash Balloon, kaydırıcılarınıza ekleyebileceğiniz hazır eylem çağrısı düğmeleri ile birlikte gelir.

Bir Instagram kaydırıcısı örneği

WordPress'e sosyal medya akışları ekleme hakkında adım adım talimatlar için lütfen WordPress'e sosyal medya akışları ekleme ve Google, Facebook ve Yelp incelemelerini WordPress'te gösterme hakkındaki kılavuzlarımıza bakın.

Duyarlı Kaydırıcılar Hakkında Sıkça Sorulan Sorular

Ekibimiz WordPress'te kaydırıcı kullanma hakkında çok fazla soru alıyor. Aşağıda, okuyucularımızdan duyduğumuz en yaygın sorulardan bazılarına yanıtlar bulunmaktadır.

Duyarlı bir WordPress kaydırıcısı nedir?

Duyarlı bir kaydırıcı, herhangi bir ekrana uyacak şekilde boyutunu ve düzenini otomatik olarak ayarlayan bir slayt gösterisi bileşenidir. Bu, masaüstü bilgisayarlarda, tabletlerde ve akıllı telefonlarda harika görünmesini ve kullanımını kolaylaştırmasını sağlar.

Kaydırıcılar SEO için kötü mü?

Kötü kodlanmış kaydırıcılar sitenizi yavaşlatıp SEO'ya zarar verebilse de, modern eklentiler performans göz önünde bulundurularak oluşturulmuştur. Örneğin, Soliloquy gibi bir eklenti, SEO dostu olmak için tembel yükleme ve doğru HTML yapısını kullanır.

Kaydırma görüntülerinize açıklayıcı alternatif metin eklemek de önemlidir. Bu, arama motorlarının içeriğinizi anlamasına yardımcı olur.

Kaydırıcılar web sitenizi yavaşlatır mı?

Kaydırıcılar, büyük, optimize edilmemiş resim dosyaları içeriyorsa sayfa yükleme sürelerini etkileyebilir. Ancak, en iyi WordPress kaydırıcı eklentileri hafiftir ve hız için optimize edilmiştir.

Kaydırıcınızın sitenizi yavaşlatmadığından emin olmak için, yüklemeden önce resimlerinizi sıkıştırmanızı öneririz. Bu, kaliteyi feda etmeden dosya boyutlarını azaltır.

WordPress için en iyi duyarlı kaydırıcı eklentisi hangisidir?

En iyi eklenti özel ihtiyaçlarınıza bağlıdır. Kullanım kolaylığı ve hızlı performansı nedeniyle genel olarak en iyi seçim olarak Soliloquy'yi öneriyoruz.

Özel sayfa düzenleri oluşturmak istiyorsanız, SeedProd'un Resim Kaydırıcısı bloğu daha fazla tasarım esnekliği sunar. Sosyal medya akışlarını veya müşteri yorumlarını bir kaydırıcıda görüntülemek için Smash Balloon mükemmel bir araçtır.

Ek Kaynaklar

Bu makalenin, WordPress'te kolayca duyarlı bir kaydırıcı oluşturmayı öğrenmenize yardımcı olduğunu umuyoruz. Sitemizdeki şu diğer kılavuzlara da 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

29 CommentsLeave a Reply

  1. Geçmişte woocommerce mağazamda Slider Revolution kullandım, ancak karmaşık animasyonlarının ve büyük dosya boyutlarının sayfa yükleme hızlarını gerçekten yavaşlattığını fark ettim (bazı durumlarda 5 saniyeyi aşıyordu).
    Soliloquy Slider'ın harika bir alternatif olabileceğini düşünüyorum.
    WordPress için farklı kaydırıcı seçeneklerine ilişkin bu genel bakışı sağladığınız için teşekkür ederim!

  2. Soliloquy'nin ücretsiz sürümüne sahibim. Kaydırıcıları NASIL ORTALARIM, lütfen?

    • İçeriğin nasıl hizalandığına dair mevcut yöntemleri için Soliloquy'nin desteğiyle iletişime geçmek isteyebilirsiniz.

      Yönetici

  3. Soliloquy'deki kaydırıcımın yön oklarını ve sayfalayıcısını nasıl kaldırabilirim?

  4. Dergi web sitesi için bir gönderi kaydırıcısı arıyorum. Bu eklenti bunu yapabilir mi çünkü analizinizde bundan bahsedildiğini göremedim?

  5. Bir blog yazısında soliloquy slaytını nasıl ortalayabilirim? Bir kaydırıcı ekledim ancak bir blog yazısı oluştururken orta düğmeyi kullansam bile sayfanın sol tarafına hizalanıyor.

  6. Kaydırıcıma birkaç resim başarıyla ekledim ancak yükleme sırasında siyah kutular olarak görünen iki resim var. wordpress medya kütüphanesine sorunsuz bir şekilde yükleniyorlar ancak soliloquy kaydırıcısına yüklenmiyorlar. herhangi bir yardım minnettar olurum. teşekkür ederim!

  7. Her sayfa için özel kaydırıcılar oluşturmam gereken bir web sitesi oluşturuyorum. Soliloquy ile bunu yapıp yapamayacağım konusunda net değildim. Lütfen bana bildirin. Teşekkürler!

  8. Soliloquy ile ekran görüntüsündeki gibi bir kaydırıcıyı nasıl yapabilirim?

  9. Harika makale için teşekkürler!

    Birkaç sorum var

    1. Soliloquy kaydırıcısı tam genişlikli bir web sitesi tasarımında tam genişliği kaplıyor mu?

    2. Metin veya farklı metin blokları ve bir CTA düğmesi ekleyebileceğim bir kaydırıcı arıyorum. Metni, görüntünün belirli bölümlerinde olması gereken yere kaydırıcıda konumlandırabilmek istiyorum.

    Teşekkürler!

    • Soliloquy ile kaydırıcınıza CTA düğmeleri ekleyebilirsiniz. Ayarlardan kaydırıcı yüksekliğini ve genişliğini ayarlayabilirsiniz. Soliloquy varsayılan olarak duyarlıdır, bu nedenle maksimum bir genişlik ayarlayabilirsiniz ve bu, kullanıcının ekran boyutuna otomatik olarak uyum sağlar.

      Yönetici

  10. Görüntü başlığı hakkında bir metin yazdım AMA duyarlı değil: mobil kaydırıcı sürümünde görünmedi. Neden?

  11. Sürekli olarak Y-920 X G-736 boyutlarında olan resimler için bir dikey kaydırıcıya ihtiyacım var ve etrafında çok fazla siyah boşluk olmasını istemiyorum ve internette başka insanların da küçük dikey kaydırıcılar aradığından başka bir şey bulamadım.

    Bunu başarmak için Soliloquy'nin boyutunu değiştirebileceğiniz bir yol var mı?

    Teşekkürler
    Tess

  12. Soliloquy'nin kaydırıcıda son gönderileri göstermek için bir seçeneği var mı? (Satış sitesindeki özellikler listesinden bunu anlayamadım.)

    Eğer yoksa, önerebileceğiniz yakın zamanda eklenmiş gönderiler kaydırıcısı var mı?

  13. Merhaba,

    Soliloquy SEO dostu olmalı. Soliloquy galerisini kullanan bir web sitesinin ve görsellerinin google'da indekslendiğine dair bir örneğiniz var mı?

  14. Masaüstü kullanımı için büyük resimlerim varsa, bunlar akıllı telefonlar veya daha küçük tabletler için daha küçük resimlere dönüştürülür mü? Yoksa büyük resimler akıllı telefonlar için de mi kullanılıyor?

    Soliloquy'ye hangi resimleri hangi çözünürlükte kullanacağını söyleyerek elle ayırt etmek mümkün mü?

  15. Ana sayfada birden fazla kaydırıcı olabilir mi?
    Ön planda ve müşterilerimin kolayca bulabileceği güncel ürünlerle daha küçük bir kaydırıcı eklemek istiyorum. Ayrıca her fotoğrafa ürün sayfasına gitmek için bir bağlantı eklemek istiyorum.

  16. çok teşekkürler! Soliloquy'yi (kuponunuzla!) az önce satın aldım ve bu gönderi çok kullanışlı ve net!!

Cevap 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.