WordPress resimleri mobil cihazlarda gösterilmiyor mu? Nedenler, Düzeltmeler, SSS.

WordPress resimlerinizin mobil cihazlarda görünmemesinin veya bozuk olmasının bazı yaygın nedenleri.

Bu yazıda, WordPress resimlerinizin neden mobil cihazlarda görünmediği veya bozuk olduğu konusunda karşılaştığımız en yaygın nedenlerden bazılarının üzerinden geçeceğiz.

Lütfen bunun kapsamlı bir liste olmadığını ve mevcut temanız veya üzerinde yaptığınız değişiklikler gibi kontrol etmeniz gereken başka faktörlerin yanı sıra mevcut Web Barındırma Sağlayıcınızla olası web barındırma sorunlarının diğerlerinin yanı sıra olabileceğini unutmayın.

Bununla birlikte, WordPress web sitesi resimlerinizin mobil cihazlarda neden görünmediğinin veya görünüyorsa bozuk olabileceğinin en yaygın nedenleri şunlardır:

• Eklenti veya Tema Çakışması.
• Sayfa Oluşturucu Sorunları.
• Tema güncellemeleri eksikliği.
• Bir Görüntü İyileştirme Eklentisi Kullanma.
• Görüntüler mobilde masaüstünden farklı görünür.
• WP Rocket ile ilgili sorunlar.

WordPress resimleri mobilde gösterilmiyor. Nedenler ve Düzeltmeler.

Eklenti veya Tema Çakışması.

Çoğu durumda, WordPress ile ilgili çoğu sorunda olduğu gibi, bu bir eklenti çakışması olabilir.

Diğer eklenti çakışmalarını kontrol etmek için önce sitenizde çalışan tüm eklentileri devre dışı bırakın. Ardından varsayılan "Yirmi" bir şey temasına geçin.

Sorun ortadan kalkarsa, sorunun kaynağını belirlemek için eklentileri tek tek etkinleştirin. Ardından temanızı etkinleştirin.

Teşhis etmeyi kolaylaştırmak için Sağlık Kontrolü eklentisini yükleyin .

"Sorun Giderme" sekmesinde, tüm eklentileri devre dışı bırakmak ve temayı sizin için değiştirmek için düğmeye de tıklayabilirsiniz. Tüm bunlar, normal trafiği veya sitenize gelen ziyaretçileri etkilemeden, oturumunuz açıkken.

Sayfa Oluşturucu Sorunları.

Düzenleme sayfasında Elementor gibi bir sayfa oluşturucu kullanıyorsanız, mobil duyarlı için bir resim yüklediğinizden emin olun.

Bunu Elementor'un alt kısmında Ayarlar >> Duyarlı Mod'da bulacaksınız: mobil görünümü seçin. Ardından göstermek istediğiniz resmi sürükleyin.

Bunu görüntülemek için biraz CSS de kullanabilirsiniz, ancak bu mutlaka en iyi seçenek değildir. Ancak şunu deneyebilirsiniz:

Aşağıdaki CSS kodunu mevcut etkin alt temanızın style.css dosyasına ekleyin veya temanın özelleştiricisine ek bir css seçeneği ekleyebilirsiniz:

@media (maksimum genişlik: 767 piksel){

.elementor:not(.elementor-edit-alan-aktif) .elementor-gizli-telefon {

Ekran bloğu;

}

}

Mobil sorunu çözdükten sonra, tarayıcı boyutunu belirli bir boyutun üzerine küçülttüğünüzde masaüstü tarayıcısında görüntünün kaybolduğunu fark ederseniz.

Sonra şunu deneyin:

"Elementor ile sayfa düzenle"ye gidin, Bölüm >> Gelişmiş >> Duyarlı'ya tıklayın ve mobil cihazlarda gizli seçeneğini kapatın. Veya düzeltmek için Özelleştir >> Özel CSS bölümüne aşağıdaki kodu ekleyebilirsiniz:

@medya (maksimum genişlik: 767 piksel)

.elementor:not(.elementor-edit-alan-aktif) .elementor-gizli-telefon {

ekran: blok !önemli;

}

Tema güncellemeleri eksikliği.

Şans eseri eski bir tema veya güncelleme içermeyen ücretsiz bir tema kullanıyorsanız, mobil cihazlarda görünmeyen resimler, düzenli WordPress çekirdek güncellemeleriyle bağlantılı olarak ücretsiz temanızda güncellemelerin olmamasından veya eksikliğinden kaynaklanıyor olabilir. genel olarak düzenli tema güncellemeleri.

Bu nedenle, temanızı düzenli güncellemeler alan WordPress “Yirmi” varsayılan temasına geçirmek, sorunun temayla ilgili olup olmadığını belirlemelidir.

Bir Görüntü Optimizasyon Eklentisi Kullanma.

Bir resim optimizasyon eklentisi kullanıyorsanız, resimlerinizi temanız tarafından tanınmayan veya uyumlu olmayan bir biçime dönüştürüyor olabilir.

Örneğin, hızlı yükleme ve diğer işlevler için görüntüleri .webp biçimine dönüştüren Autoptimize eklentisinin neden olduğu bir sorun vardı.

.webp format Kısa not: .webp biçimi Ayrıca “Lazy Loading” eklentisiyle ilgili bir sorununuz olabilir.

Bu veya diğer görüntü optimizasyon eklentileri varsa, daha hızlı yükleme süreleri için daha uyumlu birkaç başka görüntü optimizasyon eklentisini denemek isteyebilirsiniz.

Görüntüler mobilde masaüstünden farklı görünür.

Öne çıkan resimleriniz masaüstünde iyi görünüyor, ancak mobil cihazlarda resimler çok büyük ve sonunda gönderinin önizleme sınırlarının dışına çıkıyor. Durum buysa, sayfaya sığması için daha duyarlı olmasını isteyeceksiniz.

Bunun için bu eklentiyi denemeli ve yardımcı olup olmadığına bakmalısınız:

Kısa Piksel Uyarlanabilir Görüntüler .

WP Rocket ile ilgili sorunlar.

Yakın zamanda WP Rocket satın aldıysanız ve sitenizi hızlandıracağını umuyorsanız, ancak mobil cihazlarda resimlerinizin kaybolduğunu görüyorsanız, bazı olası hızlı düzeltmeler için WP Rocket'teki bu sorun giderme belgesini gözden geçirmek isteyeceksiniz: “ Sitem Bozuldu ”.

WordPress resimleri mobil sonuçlarda gösterilmiyor.

Çoğu durumda, WordPress ile ilgili birçok sorunda olduğu gibi, sadece bir eklenti ve / veya tema çakışmasına neden olabilir.

Açık kaynak harikadır çünkü sürekli olarak kullanıcıları için WordPress'i geliştirmek isteyen yaratıcı ve ciddi geliştiricilerin her türlü katkısına izin verir.

Bununla birlikte, kodlamalarıyla birlikte çok sayıda tema ve eklenti nedeniyle, çakışmaların olması kaçınılmazdır.

Ancak içiniz rahat olsun, eklenti ve tema çakışmaları, ne olduklarını biliyorsanız genellikle çözülmesi en kolay olanlardır. Yukarıdaki Sağlık Kontrolü eklentisini kullanarak, herhangi bir çakışmayı oldukça hızlı bir şekilde bulabilirsiniz.

Bu, sorunun kaynağını bulamazsa, WordPress resimlerinizin neden mobil cihazlarda görünmediğine veya bozuk olduğuna ilişkin olarak listelenen diğer yaygın nedenler, neden(ler) olabilir.

Her şey başarısız olursa, sorunu sonuna kadar daraltmak için WordPress temanızın geliştiricisiyle veya desteğiyle iletişime geçmelisiniz.