WordPress Gönderiye ve Sayfasına Sekme Nasıl Eklenir

Sekme, birçok web sitesinde, özellikle E-Niaga mağazalarında oldukça yaygın bir özelliktir. E-ticaret dükkanı sahipleri genellikle ürün açıklama alanında incelemeleri, açıklamaları, teknik özellikleri vb.

Ancak, sekme sadece E-Niaga web sitesinde değil, diğer birçok web sitesinde kullanılmıştır. Resmi WordPress.org web sitesinde bile eklenti açıklama sayfasında bir sekme kullanır. WP.org’daki vurgulanan sekmeyi görmek için aşağıdaki resme bakın.

Diğer birçok web sitesi sahibi çeşitli web sitelerinde sekmeler kullanır. Ancak, sekme, bilgileri ifade etmek için genişletilen Chordeon ile aynı değildir. Aşağıda, lütfen web sitemde Acordeon’u nasıl kullandığıma dikkat edin.

Ama Chordeon’un yanı sıra, sekmeler hakkında konuşmak için buradayız, bu yüzden odağı kaybetmemize izin vermeyin; Sadece sekmeler ve anlaşmalar arasındaki farkı açıklığa kavuşturmam gerekiyor. Şimdi, umarım aynı sayfadayız, web sahibi bir tam sayfa veya yayın alınması gereken bilgileri paylaşmak için bir sekme kullanır. Bu, sekmenin, kullanıcıları rulo tekerleklerine milyonlarca kez basmaya zorlamak zorunda kalmadan bilgileri daha kolay sindirildiği anlamına gelir. Başka bir deyişle, sekme web sitenizin, özellikle de daha kısa bir ilgi yelpazesi olan dünyada kullanımını artırır. Bu nedenle, sitenizdeki kullanıcıları uzun bir sayfayla yarıya kadar sıkılmadan daha uzun süre saklamak istiyorsanız, bir sekme kullanmayı düşünmelisiniz.
Bugünün gönderisinde, WordPress yayınınıza ve sayfanıza nasıl bir sekme ekleyeceğinizi gösteriyoruz. Bu yazının bitiminden önce, kârınız için bir sekme kullanmak için ihtiyacınız olan tüm talimatlara sahip olacaksınız. Umarım sonuna kadar beğenirsiniz ve lütfen yorumlar bölümünde düşüncelerinizi paylaşmadan ayrmayın. Yoldan çıktı, başlayalım. Sayfa Makerını Kullanın Sayfa Maker’ı yüklediyseniz, şanslısınız – zaten parmaklarınızın ucunda bir sekme modülü olabilir. Çoğu ana sayfa üreticisi, çekirdek sayfa yapımcılarının bir dizi öğesinin bir parçası olarak sekmeler sunar. İşte iki favorimize bir bakış. Ücretsiz Elementor sayfaları yapmak
Bilgi ve İndir Demo

Popüler Elementor sayfası üreticisi, eklentinin ücretsiz sürümünün bir parçası olarak sekmeyi içerir. Tek yapmanız gereken sekme öğesini sayfanıza eklemek, ardından başlığı, içeriği, stilini vb. Düzenlemektir. Tamamlandı! WPBakery Premium Page Maker
Bilgi ve İndir Demo

WPBakery Page Builder’ı (kendi toplam temamız gibi) içeren premium bir tema mı kullanıyorsunuz? Büyük! Sekme yerleşik ve kullanımı kolay. WPBakery sekmesi modülü önceki örnekten biraz farklıdır çünkü eklediğinizde başlangıç ​​sekmesi boştur. İçeriğinizi eklemek için sekmeye ek sayfa öğeleri (metin alanı, resimler, simgeler vb.) Girmelisiniz. Ancak bu, dileklerinize göre bir sekme yapma özgürlüğü sağlar (varsayılan stil seçeneğinin yanı sıra). Bu sayfanın üreticisini önceki blogda tartıştık, bu nedenle daha ayrıntılı talimatlar istiyorsanız, wpBakery kılavuzumuzu kontrol edin (notlar – bu eklenti daha önce görsel besteci olarak adlandırıldı, karışıklık varsa önceden üzgünüm).
Bilgi ve İndir Demo
Bir sayfa üreticisi kullanmıyorsanız, sadece bir sekme için kullanmanıza gerek yoktur. Yalnızca WP Shop Mart’ın sekmeleri olarak bilinen ücretsiz WordPress eklentileri gibi birçok harika alternatif vardır. Tabs, terlemeden sınırsız miktarlarda güzel sekmeler yapmanıza yardımcı olan iyi bir WordPress eklentisidir. WordPress sekmeleri eklentisini yükleyerek başlayalım. Resmi WordPress Eklentisi Repo’da mevcut olduğundan, eklentiyi doğrudan WordPress yönetici kontrol panelinizden yükleyebilirsiniz. Ücretsiz sürümü kullanıyoruz, ancak daha sonra ek özellikleri artırmak istiyorsanız premium bir sürüm var.

WordPress eklentisi sekmesi Oturum Açma’yı WordPress Yönetici Gösterge Tablonuza yükleyin ve Eklentiler> Yeni Ekle’ye gidin ve Anahtar Kelime Arama Kutusuna “WPShopMart sekmeleri” yi girin. Doğru eklentiyi bulduktan sonra, aşağıda gösterildiği gibi şimdi yükle düğmesine basın.
Bundan sonra etkinleştir düğmesini tıklayın. Ve sadece bu, duyarlı WordPress sekmeleri eklentiniz kullanıma hazır. Şimdi, bu eklentinin sunduğunu bulmak için birkaç sekme oluşturalım. WordPress Duyarlı sekme eklentisini yapılandırın, eklentiyi etkinleştirme WordPress yönetici menünüze yeni öğeler ekleyecektir. Yeni bir sekme oluşturmak için, aşağıdaki Screengrab’da detaylandırdığımız gibi Duyarlı> Yeni Sekmeler Sekmesi Ekle’ye gidin. Bunu yapmak, patron gibi güzel bir sekme yapmak için ihtiyacınız olan tüm özelliklerle dolu Duyarlı Oluşturucu sekmelere götürecektir. Beklenenlere bakmak için aşağıdaki resme bakın.
Yeterince kaydırma değil mi? Özelliklerin çoğunu sağ kenar çubuğunda bulabilirsiniz. Ayrıca, her sekmenin kendi ayarları olduğunu unutmayın. WYSIWYG düzenleyicisini sekmede bile kullanabilirsiniz, bu da sekmenizde çok fazla kontrolünüz olduğu anlamına gelir. Şimdi, birkaç sekme örneği oluşturalım ve sayfada veya yayında görüntüleyelim. Başlığı ekle

Yukarıdaki resimde gösterildiği gibi sekmenize tanımlayıcı bir başlık vererek başlayın (gezinme menünüzde olduğu gibi). Bu şekilde, bir şey düzenlemeniz gerekiyorsa, daha sonra WordPress Yönetici Gösterge Tablosundaki sekmenizi kolayca tanımlayabilirsiniz. Bu öğreticinin amaçları doğrultusunda, sekmemi “test ev sekmeleri”.

Şablon Tasarım sekmesi seçin

Yukarıdaki ekran görüntüsünde görüldüğü gibi, bir sonraki adımınız sekmeniz için kullanmak istediğiniz tasarım şablonunu seçmektir. WordPress sekmeleri eklentisinin ücretsiz sürümü yalnızca bir tasarım şablonu sunar, ancak her zaman 19’luk premium sürümlere yükselebilirsiniz. Tasarım özgürlüğü hakkında konuşun. Bir sonraki sekmeyi ekleyin, aşağıda gösterildiği gibi istediğiniz kadar sekme ekleyin. Her bölgeye göre sayılar.

Başlık sekmesi – Bu alanda sekme başlığınızı ekleyin. Örneğin açıklama, özellikler, ayrıntılar, vb.

Sekme Açıklama – Sekme açıklamanızı buraya ekleyin. Bu alan, sekme içeriğinizi eklemenizi sağlar. En iyi yanı, resimler, müzik ve videolar dahil olmak üzere sekmenize zengin içerik eklemek için WYSIWYG düzenleyicisini (aşağıda 3 numarada gösterilmiştir) kullanabilmenizdir.

WYSIWYG kullanın- Sekme içeriğinizi oluşturmak için tanıdık şapka-y ou-s ee- i s-w hat-wat-g et ed editörünü kullanmak istiyorsanız, üst pencere popunu başlatmak için bu düğmeye basmaktan çekinmeyin

Bu sekme simgesi, sekmenizde kullanmak için bir simge seçmenize yardımcı olur. Sekmeler WordPress eklentisi, sekmenizi bir profesyonel gibi canlandırmak için birçok harika yazı tipi simgesine erişmenizi sağlar
Icon’un üzerindeki görüntüleyin – Sekonun yanındaki sekmenin başlığını görüntülemek istiyorsanız, bu özelliği beğeneceksiniz. Ardından, bu, sekmenin başlığına dokunmadan simgeyi devre dışı bırakmanızı sağlar.
Sil – Belirli bir sekmeyi silmek için bu düğmeye basın
Yeni bir sekme ekle – Tüm sekmelerden sıkılmış daha fazla sekme eklemek için bu düğmeyi tıklayın? Her şeyi sıfırlamak için tüm sil düğmesine basın
Size yardımcı olacak bazı bonus ipuçları. İlk olarak, istediğiniz gibi yeniden düzenlemek ve yönetmek için sekmeyi çekebilir ve kaldırabilirsiniz.
İkincisi – Sekme üreticisinden yanlışlıkla çıkmadığınızda herhangi bir değişiklik kaybetmediğinizden emin olmak için bir sekme yaptığınızda taslak kaydet düğmesine bir veya iki kez basmayı unutmayın. Son olarak – desteğe ihtiyacınız varsa, büyük bir mavi düğme, sizi wordpress.org adresindeki resmi sekme destek forumuna yönlendiren sekmenin altında (ve çoğu eklenti sayfasında) doğru desteği alın. Hiçbir zaman yardıma ihtiyacınız varsa Destek düğmesine basmaktan çekinmeyin. Kısa Kod sekmesi
Ardından, sekmenizi herhangi bir sayfada veya istediğiniz gönderiye eklemek ve görüntülemek için kullandığınız sekme kısa kodu bulursunuz. Örneğin, kısa kodumuz [tabs_r id = 443]. Sayfadaki sekmeyi görüntülemek için yukarıdaki kısa kodu belirli bir sayfaya kopyalıyorum.
Widget sekmesi
Sekmeni web sitenizdeki widget alanına eklemek ister misiniz? Eğer buysa, WordPress sekmeleri eklentisine dahil olan widget’ın desteğini seveceksiniz. Bağlantıya basıldığında, yukarıdaki resimde buraya tıklayın, temanızda bir widget alanınız olduğu yere bir sekme eklemekte özgür olduğunuz WordPress widget ekranına götürecektir.
Özel CSS WordPress sekmeleri eklentisi birçok sekme ayar seçeneği ile birlikte gelirken (sadece sağ tarafa bakın; kuvvet seçenekleriyle dolu!), Aşağıda gösterildiği gibi kendi özel CSS stilinizi ekleyebilirsiniz.
Ardından, yalnızca yukarıdaki resimde gösterildiği gibi Varsayılan Ayarlar düğmesini tıklayarak özel ayarlarınızı tüm yeni sekmeler için varsayılan ayar olarak ayarlayabilirsiniz. Sağ Kenar Çubuğu

Yukarıdaki resimde vurguladığımız sağ taraf gerçekten sizin için günü getirdi. Sekmeni istediğiniz gibi düzenlemek için ihtiyacınız olan tüm seçeneklerle doludur. Önemli seçenekler şunları içerir:
Sekme arka plan rengi

Sekme yazı tipi rengi

Yazı tipi ailesi ve stili

Başlık ve sekme simgeleri için seçenekler görüntüleme

Sekme simgesinin konumunu düzleştirme, başlık sekmesinden önce veya sonra
Sekme limiti
Bazı Animasyon Sekmesi Açıklama
Ve daha fazlası
Bir sekme içeriği ve stil seçeneği ekledikten sonra sayfaya sekmenizi ekleyin veya WordPress’i gönderin, yukarı kaydırın ve aşağıda gösterildiği gibi verim düğmesini tıklayın.
Bu noktada, sekmeniz hazır. Yalnızca bir sekme eklemeniz veya WordPress yayınlamanız gerekir. Daha önce gördüğümüz kısa sekme kodunu kopyalayın. Bizim [tabs_r id = 443] ‘e aittir. Gönderi düzenleyicinizi başlatın (Gutenberg kullansanız bile) ve yayın/sayfanıza kısa bir kod yapıştırın. Bundan sonra aşağıda gösterildiği gibi yayın düğmesine basın.
Bir şey hazırlamak için yaklaşık 5 dakika sonra; Yirmi on yedi ve birçok Lorem Ipsum temasını kullanıyorum, aşağıdaki sonuçları alıyorum.
Rengi falan ayarlamadığımı unutmayın. Bana ne düşündüğünü söyle; kolay değil?

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir