WordPress'te Öne Çıkan Küçük Resimler ve Resim Boyutları için Eksiksiz Kılavuz

WordPress'te Öne Çıkan Küçük Resimler ve Resim Boyutları için Eksiksiz Kılavuz

Bir resim bin kelimeye bedeldir --- uygun olmayan bir şekilde yeniden boyutlandırılmadığı sürece, bu durumda biraz utanç vericidir. WordPress, resimleri ve küçük resimleri yeniden boyutlandırmak için güçlü araçlar içerir, ancak bunlarla nasıl başa çıkacağınızı bilmeniz gerekir.





WordPress'teki resim boyutları ve öne çıkan resimleri yönetme hakkında bilmeniz gereken her şey için okumaya devam edin.





WordPress Dosyalarında PHP Düzenleme

Bu gönderi, WordPress için PHP kodunu içerir. Temanızda herhangi bir değişiklik yapmadan önce ücretsiz PHP hızlandırılmış kursumuzu okumak isteyebilirsiniz.





Tema dosyalarınızı açarken rahat değilseniz veya gelecekteki tema güncellemelerinde kaybolacaklarından istemiyorsanız, Özel İşlevlerim Bunun yerine kod blokları eklemek için eklenti.

https://en-gb.wordpress.org/plugins/my-custom-functions/



WordPress Görüntü Boyutu Temelleri

WordPress yönetici panosunda, muhtemelen zaten biliyorsunuzdur. Ayarlar > Yarım.

chrome indirmeleri neden bu kadar yavaş

Bunlar, WordPress'in çağırdığı üç varsayılan görüntü boyutudur: küçük resim , orta , ve büyük . Küçük resim boyutu, burada tam olarak belirttiğiniz boyutta kırpılacak özel bir ayara sahiptir. Bunun 1:1 oran boyutu olması gerekmez --- istediğiniz gibi ayarlayabilirsiniz.





Kırpma etkinleştirildiğinde, görüntüler ölçeklenir ve ortalanır, ardından sığmayan her şey atılır.

Orta ve büyük ayar, sizin belirleyeceğiniz şekilde biraz farklı çalışır. maksimum hem genişlik hem de yükseklik için boyutlar ve görüntüler buna göre küçültülür. Görüntü çok küçükse, bu görüntü boyutları oluşturulmaz.





Yeni bir resim yüklediğinizde, orijinal kaydedilir ve bir gönderiye tam boyutta eklenebilir ve diğer kayıtlı resim boyutları otomatik olarak oluşturulur.

WordPress'te Özel Görüntü Boyutları Ekleme

WordPress'te varsayılan olarak tanımlanan üç boyut yeterli olmayabilir, bu nedenle temaların ve eklentilerin kendi özel boyutlarını eklemesine izin verilir. Tema dosyalarınızı düzenleme konusunda rahatsanız, bunu da yapabilirsiniz.

Tema dizinini açın ve işlevler.php dosya. Ekle aşağıdaki kod, tanımlamak istediğiniz her görüntü boyutu için bir tane:

add_image_size( 'my-thumbnail', 400, 200, true);

Her yeni görüntü boyutunun bir ad, genişlik ve yükseklik boyutlarına ve görüntülerin tam olarak bu boyuta kırpılıp kırpılmamasına ihtiyacı vardır ( NS veya YANLIŞ ). Bir temanın veya pencere öğesinin yapısal bölümleri için, genellikle düzeni bozmaması için kırpmak istersiniz.

Çok sayıda özel görüntü boyutu oluşturmak isteyebilirsiniz, ancak bunu dikkatli bir şekilde yapmalısınız. Öne çıkan görsel ile sadece bizim için amaçlamış olsanız bile, tanımladığınız her görsel boyutu yüklediğiniz her görsel için oluşturulacaktır.

Bu nedenle, yedi adet özel görsel boyutunuz ve üç adet varsayılan görsel boyutunuz varsa, yüklediğiniz her görsel kendisinin 10 küçük kopyasını oluşturacaktır. Tek bir gönderide gömülü 10 resim olabileceğini düşünüyorsanız, bu yalnızca o gönderi için 100 dosya oluşturulur.

Özel bir resim boyutu oluşturamaz ve bunun yalnızca öne çıkan resimleriniz için kullanılması gerektiğini belirtemezsiniz.

Ayrıca, artık belirli bir özel boyut kullanmıyor ve bu kodu silmiş (veya temaları değiştirmiş) olsanız bile, eski resimler sonsuza kadar sunucuda kalacaktır. WordPress kullanılmayan resimleri sizin için silmez. MakeUseOf kadar eski veya büyük bir sitede bu, artık kullanılmayan görüntüleri depolamak için birkaç yüz gigabaytın boşa harcandığı anlamına gelir.

Daha küçük siteler için, Medya Temizleyici eklenti yardımcı olabilir, ancak her zaman önce tam bir yedekleme çalıştırın.

https://wordpress.org/plugins/media-cleaner/#description

Gönderi İçeriğinde Kullanım İçin Özel Görsel Boyutları

Varsayılan olarak, bir gönderiye resim eklerken açılır kutuda özel resim boyutları görünmez. Orada göreceğiniz tek şey Küçük Resim, Orta, Büyük ve Tam Boyut (orijinal görüntünün boyutuna bağlı olarak, çünkü büyütülmeyecektir).

Özel boyutunuzun da listede olmasını istiyorsanız, biraz daha koda ihtiyacımız olacak. Yine, ekleyin işlevler.php dosya:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Bu, medya seçici listesini filtreleyerek çalışır. Orijinal boyut listesi dizisini, listelenmesini istediğimiz yeni boyutlarla birleştiriyoruz. 'Küçük resmim' ve 'Küçük Resmim Boyutu'nu özel boyutunuza ve listelenmesini istediğiniz insan tarafından okunabilir kolay adla değiştirin.

Öne çıkan görseller, bir gönderiyle ilişkilendirilmiş tek bir görseldir, ancak gönderi içeriğine eklenmesi zorunlu değildir. Genellikle başlıktaki, ön sayfada veya kenar çubuğundaki temalar tarafından kullanılırlar. Ancak, görüntü boyutlandırma açısından normal görüntülerden farklı bir şekilde ele alınmazlar.

Tanımladığınız her boyut için, öne çıkan resim de dahil olmak üzere yüklenen herhangi bir resim çoğaltılır ve yeniden boyutlandırılır.

wii u'da nintendont nasıl kurulur

seçeneğini görmüyorsanız Öne çıkan görseli ayarla yazı düzenleme ekranınızda, temanızın özelliği desteklememesi mümkündür. Aşağıdaki satırı temanıza ekleyerek desteği zorlayabilirsiniz. işlevler.php dosya, ancak bunun yerine yeni bir tema bulmanızı şiddetle tavsiye ederim.

Öne çıkan resimler kadar basit bir şey için destek eksikliği, başka yerlerde eski kodun göstergesi olacaktır.

add_theme_support('post-thumbnails');

Öne çıkan görseli kendi temanızda veya eklentilerinizde kullanmak için şunu kullanın: the_post_thumbnail() görüntü etiketinin çıktısını alma işlevi:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

İşlev 2 parametre alır: aradığınız adlandırılmış boyut (bu durumda 'küçük resmim') ve özel bir CSS sınıfı gibi iletmek istediğiniz tüm nitelikler.

Öne çıkan resmin gerçek URL'sini de gerekli HTML'den almayı tercih ediyorsanız, bunun yerine şunu deneyin (bu örnekte orta resim boyutunu elde edin):

tv akışı ne kadar veri kullanır
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

WordPress Küçük Resim Görüntülerini Yeniden Oluşturma

Varsayılan görüntü boyutlarınızı her değiştirdiğinizde veya özel bir görüntü boyutu oluşturduğunuzda, bu yalnızca yeni yükler. Mevcut tüm resimleriniz orijinal boyutlarında kalır.

Daha önce yüklenen resimleri yeniden boyutlandırmak istiyorsanız, bir eklentiye ihtiyacınız olacak. AJAX Küçük Resmi Yeniden Oluşturma hangi boyutların yeniden oluşturulacağını seçmenize olanak tanır ve arşiviniz üzerinde yavaşça çalışır.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Yine de bilmeniz gereken bazı sınırlamalar ve tuzaklar var.

Öne çıkan görseller otomatik olarak yeniden boyutlandırılabilirken, hiçbir eklenti gönderi içeriğini yeniden yazamaz. Örneğin, şu adresteki bir gönderiye bir resim eklediyseniz: büyük boyutu (o sırada 500 piksel olabilir), tanımını değiştirerek büyük gönderideki resim boyutunu değiştirmez. Gönderiyi düzenlemediğiniz ve aynı resmi yeni boyutta yeniden yerleştirmediğiniz sürece 500 pikselde kalacaktır.

Belirtildiği gibi, çok fazla görüntü boyutunuz varsa, çok sayıda görüntü oluşturacaksınız. Neyse ki, Küçük Resim Yeniden Oluşturma, bunu aşağıdakilerle sınırlamanıza izin verir: sadece öne çıkan görseller . Ama yine de, bunun yalnızca önceki görüntünüz için geçerli olduğunu unutmayın. Gelecekteki tüm resim yüklemeleri WordPress tarafından yönetilecek, yani tüm resim boyutları her şey için oluşturulacak.

Şimdi aynı zamanda öğrenmek için harika bir zaman olurdu. JPG ve PNG arasındaki fark Böylece gelecekte en uygun formatı kullanmayı bilirsiniz.

WordPress Sitenizi Bir Sonraki Seviyeye Taşıyın

WordPress temanızı değiştirmek ister misiniz? Temanızın resimleri, renkleri ve öğelerin konumlandırılması temel olarak CSS ve HTML tarafından tanımlanır, bu nedenle CSS ve HTML öğrenmek için bu adım adım öğreticilere göz atmanızı öneririz.

Temalarla ilgileniyorsanız, bir fotoğraf portföyü için bu harika WordPress temalarına bir göz atın.

WordPress siteniz çok sık çöküyor mu? Çok mu ödüyorsun? InMotion Hosting gibi iyi bilinen bir barındırma hizmetine geçin (özel MakeUseOf indirimi bu bağlantı ) veya Bluehost (özel MakeUseOf indirimi bu bağlantı ).

Paylaş Paylaş Cıvıldamak E-posta İşte FBI'ın Hive Ransomware için Uyarı Verme Nedeni

FBI, özellikle kötü bir fidye yazılımı türü hakkında bir uyarı yayınladı. İşte bu yüzden özellikle Hive fidye yazılımına karşı dikkatli olmanız gerekiyor.

Sonrakini Oku
İlgili konular
  • Programlama
  • Wordpress
Yazar hakkında James Bruce(707 Makale Yayınlandı)

James, Yapay Zeka alanında lisans derecesine sahiptir ve CompTIA A+ ve Network+ sertifikalıdır. Donanım İncelemeleri Editörü olarak meşgul olmadığı zamanlarda LEGO, VR ve masa oyunlarından hoşlanır. MakeUseOf'a katılmadan önce aydınlatma teknisyeni, İngilizce öğretmeni ve veri merkezi mühendisiydi.

James Bruce'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın