WordPress’teki üstün görüntünün boyutu nasıl değiştirilir

10 Mart 2017’de güncellendi
Üstün görüntüler, kullandığınız temaya bağlı olarak WordPress’te birkaç farklı şekilde kullanılır. Çoğu tema, genellikle ana sayfalarda ve arşiv sayfalarında görüntülenen yayınlarda veya sayfalardaki resimlerden birinden küçük resimlerin önizlemesi olarak üstün görüntüler kullanır. Bu işlev WordPress 2.9’a tanıtıldı ve başlangıçta “Post Resmi” olarak biliniyordu. Çoğu WordPress teması (kendimiz dahil) artık resim galerisi, özellik kayması ve sayfa başlık görüntüleri gibi diğer birçok amaç için üstün görüntüler kullanıyor. Örneğin, tam çerçeve temamızda, üstün görüntüler yazının arka plan görüntüsü haline gelir.
Üstün görüntüler elbette reklam materyali ve çok fazla resim içeren bir WordPress sitesi yapan herkes için çok önemlidir. Herhangi bir grafik kağıdı basın temasındaki üstün görüntüden yararlanmak için, tek yapmanız gereken Post Düzenleyicisi’ndeki ekranın sağ tarafındaki bağlantıdan üstün bir görüntü seçmektir. Temasınızdaki varsayılan üstün görüntünün boyutu amacınız için işlev görürse, iyi. Değilse, küçük bir düzenleme kodu ile boyutu değiştirmek mümkündür. Neden üstün görüntünün boyutunu değiştirmek istiyorsunuz? Bir mini resim galerisini daha büyük veya daha küçük hale getirmenin yanı sıra, boyutsal yönlerin oranını değiştirmek isteyebilirsiniz. Örneğin bir manzara fotoğrafçısı olduğunuz ve portföyünüz geniş bir panoramadan oluşuyor. Bu durumda, temanın varsayılan özellik görüntüsü kare ise, resimlerinizin çoğunu kesecektir. Boyutları manuel olarak daha uygun bir şeye ayarlayarak düzeltebilirsiniz.
Functions.php’deki üstün görüntünün boyutunu değiştirme Üstün görüntünün boyutunu varsayılandan düzenlemek için, functions.php dosyasındaki kodun bir kısmını değiştirmeniz gerekir. Bu dosyaya FTP üzerinden erişilebilir veya doğrudan görünüm altındaki WordPress kontrol panelinde düzenleyebilirsiniz. İlk yaklaşımı her zaman bir öncekinden daha tavsiye edeceğim. Bu dosyada herhangi bir değişiklik yapmadan önce, bir hata oluşursa orijinal sürümden bir yedeklemeniz olduğundan emin olmalısınız. Bilgisayarınızda orijinal tema dosyasına sahip değilseniz, en azından function.php dosyasını indirdiğinizden ve yedekleme klasörüne kaydettiğinizden emin olun. Üstün görüntünün boyutunu değiştirmenin iki farklı yolu vardır. Boyutunu orantılı olarak değiştirmek için (yani görüntünün gerilmesini veya sıkışmasını önlemek için) aşağıdaki kodu kullanın: set_post_thumbnail_size (50, 50); // 50 piksel genişliği 50 piksel yükseklik, değiştirme modu Boyutunuz da bu kodla keserek görüntünün boyutunu değiştirmeyi seçebilir: set_post_thumbnail_size (50, 50, doğru); // 50 piksel genişlik süreleri Yükseklik 50 piksel, bu kesme modu varsayılan üstün görüntünün boyutunu ayarlar. Ek resimler ekleme Her görüntü boyutu için ek kod satırları ekleyerek ihtiyacınız olan ek resim boyutları da ekleyebilirsiniz:
add_image_size (‘kategori-jempol’, 300, 9999); // Genişlik 300 piksel (ve sınırsız yükseklik) Daha sonra bu yeni boyutu tema şablonunuzdaki aşağıdaki kodla kullanabilirsiniz:
Bu özellik, üstün görüntüleri birkaç farklı şekilde görüntülemek istiyorsanız kullanışlıdır. Örneğin, resim galeriniz için küçük resim boyutunu ve posta başlığınız için daha büyük bir boyutu ayarlamak isteyebilirsiniz. Yüklediğiniz görüntünün en azından üstün görüntünüz için ayarladığınız boyutlar olması gerektiğini unutmayın. Daha küçük bir görüntü yüklerseniz, görüntü yükseltilir ve sonunda piksel ve opak görürsünüz. Üstün görüntünüzü oluşturmak, üstün görüntünün boyutunu değiştirir, yalnızca kod değiştirildiğinden yüklemeyi etkiler. Önceki her yükleme orijinal boyutta depolanacaktır, böylece geri getirmeniz gerekir. Boyut olarak değiştirilecek yalnızca birkaç görüntünüz varsa, manuel olarak tekrar yükleyebilirsiniz. Bir avuçtan fazla varsa, sizin için tüm zor işleri yapmak için Regenerate küçük resimler gibi eklentileri kullanmak en iyisidir. Bu eklenti Araçlar menünüzden erişilebilir ve seçtiğiniz medya galerisindeki bir veya daha fazla resmin boyutunu değiştirecektir.
Düzenlemelerinizin geleceğini, doğrudan işlevinize düzenleyerek çocukların problemleri temasıyla kanıtlayın.php dosyası, temanın yeni sürümü yayınlanırsa ve güncellemeniz gerektiğinde kaybolacaklarıdır. Eklediğiniz koddan notlar alıp yeni dosya işlevine koyabilirsiniz. Ana temanın güncellendiği gibi, bu sorunu çözen bir çocuk teması kullanarak, çocuğun teması sağlam kalır. Tema kodunu, hem functions.php dosyasında hem de stil sayfasında veya diğer dosyalarda düzenlerseniz, en iyi uygulama her zaman çocuğun temasını kullanır. Blogda bir çocuğun teması oluşturmak için tam bir kılavuzumuz var, ancak bu Bizim amaç için bilmeniz gereken şeydir. Çocuk teması oluşturmak için sitenize FTP üzerinden bağlanın ve yeni çocukların teması için/wp-concent/themes/içinde yeni bir klasör oluşturun. Bu, klasörün adını düzenlemek istediğiniz tema ile aynı vermek için genel bir uygulamadır ve “-biller” eklenir. Örneğin: “Awesome-child” Awesome temasından bir çocuk teması yaparsanız. CSS’yi düzenlemek istemeseniz bile, çocuğunuzun tema klasöründe bir stil sayfası yapmanız gerekir. Style.css adlı yeni bir dosya oluşturun ve aşağıdaki kodu yapıştırın:
/*

Temanın Adı: Olağanüstü Çocuklar
URI teması: http://example.com/awesome-hild/
Açıklama: Olağanüstü Çocuk Temaları
Yazar: Grafik kağıt baskısı
URI Yazar: http://example.com
Şablon: Olağanüstü
Sürüm: 1.0.0
Etiketler: parlak, karanlık, duyarlı düzen, erişilebilirlik için hazır
Etki Alanı Metni: İnanılmaz Çocuklar
*/
@Import url (“../ awesome/ style.css”);
/* = Temanın ayarlanması burada başlar —————————————– ——— ————- */ Temanın adını ve diğer uygun ayrıntıları değiştirin. Üstün görüntüleri çocuğunuzun temasına değiştirmek için işlevsellik eklemek için, yeni bir function.php dosyası oluşturmalısınız. Bu dosya Function.php üst temasının yanına yüklenecektir.
Function.php için şablonlar şuna benzer: // PHP etiketinizi kapatmak, PHP etiketleri arasında görüntü boyutunu değiştiren bir kod ekleyebilir, böylece şöyle bir şey alırsınız: // PHP etiketini kapatın, çocuğunuzun tema kodunu oluşturmayı bitirdikten sonra etkinleştirmelisiniz. Bunu Site Gösterge Tablosu, Yönetim Panelleri> Görünüm> Temalar altında yapabilirsiniz. Çocuğunuzun temasını listede bulun ve etkinleştirmeyi tıklayın.