Çarpıcı Sekmeli İçerik için WordPress'te Sekmeler Nasıl Oluşturulur

WordPress'te nasıl sekme oluşturulacağını öğrenmek ister misiniz?

WordPress web sitenize sekmeler eklemek, farklı içerik türlerini düzenlemenin ve gönderilerde ve sayfalarda yerden tasarruf etmenin mükemmel bir yoludur.

Bu yazıda, adım adım WordPress'e nasıl sekme ekleyeceğinizi göstereceğiz.

Sekmeli WordPress İçeriğine Neden İhtiyacınız Var?

Sekmeler, içeriği sıralamanın yanı sıra, web sitenizin ziyaretçilerini aktif ve meşgul tutmayı çok daha kolaylaştırır. Sekmeler, içerik konularını bir sayfada birlikte gruplandırdığından, kullanıcıların diğer sayfalara tıklamaları gerekmez; bu, daha kısa dikkat süreleri için idealdir.

Örneğin, WordPress.org, ayrıntılar, incelemeler, destek ve geliştirme gibi bilgileri görüntülemek için eklentiler sayfasındaki sekmeleri kullanır.

Sekmeleri kullanmanın diğer bazı yolları şunlardır:

• Farklı ürün özelliklerini göstermek için ürün açıklamalarında
• Kategorileri filtrelemek için blog kenar çubuğunuzda
• İletişim bilgilerini sıralamak için iletişim sayfalarında

Profesyonel İpucu: Sekmeler akordeonlarla karıştırılmamalıdır. Kullanıcılar bilgileri değiştirmek için sekmelere tıklar, akordeonlar ise bilgileri ortaya çıkarmak için genişler.

Artık sekmelerin nasıl çalıştığı ve neden onlara ihtiyaç duyduğunuz hakkında daha fazla bilgi sahibi olduğunuza göre, WordPress sitenize nasıl sekme ekleyeceğinize bakalım.

Aşağıda WordPress'e sekme eklemenin 2 yolunu paylaşacağız. İlk önce bir sayfa oluşturucu kullanacağız, ardından size bir WordPress eklentisi ile nasıl sekme oluşturacağınızı göstereceğiz.

Başlayalım.

Yöntem 1: Sayfa Oluşturucu ile WordPress'te Sekmeler Nasıl Yapılır

İlk yöntem olarak, web sitenize sekmeli içerik eklemek için en iyi WordPress web sitesi oluşturucu olan SeedProd'u kullanacağız.

SeedProd, kod yazmadan esnek WordPress mizanpajları oluşturmanıza olanak tanıyan güçlü bir sürükle ve bırak sayfa oluşturucusudur. Profesyonel web sitesi kitleri, açılış sayfası şablonları ve canlı görsel düzenleyici ile sitenizin her bölümünü özelleştirebilir ve değişiklikleri gerçek zamanlı olarak görebilirsiniz.

SeedProd'u aşağıdakiler için de kullanabilirsiniz:

• Özel WordPress temaları oluşturun
• WooCommerce web siteleri oluşturun
• Yüksek dönüşüm sağlayan açılış sayfaları oluşturun
• Sitenizi bakım moduna alın
• Ve daha fazlası

Bu sayfa oluşturucu ayrıca WordPress tasarımınızı geliştirmek için son derece özelleştirilebilir bloklar içerir. Örneğin, bu kılavuzda kullanacağımız Sekmeler bloğu ile birkaç tıklamayla sayfalara birden çok sekme ekleyebilirsiniz.

SeedProd ile WordPress'te sekmeler oluşturmak için aşağıdaki adımları izleyin.

Adım 1. SeedProd Website Builder'ı Kurun

İlk olarak, SeedProd web sitesine gitmeniz ve eklentiyi indirmeniz gerekecek. SeedProd'un ücretsiz bir sürümü var; ancak sekmelerin ve diğer blokların kilidini açmak için premium bir plana ihtiyacınız olacak.

Eklentiyi indirdikten sonra, WordPress sitenize yüklemeniz ve etkinleştirmeniz gerekir. Daha önce hiç yapmadıysanız, bir WordPress eklentisi yüklemek için bu talimatları uygulayabilirsiniz.

Eklentiyi etkinleştirdikten sonra SeedProd »Ayarlar'a gidin ve eklenti lisans anahtarınızı girin.

SeedProd lisans anahtarınızı, hesap kontrol panelinizde İndirilenler bölümünün altında bulabilirsiniz.

Bir sonraki adıma geçmeden önce Anahtarı Doğrula düğmesini tıklamayı unutmayın.

Adım 2. Bir WordPress Teması veya Açılış Sayfası Oluşturun

Web sitenize sekme eklemek için SeedProd'u kullanmanın 2 yolu vardır:

1. Özel bir WordPress teması oluşturmak için Tema Oluşturucu'yu kullanın ve herhangi bir WordPress sayfasına sekmeler ekleyin.
2. Sürükle ve bırak sayfa oluşturucuyu kullanarak sekmeli içeriğe sahip bağımsız bir açılış sayfası oluşturun.

Bu kılavuzda, ana sayfanız, WordPress kenar çubuğunuz, üstbilginiz, altbilginiz ve temanızdaki herhangi bir yer dahil olmak üzere istediğiniz herhangi bir sayfaya sekmeler eklemenize izin verdiği için ilk seçeneği kullanacağız.

SeedProd ile bir WordPress teması oluşturmak için bu adım adım kılavuzu takip edebilir, ardından sitenize sekme ekleme talimatları için buraya geri dönebilirsiniz.

Adım 3. WordPress Sayfalarınıza Sekmeler Ekleyin

WordPress temanızı oluşturduktan sonra, hangi sayfaların sekmeli içeriğe sahip olması gerektiğine karar vermeniz gerekir. Örneğin, farklı türde iletişim bilgilerini göstermek için iletişim sayfanıza sekmeler veya farklı gönderi kategorileri için özel bir kenar çubuğu ekleyebilirsiniz.

Bu örnekte, açık iş pozisyonları, içerik yönergeleri ve daha fazlası gibi daha fazla ayrıntı göstermek için hakkında sayfasına sekmeler ekleyeceğiz.

Bunu yapmak için WordPress yöneticinizden Sayfalar » Tüm Sayfalar'a gidin ve düzenlemek istediğiniz sayfayı bulun.

SeedProd web sitesi seti kullandığınız için hakkında, iletişim ve hizmetler sayfaları gibi içerik sayfaları otomatik olarak oluşturulur. Bunları görsel düzenleyicide açmak için SeedProd ile Düzenle bağlantısını tıklayın.

Sayfanız sayfa oluşturucuda açıldığında, değişiklik yapmak için SeedProd'un özelleştirme seçeneklerini kullanabilirsiniz. İçeriğini, renklerini, stilini ve görünürlüğünü değiştirmek için herhangi bir öğeye tıklayabilirsiniz.

Bloklar panelinden sürükleyip yerine bırakarak sayfanıza daha fazla öğe eklemek de kolaydır. Öyleyse bunu SeedProd'un sekme bloğuyla yapalım.

İlk olarak, sekmeli içeriğinizi "barındırmak" için sayfaya yeni bir bölüm ekleyin. Bizim durumumuzda, mevcut bölümlerden birini çoğaltacağız ve sayfanın en altına sürükleyeceğiz.

Bundan sonra, resmi daha alakalı bir şeyle değiştirin ve artık ihtiyacınız olmayan içeriği çöp tenekesi simgesine tıklayarak silin.

Artık sol panelde Sekmeler bloğunu arayabilir ve sayfanızdaki yeni bölüme sürükleyebilirsiniz.

Bloğu tıklamak, aşağıdakileri yapabileceğiniz içerik ayarlarını gösterir:

• Birden çok sekme ekle
• Sekme simgesini göster veya gizle
• Yazı tipi boyutunu değiştir
• Sekmeler arasındaki boşluğu artırın veya azaltın
• Sekme hizalamasını ayarlayın

Her sekmeyi genişletmek, bir sekme başlığı eklemenize ve 'ne görüyorsanız onu alırsınız' (WYSIWYG) ayarlarına sahip klasik bir düzenleyici kullanarak içeriğinizi yazmanıza olanak tanır.

Sekmelerinize daha fazla ilgi eklemek ve onları öne çıkarmak için özel bir simgeyi de etkinleştirebilirsiniz. 'Sekme simgesini gizle' geçiş düğmesini 'Kapalı' konuma getirin ve Font Awesome kitaplığından özel bir simge seçin.

Gelişmiş sekmesine tıklamak, özel arka plan renkleri, yazı tipleri, kenarlıklar, boşluklar ve daha fazlası dahil olmak üzere daha fazla özelleştirme seçeneği belirlemenizi sağlar.

Ayrıca, yerleşim seçeneklerinden birine tıklayarak dikey sekmeleri veya yatay sekme grubunu görüntüleyebilirsiniz.

Değişikliklerinizi kaydetmek için ekranın sağ üst köşesindeki Kaydet düğmesine tıklamayı unutmayın.

WordPress web sitenizdeki herhangi bir başka sayfaya sekme eklemek için aynı adımları izleyin, ardından değişikliklerinizi canlı hale getirmek için bir sonraki adıma geçin.

Adım 4. Sekmeli İçeriğinizi Yayınlayın

Çeşitli WordPress sayfalarınıza sekmeler ekledikten sonra, bunları web sitenizin ziyaretçilerinin görmesi için yayınlamaya hazırsınız.

Bunu yapmak için SeedProd »Tema Oluşturucu sayfasına gidin ve 'SeedProd temasını etkinleştir' geçişini 'Açık' konumuna getirin.

Artık sayfalarınızı önizleyebilir ve sekmeli içeriğinizi çalışırken görebilirsiniz.

Yöntem 2: WordPress Eklentisiyle Sekmeler Nasıl Eklenir

WordPress temanızı değiştirmek veya bir açılış sayfası oluşturmak istemiyorsanız, aşağıdaki yöntem iyi bir alternatiftir. WordPress sitenize duyarlı sekmeler eklemek için ücretsiz Sekmeler Duyarlı WordPress eklentisini kullanacağız.

İlk olarak, Duyarlı Sekmeler eklentisini yüklemeniz ve WordPress yöneticinizden etkinleştirmeniz gerekir.

Ardından, Duyarlı Sekmeler »Yeni Sekmeler Ekle'ye gidin ve sekme kümenize bir başlık verin.

Buradan varsayılan şablonu seçebilir veya Pro sürümünü kullanıyorsanız 18'den fazla şablon stili arasından seçim yapabilirsiniz.

Bir sonraki adım, sekmelerinizi eklemektir. İstediğiniz kadar sekme oluşturabilir ve şunları dahil edebilirsiniz:

• Sekme başlıkları
• Sekme açıklamaları
• Sekme simgeleri

Özel sekme stilleri, arka plan renkleri, yazı tipi renkleri ve daha fazlasını seçerek sağ kenar çubuğunda her sekmenin stilini de düzenleyebilirsiniz.

Sekmelerinizden memnun kaldığınızda, sekmeler kısa kodunu kopyalayın ve WordPress temanızın herhangi bir yerine yapıştırın.

Örneğin, kısa kodu aşağıdaki gibi bir WordPress gönderisine veya sayfasına yapıştırabilirsiniz:

Sitenizin ön ucunda şu şekilde görünecektir:

Ayrıca, kısa kodu bir paragraf bloğuna yapıştırarak, WordPress kenar çubuğunuz veya altbilgi widget'larınız gibi widget'a hazır bir alana sekmeler kısa kodunu da ekleyebilirsiniz.

Ardından, sekmeli içeriğinizin kenar çubuğu alanlarınızda canlı olduğunu göreceksiniz:

İşte aldın!

Bu öğreticide, WordPress'te kod yazmadan nasıl sekme oluşturacağınızı öğrendiniz. Web sitenizde özelleştirilebilir sekmeler oluşturmaya hazır mısınız?

Buradayken bu diğer yararlı WordPress kılavuzlarını da beğenebilirsiniz:

• WordPress'te Metin Animasyonları Nasıl Oluşturulur (Kolay Adımlar)
• WordPress Web Siteleri için Süslü Bölüm Bölücüler Nasıl Oluşturulur
• WordPress'te Yazar Kutusu Nasıl Eklenir (Eklenti Olmadan)

Okuduğunuz için teşekkürler. İşinizi büyütmek için daha yararlı içerik için lütfen bizi YouTube, Twitter ve Facebook'ta takip edin.