WordPress'te Nasıl Resim Döngüsü Yapabilirim?

Son güncelleme - 8 Mart 2022

Carousel teriminin farkında olmayabilirsiniz, ancak yine de dijital pazarda onları sık sık görüyorsunuz. Çoğu yeni çağ web sitesinde bir resim karuseli kullanılır: işletmelerin sunduğu ürün veya hizmetlerle ilgili özetleri içeren kayan resimler. Görüntüler otomatik olarak döner ve görünüme girip çıkar.

Görsel atlıkarınca, kayan görseller onları işletmenin sunduğu ürün veya hizmet hakkında daha fazla meraklandırdığından, web sitesi ziyaretçilerinin daha uzun süre bağlı kalmasını sağlar. Bazı durumlarda, resim kaydırma otomatik değildir ve ziyaretçinin bir sonraki slaydı ortaya çıkarmak için resmi manuel olarak döndürmesi gerekir.

WordPress'te Görüntü Döngüsü Yapın

İş tonuna bağlı olarak, resim karuseli bazı cesur ifadeler içerebilir ve uzun biçimli bir açıklama olmadan işle ilgili çok şey ortaya çıkarabilir. Web sitenize bir resim atlıkarıncasını dahil etmenin yollarını öğrenmek istiyorsanız, doğru yere geldiniz.

Smart Slider 3 eklentisini word press ile yükleme işlemini anlatacağız. İş için birkaç başka araç daha vardır ve yükleme işlemi Smart Slider 3'e benzer olabilir.

Eğiticiye geçmeden önce küçük bir uyarı var. Bir web sitesinde ürün satıyorsanız, dönüşümler söz konusu olduğunda, bir resim karuselini seçmek en akıllı seçenek olmayabilir. Ancak fotoğrafçılık yapıyorsanız veya bir web sitesi tasarlıyorsanız ve estetik açıdan hoş görünmesini istiyorsanız, blogun tamamını okuyun.

Görüntü Boyutunu Seçmekle Başlayın

Akıllı slayt 3, seçilen sunum formatına göre wordpress'te resmi yeniden boyutlandırır. Bu nedenle, resimler büyükse, araç onu küçültür ve bunun tersi de geçerlidir. Ve aşina olabilirsiniz, küçük resimler yakınlaştırıldığında kalite bozulmaya başlar. Bu nedenle, Carousel'in boyutundan daha küçük resimleri dahil etmemeye çalışın.

Ayrıca, büyük resimler Carousel'de daha iyi görünür ama aynı zamanda daha uzun indirme süresine sahiptir. Bu nedenle, kalite ve boyut arasında bir denge kurmalısınız, bu nedenle Slider'da hala harika görünüyor.

Küçük Bir İpucu: Görüntü karuselleri yatay olarak kayar, bu nedenle daha geniş görüntüleri seçmek kare olanlardan daha çekici olacaktır.

Smart Slider 3'ü Yükleme

Smart Slider 3 kurulum süreci, piyasada bulunan diğer araçlar için hemen hemen aynıdır. Başlamak için önce word press yönetici kontrol panelinize giriş yapın. Sol tarafta, aralarından seçim yapabileceğiniz birçok farklı seçeneğe sahip bir gezinme paneli göreceksiniz. Seçeneklerden eklentiyi seçin ve “Yeni ekle” bağlantısını tıklayın.

Önünüzde bir arama çubuğu belirecektir. İçinde Smart Slider 3'ü arayın. Eklenti yüklendikten sonra, lütfen etkinleştir seçeneğine tıklayın.

Görüntü Döngüsü Yolculuğuna Başlama

Smart Slider 3, medya kitaplığındaki görüntüleri kullanır, bu nedenle Slider'ı yapmaya başlamadan önce bazı görüntüleri yüklediğinizden emin olun. Görüntüleri seçmeye ve bunları sunum biçiminize eklemeye nasıl başlayacağınız konusunda daha iyi fikir edinmek için eğitim videolarını inceleyebilirsiniz. Smart Slider 3'e basın ve araç hakkında ayrıntılı bilgi sağlayan "Learn Smart Slider 3" tanıtım videosunu izleyin.

Başlamak için videonun yardımını alabilir veya sadece bu makaleyi okuyabilirsiniz.

Menüden temel seçeneği seçin.

• Aynı anda birden fazla karuselle çalışırken Dönen Karuselinizin bulunmasını kolaylaştırmak için Kaydırıcınıza bir ad verin.
• Genişlik ve Boyutlar Kaydırıcının boyutunu ve şeklini etkiler. Cihazın veya tarayıcının tüm genişliğini kaplayacak şekilde yapılandırmak istediğiniz pikseli seçmeyi yok sayın.
• Varsayılan genişlik ve boyutun seçilmesi Döngü'yü mevcut genişlik ve boyuta ayarlarken, "Tam genişlik" seçeneğinin seçilmesi herhangi bir boyutu yok sayar ve atlıkarıncanın pencerelerin tüm genişliği etrafında dönmesini sağlar.

Görüntüyü optimize ettikten sonra “Oluştur”a basın.

Kaydırıcıya Görüntü Ekleme

Döner Döner'in varsayılan boyutunu ve genişliğini yapılandırdıktan sonra, bir sonraki açık adım Döngü'yü çekici görüntülerle doldurmaktır. Bunun için aşağıdaki adımları izleyin:

• Smart Slider 3'te Slayt Resimleri Ekle'ye tıklayın.
• Slider'ınız için bir resim seçme seçeneğine sahip olacaksınız. O seçeneğe tıklayın.
• Wordpress kütüphanesinden resimleri seçin.
• Carousel daha sonra seçilen görüntüleri sunacaktır. Seçilen resimlerden memnun kaldığınızda, “Yayınla” bölümüne tıklayın.

Kodun içine bir kaydırıcı eklemeyi planlıyorsanız, araçtan PHP kodunu kopyalayın veya yazı düzenleyici seçeneğini seçin.

Web sitesi için yeni bir blog yazmaya başladığınızda, sayfada akıllı kaydırıcı üç seçeneği görünecektir. Klasik bir düzenleyici kullanıyorsanız, akıllı kaydırıcı simgesine tıklayın. Şimdi, daha önce hazırladığınız özelleştirilmiş Slider'ı seçin ve gönderiyi yayınladıktan sonra Slider web sitesine yüklenir ve ziyaretçilerin görmesi için hazır hale gelir.

Döngü, görüntüleri manuel olarak kaydırmak için kaydırıcıların her iki tarafında ileri veya geri bağlantı kurar.

Varsayılan olarak, dönen görüntüler otomatik olarak kaymaz, ancak bunu değiştirebilirsiniz.

Döngü Görüntüleri için Otomatik Döngü

WordPress yönetici panosunda Smart Slider 3 bağlantısını tıklayın ve düzenleme seçeneğini seçin. “Otomatik oynat” stilini seçin ve “Etkinleştir”e basın. Anahtar arasındaki varsayılan süre sekiz saniyedir. Şimdi panelin sağ tarafındaki Kaydet düğmesinden güncellenen ayarı kaydedin.

Carousel'i Widget Olarak Kullanma

Smart Slider, WordPress Slider Image olarak da kullanılabilir. Bu kaydırıcılar, kenar çubuğu gibi herhangi bir yere widget olarak eklenebilir.

• Sol tarafta bir gezinme paneli göreceksiniz. Görünümü ve ardından “Widget” bağlantısını tıklayın.
• "Kullanılabilir widget'lar" bölümünü gördüğünüzde, "Akıllı Kaydırıcı" düğmesini tıklayın.
• Resmin görüntülenmesini istediğiniz bölgeyi seçin ve “Widget ekle” düğmesini seçin.

Görüntüler veya Görüntü Yok büyük soru

Web sitesi tasarlama ve geliştirme özneldir ve diğerlerinin çekici bulduğu şeyleri bazıları bulmayabilir. Birkaç güncelleme ve değişiklik aşamasından geçer ve Image carousel, işletmeler onu her yere dahil etmeye başladığında, bir zamanlar web sitelerinde en çok talep edilen gereksinimdi.

Yukarıdaki tartışma, web sitesine bir resim karuseli ekleme konusunda adım adım rehberlik etmiştir. Süreç karmaşık değildir ve web sitesinin görünümünü iyileştirmek için ilgili görselleri seçme konusunda sabır ve uzmanlık gerektirir. Carousels, yaratıcı bir web sitesi için oldukça ilgi çekici olurken, bir e-ticaret web sitesinde yardımcı olmaz.

Bu nedenle, bir dahaki sefere kaydırıcılara canlı görüntüler eklemeyi planladığınızda, bunun web sitesine değer katacağını veya dönüşüm oranını önemli ölçüde etkileyip etkilemeyeceğini değerlendirmeyi düşünün.

daha fazla okuma

• Ürün görsel boyutu nasıl optimize edilir?
• WooCommerce için en iyi Görüntü Yakınlaştırma eklentileri
• Görüntüleri Geliştirmek için Akıllı İpuçları