Varsayılan WordPress Görüntü Boyutu ve Doğru Özel Boyut Nasıl Eklenir
Bir resim yüklediğinizde, WordPress perde arkasında çok iş yapar, böylece görüntüyü ziyaretçilerinize sunabilirsiniz. Bu işlemi destekleyebilir ve görüntü boyutunu manuel olarak değiştirmeniz gerekmeyecek şekilde özel görüntü boyutları ekleyebilirsiniz. Bu yazıda, WordPress’in nasıl ve neden farklı bir görüntü boyutu oluşturduğunu açıklayacağım. Sonra size Fonksiyon.php dosyasını değiştirerek kendi görüntünüzün boyutunu nasıl ekleyeceğinizi öğreteceğim, bir küçük resim oluşturun ve yeni görüntü boyutunuzu Gutenberg görüntü bloğuna ve/veya wordpress döngüsüne ekleyin.
WordPress Görüntü Boyutu, WordPress Media Kütüphanesi’ne her yüklediğinizde, WordPress tarafından yapılan ek resim boyutu seçenekleri varsayılan olarak açıklanır:
Mini görüntü
Şu anda
Büyüktür
Büyük
Temanız ek resimler belirlerse, WordPress de bunu yapar. WordPress ayrıca yüklediğiniz orijinal boyutu korur ve tam boyutta olduğu gibi tam olarak arar. Gutenberg görüntü bloğunda tüm bunları (Medium_Large hariç) görebilirsiniz. WordPress neden bu kadar çok resim yapıyor? Pantolon gibi resimler. Doğru boyutta elde ettiğinizden emin olmak istiyorsunuz. Çok küçük olan pantolon ve resimler, sizin ve diğerleri için doğru olmadığı için aptalca ve çok net görünüyor. Sitenizde çok küçük olan görüntüler geniş veya paketlenmiş görünecektir.
Tersine, çok büyükse, çok savurgan. Bebeklerde erkekler için yapılmış pantolon giymeyeceksin, değil mi? Gereki olmayan çok fazla kumaş var. Bebek pantolonun dibinde kaybolacak;) resim aynı. Resminiz kap için çok büyükse, bant genişliğini atarsınız ve sayfanızda yayınlanacak zaman indirirsiniz. Ve ne için? Hepsi için. İdeal olarak, yüklediğiniz tam boyutlu görüntü, sitenizdeki en büyük resim kapsayıcısına uyacak kadar büyük olmalı, ancak daha büyük olmamalıdır. Ardından, sitenizdeki resimleri kullandığınızda, ihtiyacınız olan doğru görüntü boyutunu kullanmanız gerekir. Photoshop’ta veya diğer görüntü editörlerinde doğru boyutu yapmak için görüntülerin ölçeklendirilmesi değerli zaman gerektirir, WordPress bu görevi alır ve sizin için yapar. Teşekkürler WordPress! Tek yapmanız gereken, doğru görüntüyü kullanarak performansın avantajlarından yararlanmak için sitenize görüntüler eklerken uygun boyutu seçmektir. Varsayılan WordPress görüntü boyutu temanız için mükemmel değilse, Medya Bölümünde> Ayarlar’daki varsayılanı ayarlayabilir veya aralarından daha fazla seçeneğiniz olması için özel boyutlar ekleyebilirsiniz.
WordPress Varsayılan Görüntü Boyutu, varsayılan olarak gizlenen Medium_large hariç
Mini görüntüler için 150 piksel kare
Orta görüntü için 300 piksel genişlik
Medium_large görüntü için maksimum genişlik 768px
Büyük görüntüler için maksimum 1024 piksel genişlik.
Duyarlı görüntü desteğinden yararlanmak için Medium_large eklendi, bu nedenle Ayarlar sayfasına dahil edilmemiştir. Duyarlı görüntüler hakkında konuşmak … Duyarlı görüntüler Çeşitli boyutlardaki tüm bu görüntüler başka amaçlara sahiptir, bu nedenle WordPress’in önerilen bazı öğreticiler gibi yapmaması için varsayılan olarak sıfıra ayarlamamalısınız. WordPress sürüm 4.4 sürümüne duyarlı görüntüler ekler . SRC görüntü özniteliğini yalnızca bir resim için URL ile doldurmak yerine, WordPress ayrıca çeşitli boyutlardaki görüntü URL’lerinin bir listesi olan SRCSET (kaynak koleksiyonu) ekledi. Bil bakalım bu listeyi yapmak için hangi resim kullanılır? Yup, WordPress aynı görüntüyü resim yüklerken yapılan farklı boyutlarla kullanır. Bu, bu listeyi tarayıcıya sunar, böylece ziyaretçi cihazları için doğru resmi seçebilirsiniz. Ziyaretçiler mobil cihazlar kullanırlarsa, SRCSET’te daha küçük resimler alacaktır. Sitenizi bir Retina masaüstü cihazında ziyaret ederse, yüklediğiniz tam boyutlu bir resim dosyası alırlar. Yine, bu yüzden bu ihtiyaçları karşılamak için yeterince büyük bir resim yüklemeniz gerekiyor.
Özel bir görüntü boyutu eklediğinizde, WordPress aynı en boy oranına sahip olduğu sürece SRCSET’e ekler. Özel görüntünün boyutu görüntüyü farklı bir şekilde keserse, görüntü koleksiyondan kaldırılır. WordPress WordPress 5.3’teki daha büyük görüntü “Web Optimizasyonu”, “Web için optimum maksimum boyut” tespit ederek ve üreterek büyük görüntü dosyalarını yönetmek için yeni bir yol sunar. O nasıl çalışır? Yeni bir görüntü yüklendiğinde, WordPress, Big_image eşiğinin üzerindeki yüksekliğin veya genişliğin olup olmadığına bağlı olarak “büyük” bir görüntü olup olmadığını tespit eder. Varsayılan eşik değeri 2560 pikseldir (bu, yeni BIG_IMAGE_THRESHOLD filtresi kullanılarak değiştirilebilir). Bu eşiğin üzerindeki görüntünün yüksekliği veya genişliği varsa, görüntü yükseklik ve maksimum genişlik değeri olarak kullanılan bir eşik ile azaltılır. Minimize edilmiş görüntü mevcut en büyük boyut olarak kullanılacaktır. Ölçeği devre dışı bırakmak ister misiniz? Ölçeklendirme, big_image_size_threshold filtresi tarafından kontrol edilir. Faterinin filtrenin arkasından geri yükleyin (aşağıdaki gibi): add_filter (‘big_image_size_threshold’, ‘__return_false’); Küçük resim WordPress ve üstün görüntü boyutumuz, mini/özelliklerin tüm kaosunu ortaya çıkaracağımız öğreticimizin bir kısmına ulaştı. Temel olarak, sorun bu konuda boşalır; WordPress gelişirken geriye dönük uyumluluğu koruduğundan, şeylerin isimleri değişir, ancak işlevleri hala eski isimleriyle ilgili şeylere atıfta bulunur.
Mini WordPress görüntü görüntüsünün boyutu 2.9 sürümünde tanıtıldı, ancak sürüm 3.0’da hızla üstün bir görüntüye dönüştürüldü, ancak maalesef ad sıkıştı. Bu nedenle, genellikle öğreticide ve hatta işlev adına küçük resimler olarak adlandırılan üstün görüntüleri duyacaksınız. Üstün bir meta görüntü kutunuz yoksa, stick add_theme_support (‘Post-Thumbnails’); Function.php dosyanız
İşte bazı örnekler:
Temanızın üstün bir görüntüsü yoksa ve özelliği etkinleştirmek istiyorsanız, add_theme_support (‘Post-Thumbnails’) add; işlev dosyanıza.
WordPress’in üstün görüntüsünün boyutunu bir temadaki görüntülemek için the_post_thumbnail () işlevini kullanacaksınız. Mini görüntüler ve üstün görüntüler Paylaşılan Varsayılan Boyutlar 150 piksel 150 piksel. Boyutu belirlemek için bağımsız değişken olmadan_post_thumbnail () işlevini kullanırsanız, 150px varsayılan kare boyutu kullanır.
Bunu kendiniz için çok kafa karıştırıcı hale getirmek için gerçekten doğru boyutu kullanabilirsiniz, özel bir görüntü boyutu yapmanızı ve özellik veya benzeri ile adlandırmanızı öneririm. Ardından, görüntüyü döngünüzde kullanmak istediğinizde, the_post_thumbnail (‘featured-land’) kullanacaksınız. Özel bir görüntü boyutu yapmaya başladığınızda, WordPress’te özel bir görüntü boyutu yapmaya başlamadan önce, aşırı kaçının ve mümkün olan her amaç için görüntüler yapın. Değilse, barındırmanız için yer harcayacaksınız ve görüntü başına maliyetleri ücretlendiren bir görüntü optimizasyonu hizmeti kullanıyorsanız, görüntülerin tahsisini çok daha hızlı harcayacaksınız.
Paketiniz 100 görüntüyü optimize etmenize izin verirse, ancak her yüklemenin optimize edilmesi gereken 9 ek boyut üretirse, 10 görüntü yükledikten sonra sınıra ulaşacaksınız. Özel bir boyut eklerken ve görüntü optimizasyon paketini seçerken bunu unutmayın. Smush Pro’nun bir görüntü optimizasyonu sınırı yoktur ve sunucu depolama alanınızı temiz tutabilmeniz için CDN ile donatılmıştır. Normalden daha fazla özel görüntü boyutu ekleyebilirsiniz. Diyelim ki bebeklerde skinny jeans yerine akan MC çekiç pantolon giymeye eşdeğerdir çünkü kumaş ucuzdur 🙂 Ücretsiz Smush Pro’yu deneyin. WordPress’te Özel Görüntü Boyutu Nasıl Eklenir Aşağıda, görüntü boyutu eklemek için işlev dosyasına ekleyeceğimiz kod: add_image_size (‘-custom-image-boyut boyutu’, 600, 400, true); Bu işlev bu sırayla 4 parametre alır:
Özel resim boyutunuza verdiğiniz isim
Pikseldeki görüntünün genişliği
Pixel’de yüksek görüntü
Görüntü, yukarıda belirttiğiniz genişlik ve yüksekliğe uyacak şekilde kesilmeli mi?
Kırpma parametrelerini kesme boolean, bu nedenle doğru veya yanlış kullanacaksınız. Tamamlamasına izin verirseniz, varsayılan yanlıştır. Bir kırpma parametresini True olarak ayarlarsanız, WordPress özel görüntüler oluştururken belirttiğiniz boyutlarla eşleşecek şekilde görüntünüzü keser. Örneğin, özel görüntü boyutunuz 600 piksel 600 piksel kare ise ve kırpmayı true olarak ayarlarsanız, kare bir görüntü oluşturmak için 600 piksel dikdörtgen bir görüntü 800px, 200px yüklerseniz kesilir. add_image_size (‘özel görüntü-kare’, 600, 600, true); Kesme parametrelerini true olarak ayarlamak, belirli boyutlara uygun olması gereken üstün görüntüler veya posta arşiv görüntüleri gibi kesin olması gereken görüntünün boyutu için yararlıdır. WordPress gönderisinin boyutu ve çeşitli yükseklik ve genişliğe sahip sayfalarda görüntüler gibi daha fazla alana sahip olabilen görüntüler için, kırpmayı yanlış olarak ayarlayabilirsiniz. Bu, görüntünün boyutunu değiştirir, ancak görüntünün şeklini değiştirmez veya herhangi bir piksel kesmez. Görüntünüzle sitenize trafiği yönlendirmeye çalışırsanız SEO resim kılavuzumuza bakın. Resmi Yenilendirir Ne zaman en önemli adımlardan biri: Varsayılan WordPress görüntüsünün boyutunu değiştirme
Özel bir görüntü boyutu ekleyin veya
Farklı özel boyuta sahip yeni bir temaya dönüşmek
küçük resim oluşturuyor. Bu bağlamda, küçük resim, temanızda yer alan özel görüntünün boyutu ve işlev dosyanız aracılığıyla ne oluşturduğunuz da dahil olmak üzere WordPress tarafından yapılan tüm ek görüntüleri ifade eder. Ek resimler yapmak için WordPress yolunda bir değişiklik yaptığınızda, yalnızca gelecekte yüklediğiniz görüntüyü etkileyecektir. Medya kitaplığınızdaki mevcut resimleri güncellemez. Yüklediğiniz görüntüleri değiştirmek için popüler Regenerate küçük resim eklentisini kullanmanız gerekir. Kurulduktan sonra, araçlarda bulacaksınız.
Yeni bir boyutta bir küçük resim oluşturduğunuzda, sunucu alanını boşaltmak için kullanılmayan eski görüntü boyutlarını silme seçeneğiniz olacaktır. Gutenberg görüntü bloğundaki açılır menüde özel bir görüntü boyutu nasıl eklenir. Gutenberg görüntü bloğundaki açılır menüde görünmesini istiyorsanız, yalnızca aşağıdaki kodu işlev dosyanıza eklemeniz gerekir. Temanız için sahne arkasında kullanmak için özel bir resim boyutu oluşturursanız, bu adımı geçebilirsiniz.
Aşağıda, aşağıdaki koda eklediğim özel görüntünün boyutu
Image_size_names_choose filtresine bağlanacağız. Dizide, add_image_size işlevinde belirttiğim özel bir boyut adı ve parantezdeki açılır menüde görüntülemek istediğim ad ekleyeceğim.
Dc6175feb6dea2ecffbc8e21d683’ün özünü içerir
Bu öğreticiyi yaparken öğrendiğim gibi, görüntü açığa çıkmadan görünmeden önce bir küçük resim oluşturmalısınız. WordPress bir sonraki tam kod snippet’inin boyutunu ekler, öğrendiğimiz her şeyi bir kod bloğunda gerçek dünya örnekleriyle birleştireceğiz. Blogunuza özel bir resim boyutu eklemek istediğinizi varsayalım. İşte eklemek istediğiniz görüntünün boyutu: 1600 x 400 piksel ölçen üstün görüntü
Blog içeriğinizin genişliğini içeren 800px boyutu
Fb6585abd259e728cdd10d83015a2919’un çekirdeğini içerir Bu kodu işlevlerime ekledikten sonra, bir sonraki adım bir küçük resim oluşturmaktır. Loop’taki yazım için özel üstün resmimi kullanmak için, single.php veya index.php adresine aşağıdakileri ekleyeceğim
D46855C251F0F751D0E7E2A5CAECC7’nin özünü içerir
The_Post_thumbnail () işlevine ‘Özellik-Land’ nasıl eklediğimi gördün mü? Üstün resmimi içeriğimin üstünde blog yazımın başlığı altında gösterecek. Burada özel görüntü boyutunun en iyi uygulaması, WordPress’te özel görüntüler yapımında sorun yaşamamanız için birkaç ipucu daha.
Her zaman yapabileceğiniz en büyük dosyayı yükleyin. Görüntü boyutunuz çok küçükse, WordPress görüntünüzü çeşitli cihazlarda doğru bir şekilde görüntülemek için gerekli tüm boyutları yapamaz. Varsayılan Medium_Large boyutunu değiştirmeniz gerekiyorsa, Update_option () işlevini kullanın. Diğer varsayılan WordPress görüntü boyutlarını güncellemek için aynı işlevi kullanabilirsiniz.
WordPress döngüsünün dışındaysanız, özel resimlerinizden birini kullanmak için get_the_post_thumbnail () işlevini kullanabilirsiniz.
Aşağıdakiler, sorun yaşarsanız özel bir görüntü boyutu oluştururken yumuşak kesim ve sert kesme ile ilgili daha fazla şeydir.
WordPress’te özel görüntülerin nasıl çalıştığını anladıktan sonra özel bir görüntü boyutu eklemek için, ihtiyaçlarınıza uygun olarak değiştirebilirsiniz ve çok zaman kazanabilirsiniz. Görüntü boyutunuzu geliştirmek, site performansını ve arama motoru sıralamasını iyileştirmenize de yardımcı olur, bu nedenle doğru yapmak önemlidir. Görüntü optimizasyonunuzu gerçekten daha yüksek bir seviyeye getirmek istiyorsanız, bkz. Otomatik görüntü boyutunda bir değişikliğe sahip olan Smush Pro’ya olağanüstü bir CDN ekledik, bu da özel görüntü boyutları eklemek için işlev dosyalarınızı değiştirmekten kaçınmanıza yardımcı olacak. Ayrıca, görüntüleri yavaş yükleme ve görüntüleri yeni nesil formata dönüştürme gibi başka harika görüntü optimizasyonu özellikleri de vardır. Free Smush Pro’yu deneyin ve görüntü optimizasyon özelliklerinin sitenizi nasıl geliştirebileceğini görün.
Sizin için sitenize özel bir resim boyutu eklemeye çalıştınız mı?WordPressStag’a özel resim boyutları ekleme hakkında sorularınız varsa bize yorum yapın:
kodlamak
Görüntüler
