Ana İçeriğe Geç

Elementor ile WordPress'e içindekiler tablosu nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Uzun içerik gönderiyorsanız, bir içindekiler tablosu eklemek, hem arama motorlarının hem de insan ziyaretçilerin içeriğinizde gezinmesine ve içeriğinizi anlamasına yardımcı olur.

Widget ile WordPress için İçindekiler tablosu, web sitenize, içeriğinizdeki başlık etiketleri hiyerarşisine göre içeriğini otomatik olarak oluşturan bir içindekiler tablosunu kolayca ekleyebilirsiniz.

Örneğin:

  • <h2>
    • <h3>
    • <h3>
  • <h2>
    • <h3>

Tablo içeriği nasıl eklenir wordpress elementor blogpascher etiketi

Bu widget'ı Elementor Pro'nun görsel tema oluşturucusuyla kullanırsanız, parmağınızı kaldırmadan tüm içeriğinize otomatik olarak bir içindekiler tablosu ekleyebilirsiniz. Bir ziyaretçi içindekiler tablosundaki bir bağlantıya tıkladığında, bir çapa görevi görür ve onları sayfanın o bölümüne götürür.

Bu yazıda, widget'ı tam olarak nasıl yapılandıracağınızı göstereceğiz WordPress için İçindekiler tablosu Elementor Tema Oluşturucu ile.

Ama daha önce, birlikte keşfedelim Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için.

O zaman neden burada olduğumuza dönelim.

Elementor ile içindekiler tablosu nasıl eklenir

Öncelikle, bu widget'ı da temel bir şekilde kullanabileceğinizi belirtmeliyiz. Ancak bu eğiticide, Elementor Tema Oluşturucu ve tekli gönderi şablonlarını kullanarak içeriğinizin tamamına (veya bazılarına) otomatik olarak TOC eklemeye odaklanıyoruz.

İşte nasıl yapılacağı.

1. Tek bir gönderi şablonu oluşturun veya değiştirin

Başlamak için, yeni benzersiz bir gönderi şablonu oluşturmak için Elementor Tema Oluşturucu'yu kullanın veya içindekiler tablosunu eklemek istediğiniz mevcut benzersiz gönderi şablonlarınızdan herhangi birini düzenleyin.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Şablonunuzu herhangi bir yazı türüne (blog, sayfa, özel yazı türü) uygulayabilirsiniz, ancak biz blog yazılarına odaklanacağız.

2. İçindekiler Tablosu widget'ını ekleyin

Benzersiz gönderi şablonunuzu açtıktan sonra, widget'ı ekleyin İçerik tablosu İçindekilerinizin görünmesini istediğiniz yer. Benzersiz kategorisinde, gönderi başlığı ve gönderi içeriği widget'larıyla birlikte bulunur:

Tablo içeriği nasıl eklenir wordpress elementor blogpascher 1

Widget'ı ekledikten sonra, gönderide bulunan tüm başlıkların bir listesini otomatik olarak görmelisiniz.

Şimdi bu widget'ın ayarlarını yapılandırma zamanı.

3. Widget tablosunu yapılandırın

İçindekiler widget'ının ayarlarını açtığınızdan emin olun. Ardından sekmeyi kullanın içerik İçindekiler tablonuzda görünen içeriği yapılandırmak için.

Önce başlığı ekleyin - örneğin "İçindekiler Tablosu". Bu, widget'ın otomatik olarak oluşturduğu bağlantı bağları listesinin üzerinde görünen statik metindir.

Ardından eklenecek içeriği seçin. Sekmede Dahil etmek, içeri gelebilirsin :

  • HTML Etiketi. Örneğin, <h2> ve <h3> ekleyebilirsinizama daha azı değil. Başlık etiketlerinizi WordPress düzenleyicide tanımlamanız gerekir.
  • Konteynerler. Ayrıca gönderi içeriğinizin dışındaki diğer kapsayıcılara bağlantı bağlantıları da ekleyebilirsiniz. Örneğin ayak parmağınız. Bu gelişmiş bir özelliktir.

Tablo içeriği nasıl eklenir wordpress elementor blogpascher 2

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Sekmeye erişirseniz Dışlama, Bir CSS seçici kullanarak belirli başlıkları gönderinizden hariç tutabilirsiniz. Örneğin, tek bir başlığı <h2> hariç tutmak istiyorsanız, özel bir CSS sınıfı ekleyebilirsiniz " aldırmamak WordPress düzenleyicisini kullanarak bu başlığa, ardından kuralı kullanarak hariç tutun Seçiciye göre çapalar :

Tablo içeriği nasıl eklenir wordpress elementor blogpascher 3

O zaman parametreyi kullanabilirsiniz İşaretçi Görünümü İçindekiler listenizdeki sayılar ve madde işaretleri arasında seçim yapmak için. Eğer seçersen " mermiler ", herhangi bir Font Awesome simgesinden seçim yapabilirsiniz.

Son olarak bölümü kullanabilirsiniz Ek Seçenekler diğer parametreleri kontrol etmek için:

sözcük kaydır - elemanların birkaç satır alıp alamayacağı.

Kutuyu Simge Durumuna Küçült - ziyaretçilerin içindekiler tablosunu daraltıp daraltamayacağı. Bu seçeneği etkinleştirirseniz, özel simgeler seçebilir ve duyarlı davranışları tanımlayabilirsiniz. Örneğin, mobil ziyaretçiler için bu içindekiler tablosunu otomatik olarak daraltabilirsiniz.

Hiyerarşik Görünüm - etkinleştirildiğinde, alt başlıklar üst başlıkların altında girintilenecektir. Devre dışı bırakılırsa, her şey girintisiz tek bir listede görüntülenir.

Tablo içeriği nasıl eklenir wordpress elementor blogpascher 4

4. Stil ayarlarını yapılandırın

Ardından, içindekiler tasarımınızı yapılandırmak için Stil sekmesine gidin. Kullanıcı dostu bir deneyim yaratmak için tüm renkleri ve tipografiyi değiştirebilir ve web sitesi tasarımınızın geri kalanına uyabilirsiniz:

Tablo içeriği nasıl eklenir wordpress elementor blogpascher 5

5. Gelişmiş ayarları yapılandırın

İşleri bitirmek için sekmeye gidin avanced İçindekilerinizin nasıl çalıştığına ilişkin birkaç ayar daha yapılandırmak için.

Örneğin, ayarlarsanız genişlik eşittir görenek et Pozisyon eşittir Sabit bölümünde konumlandırma, kullanıcılar sayfayı kaydırmaya başlasa bile içindekiler tablosunun aynı konumda kalmasını sağlayabilirsiniz.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Eğer kullanıyorsanız konumlandırma İçindekiler tablonuzu başka bir öğenin (başlığınız gibi) üstünde görüntülemek için, üstte görünmesi için Z endeksini de artırabilirsiniz:

Tablo içeriği nasıl eklenir wordpress elementor blogpascher 6

Ve hepsi bu ! Elementor Görsel Tema Oluşturucu ve İçindekiler Tablosu widget'ını kullanarak içeriğinize otomatik olarak nasıl içindekiler tablosu ekleyeceğinizi öğrendiniz.

Başlamak için satın alın Elementor Pro bugün ve içindekiler tablonuzu oluşturun Elementor Tema Oluşturucu.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
0 hisseleri
hisse
cıvıltı
Enregistrer