WordPress’teki resimler için Amazon benzeri bir büyütme yakınlaştırma eklemek ister misiniz?
Bir yakınlaştırma özelliği eklemek, kullanıcıların normal boyutlu bir görüntüde göremeyecekleri ayrıntıları görmelerini sağlar.
Bu yazıda, WordPress’te görüntüler için kolayca büyütme zumunun nasıl ekleneceğini göstereceğiz.
Görüntüler için Neden Büyüteçli Yakınlaştırma Eklemelisiniz?
WordPress web sitenize bir büyütme yakınlaştırma özelliği eklemek, ziyaretçilerin görüntülerin karmaşık ayrıntılarını net bir şekilde görmelerini sağlar.
Bir fotoğrafçılık web siteniz varsa, bir büyütme özelliği eklemek, kullanıcıların daha ince ayrıntıları görmek için fotoğraflarınızı yakınlaştırmasına olanak tanır.
Benzer şekilde, bir çevrimiçi mağaza işletiyorsanız, müşterileriniz ürün resimlerini yakınlaştırabilir.
Birçok büyük e-Ticaret web sitesi, ürün görselleri için zaten büyüteç kullanıyor. Müşterilerin ürünü incelemesini sağlar ve mağazanızda daha iyi bir alışveriş deneyimi yaratır.
Bununla birlikte, WordPress’teki resimler için nasıl kolayca büyütücü bir yakınlaştırma ekleyebileceğinizi görelim.
WordPress’te Görüntüler İçin Büyüteç Yakınlaştırma Nasıl Eklenir?
İlk olarak, yüklemeniz ve etkinleştirmeniz gerekir. WP Görüntü Yakınlaştırma Eklenti. Daha fazla ayrıntı için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Etkinleştirdikten sonra, şuraya gitmeniz gerekir: WP Görüntü Yakınlaştırma » Yakınlaştırma Ayarları WordPress yönetici kenar çubuğundan sayfa.
Ardından, ‘Yakınlaştırma Ayarları’ sekmesine geçerek ve kullanmak istediğiniz bir mercek şekli seçerek yakınlaştırma efekti ayarlarını yapılandırmanız gerekir.
Daire, kare ve yakınlaştırma penceresi mercek şekilleri arasından seçim yapabilirsiniz. Büyütme efekti için bir şekil kullanmak istemiyorsanız, ‘Mercek Yok’ (⨯) seçeneğini bile belirleyebilirsiniz.
Tercih ettiğiniz merceği seçtikten sonra, nasıl çalıştığını görmek için seçilen mercekle bir görüntüyü önizleyebileceğiniz bir sonraki adıma geçmeniz gerekir. Eklenti, değişikliklerinizi test etmek için kullanabileceğiniz bir önizleme görüntüsüne sahiptir.
Ardından, ‘Genel’ sekmesine geçmeniz gerekir.
Buradan bir imleç türü seçebilir, bir animasyon efekti ayarlayabilir, fareyle üzerine gelindiğinde veya fareyle tıklatıldığında yakınlaştırmayı etkinleştirebilir ve bir yakınlaştırma düzeyi tanımlayabilirsiniz.
Daha da fazla seçenek istiyorsanız, bazı özellikler yalnızca Pro sürümünde mevcuttur. WP Görüntü Yakınlaştırma Eklenti.
Seçimlerinizi buna göre yaptıktan sonra üst kısımdan ‘Lens’ sekmesine gitmeniz yeterli.
1. Adımda “daire” veya “kare” merceği seçtiyseniz artık mercek boyutu, mercek rengi, mercek kenarlığı seçenekleri gibi ayarları ve daha fazlasını yapılandırabilirsiniz.
Yakınlaştır Pencere Lensini seçtiyseniz, ‘Pencereyi Yakınlaştır’ yapılandırma sekmesine geçmeniz gerekir.
Buradan, yakınlaştırma penceresinin genişliğini ve yüksekliğini, konumunu, ana görüntüden uzaklığını, kenarlık renklerini ve daha fazlasını değiştirebilirsiniz.
Ardından, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’i tıklamanız yeterlidir.
Bundan sonra tek yapmanız gereken birkaç genel ayarı yapılandırmak.
Genel Eklenti Ayarlarını Yapılandırın
Ardından, eklenti ayarları altındaki Genel Ayarlar sekmesine geçmeniz gerekir.
Buradan, WooCommerce ürün resimlerini, küçük resimleri, mobil cihazları, ek sayfalarını, ürün kategori sayfalarını ve daha fazlasını yakınlaştırma gibi özellikleri etkinleştirebilirsiniz.
Tek yapmanız gereken bu seçeneklerin yanındaki kutuları işaretlemek.
Ayrıca ışık kutusu efektini kaldırabilirsiniz, böylece kullanıcılar görüntüleri sorunsuz bir şekilde yakınlaştırabilir.
Ancak, bu özellik için eklentinin Pro sürümüne ihtiyacınız olacaktır.
Görüntüler için ışık kutusunu kaldırmayacaksanız, ‘Bir Işık Kutusu İçinde Etkinleştir’ seçeneğine gitmeniz ve yanındaki kutuyu işaretlemeniz gerekir.
Not: Yakınlaştırmanın sitenizdeki bir ışık kutusunda iyi çalıştığından emin olmak için desteklenen ışık kutularını görebilirsiniz.
Ayarları yaptıktan sonra, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.
Büyütme yakınlaştırma artık WooCommerce ürünleri için etkinleştirilecek.
Yakınlaştırma özelliğimizi kontrol etmek için çevrimiçi mağazanızı ziyaret edebilirsiniz.
Ancak, WordPress gönderilerinde ve sayfalarında görseller için yakınlaştırmayı etkinleştirmek istiyorsanız, aşağıdaki adımı izlemeniz gerekir.
3. Adım. Blok Düzenleyicide Görüntüler için Yakınlaştırmayı Etkinleştirin
Yazılarınızdaki ve sayfalarınızdaki resimler için varsayılan olarak büyütme özelliği etkin değildir. İçeriğinize bir resim ekledikten sonra manuel olarak yapmanız gerekir.
Öncelikle düzenlemek istediğiniz bir gönderiyi blok düzenleyicide açmanız gerekiyor.
Ardından, medya kitaplığından veya bilgisayarınızdan bu gönderiye bir resim yüklemeniz gerekir.
Bunu yaptıktan sonra, ekranın sağ köşesindeki ‘Blok Ayarları panelini açmak için resme tıklamanız yeterlidir.
Buradan, “Stiller” sekmesine gidin ve görüntünüze büyüteç uygulamak için “Yakınlaştır” düğmesine tıklayın.
Bundan sonra, ayarlarınızı kaydetmek için üst kısımdaki ‘Güncelle’ veya ‘Yayınla’ düğmesini tıklamanız yeterlidir.
Yakınlaştırma özelliği sitenizde şöyle görünecektir:
Not: Tek bir görüntüye yakınlaştırma efekti eklemek istediğinizde bu adımı tekrarlamanız gerekecektir.
Yakınlaştırma özelliğinin harika görünmesi için yüksek kaliteli görüntüler kullanmanızı öneririz. Yüksek kaliteli resimlerin dosya boyutu normalde daha büyüktür ve yüklenmesi daha uzun sürer, bu da web sitenizin hızını ve performansını etkiler.
Bu sorunu çözmek için, resimlerinizi WordPress’e yüklemeden önce web için optimize etmeniz gerekir.
Umarız bu makale, WordPress’te görüntüler için büyütmeyi nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, resimleri arama motorları için nasıl optimize edeceğimize dair kılavuzumuza ve en iyi resim sıkıştırma eklentileri için en iyi seçimlerimize de bakmak isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen bize abone olun Youtube kanalı WordPress video eğitimleri için. Ayrıca bizi burada bulabilirsiniz. twitter Ve Facebook.
