Wooocommerce’deki ürünlere nasıl resim eklenir
Ürününüze resim eklemenin yollarını mı arıyorsunuz? İster bir özellik ister resim veya galeri olsun, öğeleri sunma şekliniz ne kadar sattığınızı belirleyecektir. Bu nedenle bu kılavuzda, Woocommerce’deki ürünlere nasıl resim ekleyeceğinizi göstereceğiz. E -ticaret görüntülerindeki görüntülerin önemi, ürünlerin satışındaki temel unsurlardan biridir. Bir resim bin kelime anlatıyor, bu nedenle çekici görüntülere sahip ürünler müşteri dikkatini çekmek ve satış oluşturmak için daha büyük bir fırsata sahip. Mağaza sahipleri, ürün özelliklerini tanımlamak için çok uğraşıyorlar. Ancak rasyonel kararlar verdiğimizi düşünmek istesek de, gerçek şu ki, çoğu karar duygusal. İnsanlar duygusal kararlar verme ve rasyonel olarak haklı çıkarma eğilimindedir. Bir ürün iyi görünüyorsa, büyük olasılıkla satın alacağız çünkü dikkatimizi çekecektir.
Sattığınız ürün türünün yanı sıra, iyi görünüyorsa daha iyi satış şansına sahip olacaklar. Eğer düşünürseniz, mantıklı. Birisi ayakkabı, giysi veya yazılım olsun, bir ürün kullanır veya kullanırsa, iyi görünmesini isteyecektir. Bu nedenle, ürününüzü tanıtmak ve sattığınız şeyin en iyi görünmesini sağlamak için kullandığınız görüntüleri eklemek ve optimize etmek önemlidir. Artık önemi anladığımıza göre, WooCommerce ürünlerine nasıl resim ekleyebileceğinizi görelim.
WooCommerce Ürüne Görüntü Nasıl Eklenir WooCommerce ürününe resim eklemenin 2 ana yolu vardır:
Woocommerce panosunun kullanılması
Programlanmış
İki yönteme bakalım. 1) WooCommerce panosundan görüntüler ekle Ürüne resim ekleyin WooCommerce mağazasında oldukça basit bir görevdir. Bir ürün oluşturduğunuzda veya düzenlediğinizde, yanda bir meta resim kutusu bulacaksınız. Orada, öğelerinizi göstermek için birçok resim içeren bir üstün resim ve resim galerisi ayarlayabileceksiniz. Bunlardan birini tıkladığınızda, sermaye açılacak ve yeni bir resim dosyası yükleyebilecek veya bir tane seçebileceksiniz. Zaten WP Medya Kütüphanesi’nden var.
2.1) Bir komut dosyasına üstün görüntüler ekleyin Ürün bir ürün için üstün görüntüler ayarlar. Bunun için, aşağıda gösterildiği gibi görüntü kimliğini ve ürün kimliğini belirlemeniz gerekir. Örneğin, bu durumda, ID 48 ile ID 195’li ürünün üstün bir görüntüsü olarak ayarladık. Quadlayers_add_featured_image () işlev {$ Kayandid = 48; // resim kimliği
$ Post_id = 195; // ürün kimliği
set_post_thumbnail ($ post_id, $ ImageId);
}
Add_action (‘init’, ‘quadlayers_add_featured_image’);
Init kancaları, işlevin her sayfa yüklemesiyle herhangi bir yerde yapılabilmesini sağlayacaktır. Ayrıca, üstün görüntüleri ayarlamak için set_post_thumbnail () işlevini kullanıyoruz. Bu, ürünler ve yayınlar için iyi çalışacaktır.
2.2) Birkaç ürüne üstün görüntüler ekleyin ve aynı şeyi sadece kimliklerini ekleyerek birkaç ürünle yapabilirsiniz. Bu komut dosyası, ID 32, 33 ve 34’lü ürün için ID 53 ile görüntüler ekleyecektir. Quadlayers_multiple_featured_image () işlevi {)
$ Gambarid = 53; // resim kimliği
$ post_id = dizi (32,33,34); // ürün kimliği
($ II = 0; $ ii <Count ($ Post_id); $ II ++) {
set_post_thumbnail ($ post_id [$ ii], $ ImageId);
}
}
Add_action ('init', 'quadLayers_multiple_featured_image');
Gördüğünüz gibi, bu daha önce olduğu gibi aynı komut dosyasıdır, ancak tüm ürün kimliklerini diziye koyarız. Bu şekilde, aynı anda birkaç ürün için aynı üstün görüntüyü belirleyebilirsiniz. Bu, estetik değişiklikler üretmeyen ürün varyasyonları için yararlı olabilir. Örneğin, farklı bellek RAM ile aynı cep telefonu varyasyonları için aynı üstün görüntüyü kullanabilirsiniz.
2.3) Ürün galerisine resim ekleyin Woocommerce'deki ürün galerisine görüntüler ekleyin, çünkü iki işlevi kullanmanız gerektiğinden. Aşağıdaki komut dosyasını kontrol ederseniz, ilk işlevin (quadLayers_create_gallery) bir galeri yapmak için gereken bilgileri hazırladığını göreceksiniz. Bu, bir galeri eklemek istediğiniz resimlerin ve ürün kimliklerinin bir listesidir.
Öte yandan, update_post_met () bir galeri yapmaktan sorumludur. Bunu başarmak için, diziye bir galeri ve bir resim listesi eklemek istediğimiz bir ürün kimliği kullanmamız gerekiyor. quadLayers_create_gallery () işlevi {
$ imgs_ids = dizi (48,53,47); // resim kimliği
add_img_to_gallery (195, $ imgs_ids); // ürün kimliği
}
Add_img_to_gallery işlevi ($ ürün_id, $ image_id_array) {
update_post_meta ($ ürün_id, ‘_product_image_gallery’, improde (‘,’, $ image_id_array));
}
Add_action (‘init’, ‘quadLayers_create_gallery’);
2.4) Varsayılan görüntüleri Üstün Görüntüler Olmadan Ürünlere Ayarla Bir ürünün üstün görüntüsünü ayarlamak için, yönetici gösterge panelinizde WooCommerce> Ayarları> Ürünleri açmanız gerektiğini gördük.
Programlanan varsayılan görüntüyü ayarlamak istiyorsanız, aşağıdaki görüntüleri kullanın. add_filter (‘quadLayers_default_image’, ‘Custom_wooocommerce_placeholder_img_src’);
QuadLayers_default_image ($ src) işlevi {
$ upload_dir = wp_upload_dir ();
// Görüntünüzdeki yolla değiştirin
$ src = $ yükleme. ‘/2021/07/album-1.jpg’;
geri $ src;
}
Bu, üstün görüntüler olmayan tüm ürünler için varsayılan görüntüyü belirler. Bu durumda, kimlik yerine görüntü yolunu kullanırız, bu yüzden doğru görüntü yolunuzla değiştirmeyi unutmayın. Yolu almak için, sadece medya kitaplığını açmak, kullanmak istediğiniz resmi bulun, URL’yi kopyalayın ve yapıştırın Geçerli biçimi koruyarak yukarıdaki kod. WooCommerce ürünlerine resim eklemenin yanı sıra özel bir görüntü boyutu nasıl eklenir, öğelerinizi ayarlamak için yapabileceğiniz daha fazla şey vardır. İyi bir seçim özel bir görüntü boyutu yapmaktır. Varsayılan olarak, WordPress 3 boyutta görüntü içerir: küçük resim (150 x 150), orta (300 x 300) ve büyük (1024 x 1024). Bu boyutu gösterge tablosundan kolayca değiştirebilirsiniz, ancak özel bir varsayılan boyut eklemek istiyorsanız? Nasıl yapılacağını görelim. İlk olarak, functions.php dosyasını açın ve aşağıdaki kodu yapıştırın: add_theme_support (‘Post-Thumbnails’); Bu, add_image_size işlevini etkinleştirir ve ek bir görüntü boyutu oluşturmanıza izin verir. Ardından dosyayı güncelleyin. Şimdi bazı yeni resim boyutları ekleyelim. Aşağıdaki kodda, farklı boyutlara sahip dört özel boyut ekleyeceğiz. Kodu yapıştırın ve adı ve boyutları ihtiyaçlarınıza göre ayarlayın.
add_image_size (‘Thumbnail Sonrası Boyut’, 800, 240); add_image_size (‘ana sayfa-hurma boyutu’, 220, 180); add_image_size (‘FullPage-Thumb Boyutu’, 590, 790);
İşte burada! Artık sitenizde daha fazla varsayılan boyut seçebileceksiniz. Bununla ilgili daha fazla bilgi için özel görüntü boyutlarının nasıl ekleneceğine dair kılavuzumuza bakın. Bonus: WordPress’inizdeki varsayılan görüntü boyutunu silin, WordPress’e bir görüntü her yüklediğinizde, az önce gördüğümüz 3 varsayılan görüntü boyutunda otomatik olarak 3 kopya ürettiğini fark etmiş olabilir: küçük resim, orta ve büyük. Bu yararlı olabilir ve zamandan tasarruf etmenize yardımcı olabilir. Ancak, bu boyutlardan bazılarını kullanmazsanız, görüntü yalnızca sunucunuzda yer geçirir. Hızlı bir çözüm, görüntünün boyutunu sitenizden silmek ve görüntünün bir kopyasını yapmaktan kaçınmaktır. İyi haber şu ki, bunu basit bir senaryo ile yapabilirsiniz. Örneğin, sitenizden orta boyutu silmek istersiniz. Aşağıdaki komut dosyalarını çocuğunuzun temasından functions.php dosyasına kopyalayıp yapıştırmanız yeterlidir. add_filter (‘intermediate_image_seses_advanced’, ‘prefix_remove_default_images’); // Bu varsayılan orta resmin boyutunu kaldıracaktır.
İşlev prefix_remove_default_images ($ boyutları) {
ayarlanmamış ($ boyut [‘orta’]); // 300 piksel
$ Beden döndür;
} Diğer boyutları silmek için silmek istediğiniz boyutta başka bir satır ekleyin. Örneğin, büyük boyutları da silmek istiyorsanız, kod şudur: add_filter (‘ara_image_seses_advanched’, ‘prefix_remove_default_images’);
// Bu, orta görüntünün boyutunu ve büyük varsayılanı siler.
İşlev prefix_remove_default_images ($ boyutları) {
ayarlanmamış ($ boyut [‘orta’]); // 300 piksel
ayarlanmamış ($ beden [‘büyük’]); // 1024 piksel
$ Beden döndür;
} İşte burada! Görüntünün boyutunu kolayca kaldırabilirsiniz. Bununla ilgili daha fazla bilgi için adım adım öğreticimize bakın. Kısacası, ürünlerinizi satmak açısından görüntüler çok önemlidir. Çekici görüntülere sahip ürünler, müşteri dikkatini çekmek ve mağazanız için satış oluşturmak için daha fazla fırsata sahiptir. Bu kılavuzda, WooCommerce ürünlerine resim eklemek için 2 farklı yöntem gördük: WooCommerce panosundan
Programlanmış
Şimdi hangisi sizin için daha uygun? Gösterge tablosundan resim eklemek oldukça kolaydır, bu yüzden bu iyi bir seçenektir. Ancak, kodlama becerileriniz varsa ve daha fazla esneklik istiyorsanız, programlanmış görüntüleri de ekleyebilirsiniz. Size ürününüze kolayca resim, üstün resim ve galeri eklemenize yardımcı olacak birkaç komut dosyası gösterdik. Son olarak, sitenizde özel boyutta görüntülerin nasıl ekleneceğini ve varsayılan resimlerin nasıl silineceğini de gördük, böylece siteyi ayarlayabilir ve ürünlerinizi daha çekici hale getirebilirsiniz. Ürün sayfalarınızı nasıl en üst düzeye çıkaracağınız hakkında daha fazla bilgi için, ürün sayfalarını ayarlamak için kılavuzumuza bakın. Ürününüze resimler eklediniz mi? Hangi yöntemi kullanıyorsunuz? Aşağıdaki yorum bölümünde bize bildirin! Mağazanızı ayarlamak için daha fazla eğitim için aşağıdaki gönderiye bakın:
WOOOCOMMERCE’deki Mağaza Sayfası Nasıl Ayarlanır
Kılavuz: Sayfa Nasıl Düzenlenir Teşekkürler WooCommerce Programlandı
Ödeme Optimizasyonu için Komple Kılavuz
