Şu an okuyorsunuz: WordPress yayınlarına ve sayfalarına sekmeler nasıl eklenir
Sekmeler, özellikle e-ticaret mağazalarında olmak üzere birçok web sitesinde yaygın olarak kullanılmaktadır. E-ticaret mağazası sahipleri genellikle ürün açıklama alanındaki sekmeleri kullanır; burada yorumları, açıklamaları, teknik özellikleri vb. Birden çok sekmede paylaşırlar.
Ancak, sekmeler yalnızca e-ticaret sitelerinde değil, diğer birçok web sitesinde de kullanılmıştır. Resmi WordPress.org sitesi bile eklenti açıklama sayfalarında sekmeler kullanıyor. Aşağıdaki şekilde WP.org’da vurgulanan sekmeler gösterilmektedir.
Diğer birçok site sahibi, farklı site türleri için sekmeler kullanır. Ancak, sekmeler bilgileri görüntülemek için genişleyen akordeonlarla karıştırılmamalıdır. Sonra web sitemde akordeonu nasıl kullandığımı fark et.
Ancak akordeoncular dışında, bunun hakkında konuşmak için buradayız. sekmelerBu yüzden odağımızı kaybetmeyelim. Sekmeler ve akordeon arasındaki ayrımı açıklığa kavuşturmak zorunda kaldım. Şimdi aynı sayfada olduğumuzu umuyorum.
Esasen, site sahipleri, aksi takdirde bir sayfanın veya yayının tamamını kaplayacak bilgileri paylaşmak için sekmeleri kullanır. Bu, sekmelerin, kullanıcıları milyonlarca kez topunu oynamaya zorlamadan bilgilerin sindirimini kolaylaştırdığı anlamına gelir.
Başka bir deyişle, sekmeler sitenizin, özellikle daha kısa ilgi alanlarının olduğu bir dünyada kullanılabilirliğini artırır. Bu nedenle, uzun sayfalardan sıkılmadan sitenizdeki kullanıcıları daha uzun süre tutmak istiyorsanız, sekmeleri kullanmayı düşünün.
Bugünün yayınında, WordPress yayınlarınıza ve sayfalarınıza nasıl sekme ekleyeceğinizi tam olarak göstereceğiz. Bu yazının sonunda, sekmeleri kullanmak için ihtiyacınız olan tüm talimatlara sahip olacaksınız. Umarız sonuna kadar eğlenirsiniz ve yorum bölümünde düşüncelerinizi paylaşmadan ayrılmazsınız. Başlayalım.
Sayfa oluşturucu kullanma
Zaten bir sayfa oluşturucu yüklediyseniz, şanslısınızdır – muhtemelen bir sekme modülünüz zaten vardır. Çoğu büyük sayfa oluşturucu, temel sayfa oluşturma öğelerinin bir parçası olarak sekmeler sunar. İşte favorilerimizden ikisine hızlı bir bakış.
Ücretsiz Elementor Sayfa Oluşturucu
Popüler Elementor sayfa oluşturucu, eklentinin ücretsiz sürümünün bir parçası olarak sekmeler içerir. Tek yapmanız gereken sayfanıza bir sekme öğesi eklemek ve ardından başlığı, içeriği, stili vb. Düzenlemek. Hepsi bu!
WPBakery Premium Sayfa Oluşturucu
WPBakery Page Builder’ı içeren (kendi genel temamız gibi) premium bir tema kullanıyor musunuz? Mükemmel! Sekmeler entegre edilmiştir ve kullanımı kolaydır.
WPBakery sekme modülü, önceki örnekten biraz farklıdır, çünkü sekmeler eklendiğinde başlangıçta boştur. İçeriğinizi eklemek için sekmelere ek sayfa öğeleri (metin alanı, resimler, simgeler vb.) Eklemeniz gerekir. Bununla birlikte, bu, beğeninize sekmeler oluşturma konusunda çok fazla özgürlük sağlar (yerleşik stil ayarlarına ek olarak). Bu blog sitesi oluşturucuyu zaten ele aldık. Daha ayrıntılı talimatlar için lütfen WPBakery kılavuzumuzu okuyun (not: bu eklentiye önceden Visual Composer deniyordu, karışıklık için önceden özür dileriz).
WordPress sekmesi eklentisini yükle
Sayfa oluşturucu kullanmıyorsanız, tek bir sekme kullanmanıza gerek yoktur. WP Shop Mart’ın sekmeleri çağırdığı ücretsiz WordPress eklentisi gibi birçok iyi alternatif var. Sekmeler, terlemeden sınırsız miktarda güzel sekme oluşturmanıza izin veren mükemmel bir WordPress eklentisidir.
WordPress eklenti sekmesini yükleyerek başlayalım. Resmi WordPress eklenti arşivinde bulunduğundan, eklentiyi doğrudan WordPress yönetici panelinden yükleyebilirsiniz.
Ücretsiz sürümü kullanıyoruz, ancak daha sonra ek özelliklere yükseltmek isterseniz premium bir sürüm mevcut.
WordPress sekmesi eklentisini yükle
WordPress yönetici alanınızda oturum açın ve şuraya gidin: Eklentiler> Yeni ekle ve anahtar kelimelerin bulunduğu anahtar kelime alanına “wpshopmart sekmeleri” yazın. Doğru eklentiyi bulduğunuzda düğmesine basın Şimdi yükle Düğme aşağıda gösterildiği gibi.
Sonra tıklayın etkinleştirmek Düğme. Duyarlı WordPress sekmesi eklentiniz kullanıma hazırdır. Şimdi bu eklentinin neler sunduğunu öğrenmek için bazı sekmeler oluşturalım.
Duyarlı WordPress sekmesi eklentisini yapılandırma
Eklentiyi etkinleştirmek, WordPress yönetici menünüze yeni bir öğe ekler. Yeni sekmeler oluşturmak için konumuna gidin Alınan sekmeler> Yeni sekme ekle aşağıdaki ekran görüntüsünde açıklandığı gibi.
Bu sizi güzel patron sekmeleri oluşturmak için ihtiyacınız olan tüm özellikleri içeren Yanıt Oluşturucu sekmesine götürür. Ne bekleyeceğiniz hakkında fikir edinmek için aşağıdaki resme bakın.
Her şey parşömen, değil mi? İşlevlerin çoğu sağ kenar çubuğunda bulunabilir. Ayrıca, ayrı sekmelerin ayarlarının bulunduğunu unutmayın. WYSIWYG sekme düzenleyicilerini bile kullanabilirsiniz, yani sekmeleriniz üzerinde çok fazla kontrolünüz vardır.
Şimdi bazı örnek sekmeler oluşturacağız ve bunları bir sayfada veya yayında göstereceğiz.
Başlık ekle
İlk olarak, sekmelerinize yukarıdaki resimde gösterildiği gibi açıklayıcı bir başlık (gezinme menüleri gibi) verin. Bu şekilde, bir şeyi düzenlemeniz gerekirse sekmelerinizi daha sonra WordPress yönetici alanında kolayca tanımlayabilirsiniz. Bu öğreticinin amaçları için sekmelerimi “Test Başlangıç Sekmelerini” aradım.
Tasarım Şablonu sekmesini seçin
Yukarıdaki ekran görüntüsünde görüldüğü gibi, yapılacak bir sonraki şey, sekmeleriniz için kullanmak istediğiniz bir tasarım şablonu seçmektir. WordPress Eklentileri sekmesinin ücretsiz sürümü yalnızca bir tasarım şablonu sunar, ancak istediğiniz zaman premium sürüme yükseltebilirsiniz 19 tane dahaTasarım özgürlüğü hakkında konuşun.
Sekme ekle
Ardından istediğiniz kadar sekme ekleyin (aşağıya bakın).
Listede yapabileceklerinizin numaralandırılmış bir listesini oluşturduk. Sekme ekle Yukarıda gösterilen bölümler. Sayılar her alana karşılık gelir.
- Hayran başlığı – Sekmenizin başlığını bu alana ekleyin. Tanım, özellikler, ayrıntılar vb.
- Sekme Açıklaması – Sekme açıklamanızı buraya ekleyin. Bu alanda içeriği sekmenize ekleyebilirsiniz. En iyi bölüm, sekmelerinize fotoğraflar, müzik ve videolar da dahil olmak üzere zengin içerik eklemek için WYSIWYG düzenleyicisini (aşağıdaki şekil 3’e bakın) kullanabilmenizdir.
- WYSIWYG kullanın – Eğer tanıdık kullanmak istiyorsanız W.Vardır-Y.UNEDS.EEbens-W.Vardır-Y.UNEDDomSekmenizin içeriğini oluşturmak için, açılır pencereyi açmak üzere düzenleyicide bu düğmeye basabilirsiniz
- Sekme simgesi – Bu alanda sekmeniz için bir simge seçebilirsiniz. Sekmeler WordPress eklentisi, sekmelerinizi bir profesyonel gibi canlandırmak için sayısız Font Awesome sembollerine erişmenizi sağlar
- Yukarıdaki simgeyi göster – Simgenin yanında sekme başlığını görüntülemek istiyorsanız, bu özelliği seveceksiniz. Simgeyi sekme başlığına dokunmadan da devre dışı bırakabilirsiniz
- kaldır – Belirli bir sekmeyi kaldırmak için bu düğmeye basın
- Yeni sekmeler ekle – Daha fazla sekme eklemek için bu düğmeyi tıklayın
- Tümünü temizle – Tüm sekmelerden bıktınız mı? Sadece basın Tümünü temizle Her şeyi sıfırlamak için düğme
Size yardımcı olacak bazı ek ipuçları. İlk olarak, sekmeleri istediğiniz gibi yeniden düzenlemek ve düzenlemek için sürükleyip bırakabilirsiniz.
İkincisi, düğmeye basmayı unutmayın taslakları kaydet Sekmelerinizi oluştururken, yanlışlıkla sekme oluşturucusundan uzaklaşırsanız hiçbir değişikliği kaçırmadığınızdan emin olmak için düğmeyi bir veya iki kez tıklayın.
Yardıma ihtiyacınız varsa, büyük bir mavi var Yardım alın Hemen altındaki düğme Sekme ekle Sizi WordPress.org adresindeki resmi sekme tabanlı destek forumuna götüren bölüm (ve eklentinin çoğu sayfasında). Herhangi bir zamanda yardıma ihtiyacınız olursa yardım düğmesine basın.
Sekme kodu
Aşağıda, sekmelerinizi herhangi bir sayfaya veya yayına eklemek ve görüntülemek için sekme kartı kodu verilmiştir. Örneğin, kart kodumuz (TABS_R id = 443). Bir sayfadaki sekmeleri görüntülemek için yukarıdaki karttan kodu kopyalamanız ve bu sayfaya yapıştırmanız yeterlidir.
Widget sekmesi
Sekmelerinizi sitenizin widget alanına eklemek ister misiniz? Eğer yankılanan bir evetse, WordPress eklenti sekmesi ile birlikte gelen widget desteğini seveceksiniz.
Vur buraya tıklayın Yukarıdaki resimdeki bağlantı sizi, temanızda bir widget alanının olduğu her yere sekmelerinizi ekleyebileceğiniz WordPress widget ekranına götürecektir.
Özel CSS
WordPress sekmesi eklentisi çok sayıda sekme özelleştirme seçeneği içeriyor olsa da (sadece sağ kenar çubuğuna bakın, stil seçenekleriyle dolu!), Aşağıda gösterildiği gibi kendi özel CSS stillerinizi ekleyebilirsiniz.
Özel ayarlarınızı yalnızca yeni sekmeler için varsayılan ayarlar olarak da belirleyebilirsiniz. Varsayılanları güncelle Yukarıdaki resimde gösterildiği gibi düğme.
Sağ kenar çubuğu
Yukarıdaki resimde vurguladığımız sağ kenar çubuğu günü özetliyor. Sekmelerinizi kalbinizin içeriği için tasarlamanız için gereken tüm seçenekleri içerir. Önemli ayarlar şunları içerir:
- Arka plan rengi sekmesi
- Sekme Rengi
- Yazı tipi ve stil
- Başlık simgesi ve sekmesi için ekran ayarları
- Sekme simgesinin adresini, yani H. Sekmeden önce veya sonra yerleştirin
- Kanter sekmesi
- Birden çok sekmenin açıklamasını içeren animasyonlar
- Ve daha fazlası
Sekmelerinizi bir WordPress sitesine veya yayınına ekleyin
Sekmenin içerik ve stil ayarlarını ekledikten sonra yukarı kaydırın ve tıklayın yayınlamak Düğme aşağıda gösterildiği gibi.
Bu noktada, sekmeleriniz hazır. Sekmeleri bir WordPress sitesine veya yayınına eklemeniz yeterlidir. Daha önce gördüğünüz sekme kodunu kopyalamanız yeterlidir. Bizimki (TABS_R id = 443).
Yazı düzenleyicinizi başlatın (Gutenberg kullansanız bile) ve kart kodunu yazı / sayfanıza yapıştırın. Sonra düğmesine basın yayınlamak Düğme aşağıda gösterildiği gibi.
Yakl. 5 Protokoller oluşturun; Yirmi Onyedi temasını ve bazı Lorem Ipsum’u kullanıyorum. Aşağıdaki sonucu aldım.
Renkleri veya herhangi bir şeyi ayarlamadığımı lütfen unutmayın. Bana ne düşündüğünü söyle; Kolay değil miydi?
WordPress sayfalarınıza ve yayınlarınıza sekmeler eklemek dördüncü türdür. Özellikle WP Shop Mart Tabs gibi eklentiler kullanıyorsanız herhangi bir sorun beklemiyorum.
WordPress sayfalarınıza ve yayınlarınıza nasıl sekme eklersiniz? En sevdiğiniz WordPress sekmesi eklentiniz nedir? Görüşlerinizi yorumlarınızda paylaşın. Mutlu yaratım!
