WordPress'te Tam Boyutlu Görüntüleri Görüntüleme (4 Kolay Yol)

WordPress sitenize çarpıcı, yüksek çözünürlüklü bir fotoğraf yüklediğiniz, ancak hayal kırıklığı yaratan şekilde küçük veya bulanık göründüğünü fark ettiğiniz oldu mu? Özellikle fotoğrafçılık, sanat veya ürün görselleri gibi ayrıntılı işleri sergilemeniz gerektiğinde sinir bozucu bir deneyimdir.

Sürüm 5.3'ten bu yana WordPress, site hızına yardımcı olmak için büyük resimleri otomatik olarak küçültür, bu harika bir özelliktir. Ancak, portföyünüz veya çevrimiçi mağazanız için görüntü kalitesi önemli olduğunda bir engel gibi hissedilebilir.

WPBeginner olarak, bu sorunu kendi projelerimizde tam olarak yaşadık. Güzel görünümlü resimler ve hızlı bir web sitesi arasında seçim yapmak zorunda olmadığımızı öğrendik.

Bu kılavuzda, sitenizi yavaşlatmadan WordPress'te tam boyutlu resimleri görüntülemenin dört kolay yolunu size adım adım anlatacağız.

WordPress'te Ne Zaman Tam Boyutlu Görseller Göstermelisiniz?

WordPress'te tam boyutlu resimleri görüntülemeniz gerekebilecek durumlardan biri, bir fotoğraf portföyü veya grafik tasarım mağazası işletmenizdir. Çalışmalarınızı dijital indirmeler olarak satıyorsanız, potansiyel müşterilere gerçek kalitelerini göstermek için büyük resimleri görüntülemek isteyebilirsiniz.

Fiziksel e-ticaret ürünleri için bir WooCommerce mağazası çalıştırsanız bile, yine de bazı tam boyutlu görüntüleri görüntülemeniz gerekebilir. Kullanıcıların görüntünün orijinal boyutunu görmek ve öğenin ayrıntılarına yakınlaştırmak için tıklayabileceği bir ürün küçük resmi kullanabilirsiniz.

Bununla birlikte, büyük görüntüler birçok soruna neden olabilir. Web sitenizi yavaşlatabilirler, bu da arama motoru optimizasyonunu (SEO) olumsuz etkileyebilir.

Bu nedenle, WordPress artık yüklediğiniz büyük resimleri otomatik olarak yeniden boyutlandırıyor. Bir resim yükseklik ve/veya genişlik olarak 2560 pikselden büyükse, WordPress orijinal resim boyutlarını koruyarak onu orantılı olarak daha küçük bir boyuta ölçekleyecektir.

Çoğu WordPress barındırma sağlayıcısı, medya kütüphanesine yükleyebileceğiniz dosya boyutunu da sınırlar. Bu, görüntülemek için çok sayıda büyük resminiz varsa bir engel olabilir.

WordPress'te maksimum dosya yükleme boyutunu nasıl artıracağınızla ilgili kılavuzumuzu okuyabilirsiniz.

Şimdi, WordPress web sitenizde tam boyutlu görselleri nasıl gösterebileceğinizi görelim. Bunu yapmak için 4 yöntemimiz var. Bazıları tek görseller için daha iyi çalışabilirken, diğerleri birden fazla görsel için daha iyidir. Tercih ettiğiniz yönteme doğrudan atlamak için aşağıdaki bağlantıları kullanın:

• Yöntem 1: Tam Boyutlu Görüntü URL'sini Kullanma (Tek Görüntüler İçin En İyisi)
• Yöntem 2: WordPress'te Görüntü Ölçeklendirmeyi Devre Dışı Bırakma (Birden Fazla Dosya İçin Önerilir)
• Yöntem 3: Eklenti ile Görüntü Ölçeklendirmeyi Devre Dışı Bırakma (Tamamen Yeni Başlayanlar İçin)
• Yöntem 4: Tam Genişlikli WordPress Görsellerini Bir Işık Kutusu İçinde Açma (Galeri İçin En İyisi)
• Tam Boyutlu Görseller Hakkında Sıkça Sorulan Sorular
• Bonus: Daha İyi Hız ve SEO İçin Görsellerinizi Optimize Edin

Yöntem 1: Tam Boyutlu Görüntü URL'sini Kullanma (Tek Görüntüler İçin En İyisi)

Web sitenizde yalnızca bir veya iki büyük resim göstermek istiyorsanız, bunları orijinal resim URL'lerini kullanarak ekleyebilirsiniz.

Maksimum boyutları aşan bir görüntü yüklediğinizde, WordPress daha küçük bir sürüm oluşturmak için o görüntüyü ölçekler. Ancak, orijinal, daha büyük görüntü bozulmadan kalır.

Öncelikle, WordPress kontrol panelinden Ortam » Kütüphane'ye gidin. Görünümünüzü 'Liste' görünümüne değiştirdiğinizden emin olun.

Bundan sonra, büyük resminizin üzerine fareyle gelin. Dosya adının sonunda '-scaled' olanı arayın.

'URL'yi Kopyala' düğmesi göründüğünde, üzerine tıklayın.

Bu işlem tamamlandıktan sonra, görüntü URL'sini tarayıcınızın adres çubuğuna yapıştırabilir ve görüntü URL'sinin sonundan ‘-scaled….’ kısmını silebilirsiniz. Görüntü biçimini (.png, .jpg, .gif vb.) kaldırmamaya dikkat edin.

Yani, ölçeklenmiş resim URL'si http://example-website.local/wp-content/uploads/2024/03/example-image-scaled.jpg ise, orijinal resim URL'niz http://example-website.local/wp-content/uploads/2024/03/example-image.jpg olur.

O URL'yi ziyaret ettiğinizde, görseli orijinal boyutlarında göreceksiniz.

Şimdi, resmi ekleyebilirsiniz web sitenizin herhangi bir yerine. Resmi bir bağlantı kullanarak eklediğimiz için, medya kütüphanesinden seçmek yerine onu yerleştirmeniz gerekecektir.

Bunu yapmak için, görseli kullanmak istediğiniz gönderi veya sayfada Gutenberg blok düzenleyicisini açın. Ardından yeni bir blok eklemek için '+ Blok Ekle' simgesine tıklayın. Burada, Görsel bloğunu seçebilirsiniz.

Bu yapıldıktan sonra, 'URL'den Ekle'ye tıklayın.

Ardından, tam boyutlu veya büyük görsel URL'sini alana yapıştırabilir ve klavyenizdeki 'Enter' tuşuna basabilirsiniz.

Yayına hazır olduğunuzda, 'Yayınla' veya 'Güncelle' düğmesine tıklayın. Tam boyutlu görselin çalışırken nasıl göründüğünü görmek için şimdi bu sayfayı veya gönderiyi ziyaret edebilirsiniz.

Daha fazla tam boyutlu görüntü eklemek için yukarıda açıklanan işlemi tekrarlamanız yeterlidir.

Yöntem 2: WordPress'te Görüntü Ölçeklendirmeyi Devre Dışı Bırakma (Birden Fazla Dosya İçin Önerilir)

Birden fazla büyük resmi görüntülemeyi planlıyorsanız, otomatik ölçeklendirme özelliğini devre dışı bırakmak en iyi yaklaşımdır. Bunu temanızın functions.php dosyasını düzenleyerek yapabilmenize rağmen, bu yöntem riskli olabilir ve bir hata yaparsanız sitenizi bozabilir.

Bu nedenle, bunun yerine ücretsiz WPCode eklentisini kullanmanızı öneririz. Tam WPCode incelememizde açıkladığımız gibi, kod parçacıkları eklemenin en güvenli yoludur ve temanızı güncellediğinizde silinmezler.

Öncelikle, eklentiyi kurmanız ve etkinleştirmeniz gerekir. Bu yöntem için WPCode'un ücretsiz sürümü yeterlidir.

Etkinleştirdikten sonra, Kod Parçacıkları » Parçacık Ekle'ye gidin. Burada, ‘Özel Kodunuzu Ekleyin (Yeni Parçacık)’ seçeneğini belirleyin ve ‘Parçacığı Kullan’a tıklayın.

Şimdi, özel kod parçacığı için bir başlık girin. Bu sadece sizin referansınız içindir. Ardından, 'Kod Türü' açılır menüsünü açın ve 'PHP Snippet'i seçin.

Kod düzenleyicisinde aşağıdaki kod parçasını ekleyin:

add_filter( 'big_image_size_threshold', '__return_false' );

Ardından, 'Ekleme' bölümüne aşağı kaydırın. Kodun web sitenizin tamamında çalışması için konumun 'Her Yerde Çalıştır' olarak ayarlandığından emin olun.

Hazır olduğunuzda, ekranın üst kısmına kaydırın ve 'Etkin Değil' geçişini 'Etkin' olarak değiştirmek için tıklayın. Son olarak, kodu canlı hale getirmek için 'Kod Parçasını Kaydet'e tıklayın.

Bundan böyle WordPress, yüklediğiniz büyük resimler için orijinal boyutları kullanacak ve size tam boyutlu sürüme erişim sağlayacaktır.

Yöntem 3: Eklenti ile Görüntü Ölçeklendirmeyi Devre Dışı Bırakma (Tamamen Yeni Başlayanlar İçin)

Kod yönteminin gözünüzü korkuttuğunu düşünüyorsanız, Perfect Images kullanarak resim ölçeklendirmeyi devre dışı bırakabilirsiniz. Bu ücretsiz eklenti, WordPress'te ek resim boyutları oluşturmanıza, medya meta verilerinizi güncellemenize ve daha fazlasına olanak tanır.

İlk olarak, Perfect Images eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Bir eklentiyi yükleme hakkında daha fazla ayrıntı için, WordPress eklentisi nasıl kurulur hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, Meow Apps » Perfect Images bölümüne gidin ve 'Image Threshold' (Görsel Eşiği) yanındaki Devre Dışı Bırak kutusunu işaretleyin.

WordPress artık hiçbir resme ‘-scaled’ özniteliği eklemeyecek, böylece büyük medya dosyaları yükleyebilir ve WordPress bunları varsayılan olarak tam boyutunda gösterecektir.

Yöntem 4: Tam Genişlikli WordPress Görsellerini Bir Işık Kutusu İçinde Açma (Galeri İçin En İyisi)

Son seçenek, sitenize tam boyutlu bir resim ışık kutusu eklemektir. Bir resim galerisi, kaydırıcı veya fotoğraf portföyü oluşturuyorsanız bu mükemmeldir.

Bu yöntem, sayfa ilk yüklendiğinde daha küçük küçük resimler göstermenizi sağlar. Ziyaretçiler daha sonra tam boyutlu resmi bir açılır pencerede görmek için herhangi bir küçük resme tıklayabilir.

Yalnızca yukarıdaki yöntemlerden birini kullanarak görüntü ölçeklendirmeyi önceden devre dışı bırakmanız gerektiğini unutmayın. Yapmazsanız, ışık kutunuz yalnızca resimlerinizin küçültülmüş sürümünü gösterecektir.

Ölçeklendirmeyi devre dışı bıraktıktan sonra bir galeri oluşturma zamanı. Envira Gallery kullanmanızı öneririz. Tam Envira Gallery incelememizde açıkladığımız gibi, gücü ve kullanım kolaylığı nedeniyle WordPress için en iyi resim galerisi eklentisidir.

Envira'yı yükleyip etkinleştirdikten sonra, WordPress'te ışık kutusu efektiyle galeri ekleme hakkındaki adım adım eğitimimizi takip edebilirsiniz.

Harika bir diğer seçenek ise NextGEN Gallery'dir. Bu eklentinin, çalışmalarını profesyonelce sergilemek ve satmak için gelişmiş özelliklere ihtiyaç duyan profesyonel fotoğrafçılar veya sanatçılar için mükemmel olduğunu gördük.

Tam Boyutlu Görseller Hakkında Sıkça Sorulan Sorular

WPBeginner'da WordPress'te görüntüleri yönetme hakkında sık sık sorular alıyoruz. İşte onları tam boyutlarında görüntüleme ile ilgili en yaygın sorulardan bazıları.

Tam boyutlu resimler web sitemi yavaşlatır mı?

Evet, büyük resim dosyaları sayfa yükleme sürelerinizi artırabilir, bu da kullanıcı deneyimine ve SEO'ya zarar verebilir. Bu nedenle, tam boyutlu olarak görüntüleseniz bile, yüklemeden önce resimlerinizi web için optimize etmeniz çok önemlidir.

Tek bir tam boyutlu görüntüyü göstermenin en kolay yolu nedir?

En basit yöntem, orijinal görüntünün doğrudan URL'sini kullanmaktır. WordPress ölçeklenmiş bir sürüm oluşturduğunda, orijinal dosyayı saklar ve bunu daha sonra Görüntü bloğunu kullanarak yerleştirebilirsiniz.

Görüntü ölçeklendirmeyi devre dışı bırakmak için bir eklenti mi yoksa kod mu kullanmak daha iyidir?

Çoğu kullanıcı, özellikle de yeni başlayanlar için, WPCode gibi bir eklenti kullanmak en güvenli seçenektir. Kodunuzu doğrudan tema dosyalarınıza eklemek, doğru yapılmadığı takdirde sitenizi bozabilirken, bir eklenti bunu güvenli bir ortamda halleder.

Tıklandığında tam boyutlu resmi açan bir küçük resim gösterebilir miyim?

Kesinlikle. Bu işlemi yapmanın en iyi yolu, Envira Gallery gibi bir lightbox galeri eklentisi kullanmaktır. Ziyaretçiler daha küçük, hızlı yüklenen küçük resimleri görür ve yüksek çözünürlüklü sürümü bir açılır pencerede görüntülemek için tıklayabilirler.

Bonus: Daha İyi Hız ve SEO İçin Görsellerinizi Optimize Edin

Tam boyutlu resimler göstermek işinizi sergilemek için harika olabilir, ancak büyük grafikler web sitenizin yüklenme sürelerini yavaşlatabilir ve SEO'nuzu olumsuz etkileyebilir.

Bu nedenle, resimlerinizi performans için optimize etmenizi şiddetle tavsiye ederiz. EWWW Image Optimizer gibi bir eklenti, dosyalarınızı sıkıştırarak daha küçük ve daha hızlı yüklenmelerini sağlayarak yardımcı olabilir.

Bu makalenin, WordPress'te tam boyutlu görselleri nasıl göstereceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Medya dosyalarınızı yönetme ve sitenizi iyileştirme konusunda daha fazla ipucu için diğer rehberlerimize göz atabilirsiniz:

• Kalite Kaybetmeden Web İçin Resim Dosyalarını Kolayca Optimize Etme
• Resim SEO'ya Başlangıç Rehberi – Resimleri Arama Motorları İçin Optimize Edin
• WordPress'te Görselleri Kolayca Yavaş Yükleme
• WordPress'te Görüntü Hırsızlığını Önleme Yolları
• WordPress'te Bir Görselin Üzerine Metin Ekleme
• Görsel Yönetimi İçin Harika WordPress Eklentileri (Güncellendi)

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.