Wooocommerce görüntü boyutu sorunu nasıl düzeltilir
Çevrimiçi mağazanızdaki görüntünün boyutu ile ilgili sorunlar yaşıyor musunuz? Doğru yere geldin. Bu kılavuzda, en yaygın WooCommerce görüntü boyutu problemini düzeltmenin çeşitli yollarını göstereceğiz. WooCommerce en iyi e -ticaret platformlarından biridir, ancak bazen bazı sorunlar yaşayabilirsiniz. Kasiyerdeki en yaygın sorunların nasıl düzeltileceğini ve düğme sepete eklendiğinde ne yapacağımızı gördük. Bu öğreticide, görüntü boyutu sorununu çözmek için farklı bir çözüm göstereceğiz.
Bu sorun, temaların veya eklentilerin uyumsuzluğu, yanlış görüntünün boyutu, çizim düzlemi mevcut değildir vb. Çeşitli görüntü boyutu sorunlarını nasıl çözeceğimizi görmeden önce, WooCommerce’deki çeşitli görüntü türlerine bakalım. WooCommerce’de Görüntü Türleri Web sitenize ekleyebileceğiniz birçok resim türü vardır, ancak WooCommerce’de kullanılan 3 ana tür ürünler, kataloglar ve mini ürünlerdir.
Tek Ürün Görüntüsü: Tek Ürün Görüntüsü, bir ürünü görüntülemek için kullanılan büyük boyutlu bir görüntüdür. Bu, belirli Woocommerce ürünleri sayfalarını açtıklarında müşterilere gösterdiğiniz ürünün ana görüntüsüdür. Ürünleri çeşitli açılardan görüntülemek için birden fazla ürün resmi ekleyebilirsiniz.
Katalog Görüntüsü: Bu, genellikle WooCommerce Shop sayfasında kullanılan orta boy bir ürün görüntüsüdür. Çevrimiçi mağazanızda ayrı bir kategori sayfanız varsa, bu katalog görüntüsü ürün kategorisinde veya ürünün kendisinde de görülebilir.
Mini Görüntü Ürünü: Bu, çok küçük bir mini görüntüdür. Sepet sayfaları, widget alanları ve hatta sipariş sayfasında çeşitli WooCommerce sayfalarında ürünleri tanımlamak için görüntülenirler. WooCommerce görüntü boyutu ile ilgili genel sorunlar artık çeşitli WooCommerce görüntüleri ve boyut farklılıkları hakkında daha iyi bir anlayışa sahipsiniz. Görüntüler ziyaretçileri müşterilere dönüştürmenize yardımcı olmak için çok önemlidir, bu nedenle resimlerinizle ilgili sorunlar yaşamak çok kafa karıştırıcı olabilir.
WooCommerce görüntü boyutu sorununu çözebilmek için önce sorunlarınızı tanımlamanız gerekir. Zor kısım, görüntünün boyutu ile ilgili karşılaşabileceğiniz bazı sorunlar olmasıdır. En yaygın olanlardan bazıları: 1. Bu bulanık görüntü en yaygın problemlerden biridir. Bir mini ürün veya görüntü için yüklediğiniz görüntü bulanık görünüyor ve orijinal görüntü sıkıştırılmamış, açıkça görülmemiş ve kaliteli olsa bile açıkça görülmeyebilir. Bulanık görüntüler sadece kötü görünmekle kalmaz, aynı zamanda sitenizin profesyonelce olduğu izlenimini verir.
Orijinal fotoğraf
Bulanık resim
İkincisi, web sitenizdeki her şeyin güncel olup olmadığını kontrol etmenizi hatırlatmak istiyoruz. Belki de en son sürüme temayı veya eklentiyi güncellemediyseniz mağazanızda bir sorun vardır. Aynı şekilde, WooCommerce’ı mevcut en son sürüme güncellediğinizden emin olun. Gecikmeli bir güncellemeniz olup olmadığını öğrenmek için, WordPress kontrol panelinize eklenti> eklentisini açın. WooCommerce’ı güncellemenizi isteyen bir bildirim varsa, şimdi güncellemeyi tıklayın. Ayrıca, WordPress’i Gutenberg editörü ile güncellediyseniz, WordPress’in en son sürüme de güncellendiğinden emin olun. Öte yandan, WordPress’i klasik bir editörle kullanıyorsanız, WordPress 4.9’un en son sürümüyle güncellemelisiniz.
Tüm bunları yaptıktan sonra, görüntünün boyutuyla ilgili hala sorunlarınız varsa, bir sonraki çözüme devam edin. Not: Bu eğitim için Divi temasını kullanacağız, böylece diğer temalar kullanırsanız birkaç sayfa web sitenizden farklı görünebilir. Ancak, her çözümü sorunsuz bir şekilde takip edebilmeniz gerekir. WooCommerce ile uyumlu yeni bir tema arıyorsanız, bu makaleye bakın. 2. WooCommerce özel görüntünün boyutunu ayarlayın Özel bir görüntü boyutu ekle WooCommerce görüntü boyutu sorununu çözmenin en yaygın yollarından biridir. Sorunların çoğu varsayılan görüntünün boyutundaki değişiklikler nedeniyle gerçekleştiğinden, bu ilk adımınız olmalıdır.
Özel bir görüntü boyutu hazırlamak oldukça kolaydır. Yönetici kontrol panelinizde görünüm açın> Özelleştiriciye erişmek için WooCommerce sekmesini özelleştirin ve açın.
Ardından, Ürün Görüntüsü seçeneğini açın. Burada ürün sayfalarınızın ve mini ürünlerinizin boyutunu değiştirebilirsiniz. Ürün sayfasının ana görüntüsünü düzenlemek için, istediğiniz görüntünün boyutunu ana görüntünün geniş kısmına ekleyin. Ayrıca küçük resim boyutunu düzenleyebilir ve burada kesebilirsiniz. Mini görüntünün boyutunu ayarlamak istiyorsanız, küçük görüntünün genişliğini düzenleyin. Ardından, mini görüntülerin kesilmesini ayarlamak için üç seçenek vardır: 1: 1, özellikle kesilmeyin. İşlevsellik ve görünüm için görüntü problemlerini en aza indirmek için, kesme 1: 1 en iyi seçimdir. Gerekli tüm değişiklikleri yaptıktan sonra Publish’i tıklayın. 3. Özel bir görüntü boyutu ekledikten sonra bile bazı sorunlarla karşılaşırsanız, tema ürün resminizin boyutlarını kontrol edin, belki de görüntünün boyutu yanlıştır. Yanlış görüntü boyutu sorununda daha önce de belirtildiği gibi, WooCommerce’deki görüntünün boyutu için özel tema gereksinimleri vardır. Boyut gereksinimleri karşılamazsa, bazı sorunlarla karşılaşabilirsiniz. Bu wooocommerce görüntü boyutu problemini düzeltmek için en iyi seçenek, önce tema ürünü görüntüsünün boyutunu kontrol etmektir. Ürünlerinizden birinin ürün sayfasını açın ve tema görüntüsünün boyutunu görmek için web tarayıcınızdaki inceleme öğesi geliştiricisini kullanın. Örneğin, Google Chrome’u kullanıyorsanız, ürün görüntüsünü sağa tıklayın ve Inspect tuşuna basın. Aşağıda gösterildiği gibi inceleme öğesinin geliştirme aracındaki görüntünün boyutunu görebileceksiniz.
Bu durumda, ürün görüntüsünün boyutu 900 × 600’dür.Tema görüntü gereksinimleriniz farklıysa, sorunlar yaşayabilirsiniz.Ürün görüntüsünün boyutunu, 2. noktada açıkladığımız yöntemi kullanarak özelleştiriciye göre ayarlayabilirsiniz. Aynı şekilde, küçük resim görüntüsünün boyutunu aynı şekilde kontrol edebilir ve gerekirse özelleştirici üzerinde daha fazla düzenleyebilirsiniz.4. Varsayılan görüntü boyutunu değiştirin Yukarıdaki tüm çözümleri denediyseniz, ancak yine de görüntü problemiyle karşılaşırsanız, WordPress varsayılan görüntünün boyutunu ayarlamanız gerekebilir. Bunu yapmak için, WordPress Gösterge Tablosu’ndaki Ayarları> Ortamı Açın Ve mini, orta ve büyük görüntü için boyut seçeneğini göreceksiniz.
Görüntü boyutunu tema gereksinimlerine göre ayarlayın ve değişiklikleri kaydedin. Ayrıca, kullanmazsanız birkaç varsayılan boyutu silebilirsiniz. Bununla ilgili daha fazla bilgi edinmek için, varsayılan WordPress görüntüsünün boyutunu silme kılavuzumuza bakın. 5. Woocommerce görüntü boyutu sorununu düzeltmek için WooCommerce görüntü boyutu sorununu diğer alternatif eklentilerle geliştirin özel bir eklenti kullanmaktır. Bunun için kullanabileceğiniz bazı araçlar var. Bu bölümde, web sitenizde daha fazla görüntü boyutu sorununu önleyebilmeniz için size göstereceğiz. Kullanmanız gereken en iyi araçlardan bazılarına bakalım. 5.1. Mükemmel görüntü ve basit retina desteği olan Retina Desteği, web sitenizde çok yüksek çözünürlük ve kaliteye sahip görüntüler için bir görüntü seçeneğidir. Ekran, Hazır-Retina, herhangi bir cihazda herhangi bir cihazda ve hat veya görünür piksel sınırı olmayan herhangi bir cihazda görüldüğünü sağlar. Sitenize yüklenen görüntüler bulanık veya düşük kalite ise bu mükemmel bir çözümdür. Retinaya hazır bir görüntü manuel olarak yapmak istiyorsanız, görüntünün boyutunu ve boyutlarını iki katına çıkarmanız, optimize etmeniz ve ardından tekrar yüklemeniz gerekir. Ancak, bir eklenti kullanabilirsiniz, böylece resminiz retina için otomatik olarak hazırdır. Bunun için mükemmel görüntüler, en iyi eklentilerden biridir. Mükemmel görüntüler, sitenize retina ekranlı görüntüler eklemek için basit bir eklentidir. Bu, herhangi bir görüntüyü retina problemi ile otomatik olarak algılar ve retinaya hazır bir kopya yapar. Ayrıca, bireysel görüntüleri retina için hazır hale getirebilir veya zamandan tasarruf etmek için kütle yapabilirsiniz. Şimdi, bu eklentiyi nasıl kullanacağınıza bakalım. 5.1.1. İlk eklentiyi yükleyip etkinleştirin, yüklemeniz ve etkinleştirmeniz gerekir. WordPress kontrol panelinizde eklentileri açın> Yeni ekleyin, eklentiler arayın ve şimdi yükleyin. Kurulum tamamlandıktan sonra eklentiyi etkinleştirin. Veya manuel olarak yükleyebilirsiniz. Nasıl yapılacağından emin değilseniz, WordPress eklentisini manuel olarak yüklemek için kılavuzumuza bakın. 5.1.2. Retina ekranı için görüntü seçeneğini yapılandırın eklentiyi etkinleştirdikten sonra WooCommerce veya web sitesi görüntüsünüz için retina seçeneğini yapılandırmanız gerekir. Meow uygulamasını aç> mükemmel resimler ve genel sekmede retina görüntüsünüz için tüm seçenekleri göreceksiniz. Varsayılan seçenek çoğu web sitesi için uygundur çünkü en yaygın görüntü boyutu için retina görüntüleri yaparlar. Bununla birlikte, görüntü retina salımına dönüştürüldükten sonra, görüntünün optimize edilmesi gerekebilir. Retina-SiAP görüntüleri çok büyük olma eğilimindedir ve web sitenizi yavaşlatabilir. Bu, müşterileriniz için ana engel olabilir, çünkü çoğu kullanıcı çevrimiçi alışveriş için mobil cihazlar kullanır. Retina görüntüsünün web sitenizin hızını boşaltmamasını sağlamak için, görüntünün düzgün bir şekilde optimize edildiğinden emin olmanız gerekir. Bunu optimizasyon sekmesini ve hızını açarak eklentiden yapabilirsiniz. Bunun için optimize etmek için kolay IO ve ayda 10 USD maliyeti içeren premium paketlerine abone olmanız gerektiğini unutmayın. 5.1.3. Retina Desteği İçin Görüntü Dönüşümü Retina görüntüsünüz için gereken tüm seçenekleri yapılandırdıktan sonra, dönüştürmeye başlayabilirsiniz. İlk olarak, medyayı aç> mükemmel görüntüyü açın ve Retina Sorunu sekmesine yönlendirileceksiniz. Burada woocommerce görüntü boyutu sorununu çözmek için bir retina-siap görüntü oluşturabilirsiniz. İstediğiniz görüntüyü seçerek mini görüntüler ve retina görüntüleri de üretebilirsiniz.
5.2.Mini bir görüntü oluşturan küçük bir görüntü yeniden oluşturma, özellikle küçük görüntülerle, görüntü boyutuyla ilgili sorunları çözmenin en iyi yoludur.Bu sorun genellikle temanızı değiştirdiğinizde ortaya çıkar.Yeni temaların görüntü boyutları için farklı tema gereksinimleri olabilir, bu nedenle tekrar ayarlamanız gerekir.Web sitenizde çok fazla mini görüntü varsa, mükemmel görüntüyü kullanabilirsiniz.Tek yapmanız gereken, 5.1.1 ve 5.1.2 adımlarında yaptığımız gibi görüntü boyutu seçeneğini yapılandırmaktır.Ardından, Medya> mükemmel görüntüyü açın, tüm sekmeleri açın ve sitenizdeki tüm resimleri göreceksiniz.Retina destek adımına benzer şekilde, belirli bir görüntü veya kütle için bir küçük resim oluşturabilirsiniz. Görüntüyü toplu olarak yeniden yapmak için Mass Action tuşuna basın ve mini bir görüntü oluşturmak için tüm girişleri geri seçin. Sitenizde çok fazla görüntü varsa bunun birkaç dakika sürebileceğini unutmayın. 6. Programlanmış Çözümler Şimdiye kadar varsa, görüntü boyutu problemini varsayılan WooCommerce seçeneğiyle ve hatta eklentilerle düzeltmeye çalıştınız. Hiçbir şey işe yaramazsa ve hala sorunlarla karşılaşıyorsanız, yapabileceğiniz bir şey daha var. Bu çözümü kullanmak için programlama hakkında temel bilgiye sahip olmanızı öneririz çünkü küçük bir kod kullanacağımız. Görüntü sorunlarını çözmek için kullanabileceğiniz birkaç kod görüntüsü vardır, ancak kullanacağımız parçacıkların web sitenizdeki görüntünün boyutunu değiştireceğini unutmayın. Bu, ana görüntü genişliği ve mini görüntü düzlemi temanızın ayarlanmasında olmadığında ve özel bir WooCommerce görüntüsünün boyutunu ayarlamak istediğinizde yararlı olabilir. Bazı temel dosyaları düzenleyeceğimiz için, başlamadan önce WordPress web sitenizin bir yedeklemesini yapmanızı öneririz. Buna ek olarak, bu bir çocuğun teması yapmak veya WordPress çocuk temalarından birini kullanmak için iyi bir uygulamadır. Görüntünün genişliği ve küçük resim genişliği özelleştiricide olmadığında görüntünün boyutunu değiştirmek için bir kod snippet kullanarak görüntü boyutunu değiştirin, aşağıdaki kod snippet’ini kullanabilirsiniz. Görünüm> Tema Düzenleyicisi’ne gidin ve Fonksiyon.php dosyasını açın. Ardından, düzenleyicinin altındaki aşağıdaki kod görüntülerini ekleyin. add_theme_support (‘wooocommerce’, apply_filters (‘divi_wooocommerce_args’, dizi (
‘single_image_width’ => 600,
‘Thumbnail_Image_Width’ => 300, ‘Product_grid’ => Array (‘default_columns’ => 3, ‘default_rows’ => 4, ‘min_columns’ => 1, ‘max_columns’ => 6, ‘min_rows’ => 1 ) ))); Bu snippet, ürün görüntüsünün genişliğini 600’e ve küçük resim genişliğini varsayılan parametre olan 300’e değiştirecektir. Bu değerleri ihtiyaçlarınıza göre ayarlayın ve dosyayı güncellemeyi unutmayın. 7. Destek Seçenekleri Burada belirtilen her çözümü denediyseniz, ancak karşılaştığınız sorunun nadir olup olmadığı veya WooCommerce Core dosyanızda veya temanızla ilgili bir sorun olup olmadığı, görüntü boyutu sorununa bir çözüm bulamıyorsanız. Bu noktada, en iyi seçenek müşteri desteğiyle iletişim kurmaktır. WooCommerce’in çok iyi bir destek seçeneği vardır, böylece görüntü boyutunuzun sorunu hakkında onlarla iletişime geçebilirsiniz. Veya temanızın sorun olduğunu düşünüyorsanız, tema sağlayıcınızla iletişime geçebilir ve yardımlarını isteyebilirsiniz. Sonuç Genel olarak, çeşitli görüntü türleri (tek ürünler, kataloglar ve mini ürünler) ve görüntü boyutuyla ilgili bazı yaygın sorunlar vardır. En yaygın olanı opak veya düşük kaliteli görüntüler, görüntünün yanlış boyutu, yakınlaştırma seçeneği, ışık kutusu ve vardiya, geniş düzlem ve eksik mini görüntüdür. Bu kılavuzda, en yaygın WooCommerce görüntü boyutu sorunlarını düzeltmek için çeşitli çözümler gördük.WooCommerce dahil en son sürüme temalarınızı ve eklentilerinizi güncelleyin
Özel bir wooocommerce resminin boyutunu ayarlayın
Tema Resim Boyutlarınızı Kontrol Edin
Varsayılan görüntü boyutunu değiştir
Eklentiler kullanın
Küçük bir kodla programlanmış çözüm
Wooocommerce veya Tema Destek Ekibinizle iletişime geçin
Bu makale sizin için yararlısa, sosyal medyada paylaşın ve arkadaşlarınızın bu sorunun üstesinden gelmelerine yardımcı olun.Bu sorunla daha önce hiç karşılaştınız mı?Nasıl bitirirsin?Bize aşağıdaki yorumlarda anlatın.Daha kullanışlı yönergeler için, sizin için ilginç olabilecek makaleler: Woocommerce’deki ürünlere nasıl resim eklenir
WordPress’te küçük resimleri kaldırmak için 3 yöntem
WordPress’te Özel Görüntü Boyutları Nasıl Eklenir
