Ana İçeriğe Geç

Küçük resimler için özel bir boyut nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Görüntüleri WordPress'e göndermek, orijinal görüntünün farklı boyutlarını oluşturur, ancak ne yazık ki, bu herkese uyabilecek bir çözüm değildir.

Oluşturulan varsayılan boyutlar: küçük resimler, ortamlar, büyük ve orijinal boyut. Ancak, bir e-ticaret mağazasındaki ürünler için olduğu gibi farklı bir boyuta ihtiyacınız varsa, gereksinimlerinize göre kendi özel boyutunuzu oluşturabilirsiniz.

Bu eğitici yazıda, size temalarınızda bir kodla kaydederek özel resim biçimlerinin nasıl oluşturulacağını göstereceğim.

Bu eğitim için nasıl geliştireceğinizi bildiğinizi varsayalım (HTML / CSS ve PHP). Bu eğitim ayrıca, WordPress eklentilerinin nasıl oluşturulduğunu biliyorsanız de geçerlidir.

WordPress'te özel boyutlar nasıl kaydedilir

Temanızın functions.php dosyasını açarak veya oluşturarak başlayın, ardından temanızı, varsayılan Yirmi Onyedi temasından alıntı olan aşağıdaki örnekte olduğu gibi ayarlayın:

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

<? php if (version_compare ($ GLOBALS ['wp_version'], '4.7-alfa', '<')) {gerek get_template_directory (). '/Inc/back-compat.php'; return; } / ** * Temanın varsayılan konfigürasyonu + yeni özelliklerin eklenmesi. * * Bu kodun, init kancadan önce çalışan "after_setup_theme hook" kancasından sonra eklendiğini unutmayın. * / function twentyseventeen_setup () {

Yorumda açıklandığı gibi, özel görüntüler, yayın biçimleri, özel bir başlık ve diğer benzeri seçenekler gibi temanızda kullanmak istediğiniz WordPress özellikleriyle uyumluluk kaydedebilirsiniz.

Özel boyutlarda ve küçük resim önizlemelerinde resim oluşturmak için kesinlikle kaydetmeniz gereken bir özellik var:

  add_theme_support (post-tanesinden ');

WordPress'in 2.9 sürümünden sonra, makalelerin görüntülerinin adı "Öne Çıkan Görüntüler" olarak değiştirildi, ancak dosya kodunda orijinal adıyla (kafa karıştırıcı olarak) yine de belirtildi. Bu terimler birbirlerinin yerine kullanılabilir, ancak, izleyicilerinize bağlı olarak, bu durum bazıları için kafa karıştırıcı olabilir.

O zaman özel resim boyutlarını fonksiyonuna ekleyebilirsiniz " add_image_size ". İhtiyacınız olan temel yapı şudur:

    add_image_size ( 'yeni boyutlu', genişlik, yükseklik, bitki mod);

Değiştirdiğinizden emin olun " themename Temanın adına göre. Değiştir " Yeni boyutlu-kişiselleştiren Resim boyutunuz için açıklayıcı bir isme göre. Neredeyse herhangi bir adı kullanabilseniz de, bunlar yukarıda belirtilen varsayılan resim boyutlarına göre ayrılmış olmaları nedeniyle yasaktır: başparmak, küçük resim, orta, büyük, küçük resim sonrası.

Ayrıca, özel resim boyutlarını genişlik, yükseklik ve yeniden kaplamak için de ayarlayabilirsiniz.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Boyutları değiştirebilirsin " genişlik "Ve" yükseklik İhtiyacınız olanlar için. Her ne kadar oldukça açıklayıcı olsa da, mahsul modu değildir.

görüntü kırpma için bazı seçenekler vardır:

  • Zorla mahsul - Bunu yapmak için, «değerini ayarlayın ekin Modu " gerçek ". Tasarımınıza kusursuz bir şekilde sığacak şekilde ayarlanan tam genişlikte ve yükseklikte daha büyük bir görüntü keser, ancak görüntüyü orantılı olarak ölçekleyemez.
  • yumuşak Trim - Bu, varsayılan ayardır ve kırpma modunu kaldırarak etkinleştirilir. Orantılı olarak bir görüntü üretir, ancak görüntü boyutları, farklı boyutlardan kaynaklanıyorsa değişebilir.
  • Sınırsız yükseklik - Değeri silerek yükseklik ", Özel görüntünüzün kırpma modu sınırsız bir yüksekliğe sahip olabilir. Bu özellikle bilgisayar grafikleri için kullanışlıdır.

İhtiyacınız olan görüntü boyutunu kaydetmek için yukarıdaki kod pasajındaki satırı tekrarlayabilirsiniz. İhtiyacınız olan özellikleri karşılamak için düzenlemeyi unutmayın.

İhtiyacınız olan özellikler için destek eklemeye devam edebilirsiniz ve işiniz bittiğinde, kancaya ekleyin " after_setup_theme "

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

ADD_ACTION ( 'after_setup_theme', 'themename_setup');

Unutma ki " themename Temanızın asıl adıyla değiştirilmelidir. Bu dosyayı bu dosya boyunca tutarlı bir şekilde kullandığınızdan emin olun.

Bu eğitim için bu kadar, umarım görüntüler için özel boyutlar eklemenize izin verir.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
14 hisseleri
hisse10
cıvıltı1
Enregistrer3