En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress Widget'ını Mobil Cihazlarda Gizleme (Yeni Başlayanlar İçin Kolay)

Belirli bir WordPress widget'ını mobil kullanıcılar için gizlemek ister misiniz?

Widget'lar genellikle web sitesinin kenar çubuğunda veya altbilgisinde görüntülenen dinamik içeriklerdir. Bazen bir widget masaüstü bilgisayarda veya dizüstü bilgisayarda iyi görünebilir, ancak daha küçük mobil cihazlarda görünmeyebilir.

Bu makalede, kod yazmadan bir WordPress widget'ını mobil cihazlarda nasıl gizleyeceğinizi göstereceğiz.

WordPress widget'larını mobil cihazlarda gizleme

WordPress'te Bir Widget'ı Mobil Cihazlarda Neden Gizlemeli?

Web siteniz tam boyutlu bilgisayar ekranlarında harika görünebilir, ancak bu, daha küçük ekranlarda da iyi görüneceği anlamına gelmez.

Düzen, WordPress sitenizin mobil sürümünü görüntülerken hemen karmaşık görünmese bile, her zaman en alta kaydırmak önemlidir.

Çoğu duyarlı WordPress temasında, widget'lar ziyaretçinin ekran boyutuna bağlı olarak farklı yerlerde görünecektir. Genellikle, WordPress temaları widget'ları sayfanın en altına taşır.

Bir örnek verelim.

Aşağıdaki resim, bir sitenin masaüstü bilgisayarda nasıl göründüğünü göstermektedir. Gördüğünüz gibi, arama widget'ı kenar çubuğunun üst kısmında görünür.

Bir WordPress arama widget'ı örneği

Ancak, kenar çubuğu widget'ı akıllı telefonlarda görüntülendiğinde içeriğin altında görünür.

Bu, ziyaretçilerin blog yazılarınızı, ürünlerinizi veya diğer içeriklerinizi aramak için sayfanın en altına kadar kaydırmaları gerektiği anlamına gelir.

Akıllı telefon veya tablette yinelenen arama widget'larının bir örneği

Daha da kötüsü, bazen bu davranış yan yana iki özdeş widget'ın görünmesine neden olur.

Örneğin, birçok WordPress blogu sahibi, kenar çubuğuna ve altbilgiye bir iletişim bilgisi widget'ı yerleştirir. Bu widget'lar hareket ederse, mobil ziyaretçiler aynı widget'ları yan yana görebilir.

Bunu söyledikten sonra, bir widget'ı WordPress'te mobilde nasıl kolayca gizleyebileceğinize bakalım.

WordPress'te Bir Widget'ı Mobil Cihazlarda Nasıl Gizlersiniz

Widget'ları mobil kullanıcılar için gizlemenin en kolay yolu, Widget Seçenekleri eklentisini kullanmaktır. Bu eklenti, tarihe, kullanıcı rolüne, cihaza ve daha fazlasına bağlı olarak farklı widget'lar göstermenize olanak tanır.

İlk olarak, Widget Options eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra WordPress kontrol panelinizdeki Görünüm » Widget'lar sayfasına gitmeniz gerekir.

WordPress yönetici panelindeki widget'lar bölümü

Bu ekranda, WordPress web sitenize eklediğiniz tüm widget'ları göreceksiniz.

Bir widget'ı düzenlemek için adına tıklamanız yeterlidir.

Seçenekleri görmek için widget'ınızı genişletin

Widget ayarlarında, Widget Seçenekleri eklentisi tarafından eklenen bazı yeni bölümler göreceksiniz.

Başlamak için küçük mobil simgesine tıklayın ve ‘Gizle/Göster’ açılır menüsünün ‘Seçili cihazlarda gizle’ seçeneğini gösterdiğinden emin olun.

Widget'ları mobil kullanıcılara nasıl gizleyip göstereceğiniz

Ardından, widget'ı gizlemek istediğiniz her cihazda basitçe kontrol edin.

Genellikle ‘Tablet’ ve ‘Mobil’ yanındaki kutuyu işaretlemek istersiniz.

Widget'ı mobil cihazlarda gizleme

Bundan sonra, değişikliklerinizi kaydetmek için 'Kaydet' düğmesine tıklayın.

Şimdi, mobil bir cihaz kullanarak WordPress web sitenizi ziyaret edin. Widget artık widget alanında görünmeyecektir.

Bir WordPress widget'ı örneği, mobil cihazda görünüyor

WordPress'te Bir Widget'ın Mobil Sürümü Nasıl Yapılır

Bazen, mobil ziyaretçilere bir widget'ın bir sürümünü ve masaüstü kullanıcılarına farklı bir sürümünü göstermek isteyebilirsiniz.

Örneğin, masaüstünde en son beş gönderinizi göstermek isteyebilirsiniz, ancak mobil cihazlarda yalnızca üç gönderi göstermek isteyebilirsiniz, böylece ekran kalabalık görünmez.

Bunu yapmak için sitenize iki ayrı Son Gönderiler widget'ı eklemeniz yeterlidir. Daha fazla bilgi için lütfen adım adım kılavuzumuza WordPress'te widget ekleme konusuna bakın.

Ardından, bir widget'ı masaüstü bilgisayarlarda görünür olacak şekilde ve diğerini mobil cihazlarda görünür olacak şekilde yapılandırabilirsiniz.

İlk olarak, masaüstü kullanıcılarına göstermek istediğiniz widget'ı açın. Ardından, küçük mobil simgesine tıklayın ve ‘Gizle/Göster’ açılır menüsünün ‘Seçili cihazlarda gizle’ olarak ayarlandığından emin olun.

Bundan sonra, 'Tablet' ve 'Mobil' yanındaki kutuları işaretleyin.

Yalnızca masaüstlerinde bir widget görüntüleme

Artık bu widget yalnızca masaüstü bilgisayar kullanan ziyaretçilere görünecek.

Ardından, widget'ta herhangi bir değişiklik yapabilirsiniz. Örneğin, 'Gösterilecek gönderi sayısı' yanındaki kutuya '5' yazıyoruz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için 'Kaydet' düğmesine basmayı unutmayın.

WordPress'te widget ayarlarını kaydetme

Bundan sonra, ikinci widget'ı yalnızca mobil cihazlara özel hale getirmeye hazırsınız.

Yukarıda açıklanan işlemi tekrarlayın, ancak bu sefer widget'ı masaüstü cihazlarda gizlemek için 'Masaüstü' yanındaki kutuyu işaretleyin.

Bir WordPress widget'ını mobil cihazlarda göstermek ancak masaüstlerinde göstermemek

Artık mobil widget'ınızda herhangi bir değişiklik yapabilirsiniz. Örneğin, 'Gösterilecek gönderi sayısı' kutusuna '3' yazabilirsiniz.

Her zamanki gibi, bitirdiğinizde 'Kaydet'e tıklayın. Artık aynı widget'ın masaüstü sürümüne ve mobil sürümüne sahipsiniz.

Bu makalenin, WordPress'te bir widget'ı mobil cihazlarda nasıl gizleyeceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, siteniz için en kullanışlı widget'lar listemize göz atmak veya belirli sayfalarda widget'ları nasıl göstereceğiniz veya gizleyeceğiniz hakkındaki rehberimize bakmak isteyebilirsiniz.

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

14 CommentsLeave a Reply

  1. Bu, Elementor kullanmadığım tüm web sitelerim için mükemmel ve anlaşılır bir çözümdür. Elementor'da, öğeleri masaüstü, tablet veya mobil cihazlarda kolayca gizlememe izin veren seçeneklere alışmıştım. Ancak, standart Gutenberg düzenleyicisinde bu işlevsellik söz konusu olduğunda oldukça kaybolmuş hissediyordum. Özel bir CSS sınıfı kullanmayı ve kodu manuel olarak şablona eklemeyi düşünmüştüm, ancak bu yöntem çok daha basit ve neredeyse zahmetsiz. Eğitim için teşekkürler - gerçek bir zaman kazandırıcı!

  2. Bu gönderi hayat kurtarıcı! Mobil cihazlarda yinelenen altbilgilerle uğraşıyordum ve bu da web sitemin dağınık görünmesine neden oluyordu. Bu makale sayesinde, onlardan birini kolayca nasıl gizleyeceğimi anladım. Şimdi telefonlarda çok daha temiz ve profesyonel görünüyor – ne fark yarattı!

  3. Rehberin anlaşılır olması çok güzel. Ancak, AvadaTheme'imde cihaz seçimi sekmesi ve onay kutuları görünmüyor.
    AvadaTheme sürümüm V7.6.1. Sürümler arasında özellik farkı var mı?

    • Eklenti ile temanız arasında bir çakışma olabilir, eklentinin desteğiyle iletişime geçmenizi öneririz ve size yardımcı olabilmelidirler!

      Yönetici

  4. Bu, mobil bir ekranda yinelenen gibi görünen gereksiz altbilgileri hızlı bir şekilde gizlememe olanak tanıyan harika bir makaleydi, çünkü kenar çubukları ve altbilgiler altta yer alıyordu. Onlardan birini mobil cihazda gizledim ve işte oldu! Çok daha profesyonel görünüyor. Teşekkürler!

  5. Eklenti, widget'ları koşullu olarak gizlemek için php, js veya css kullanıyor mu?

    • Böyle bir soru için eklentinin desteğiyle iletişime geçmeniz gerekir ve onlar size kullanılan mevcut yöntemi bildirebilirler.

      Yönetici

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.