Uzun içerik yayınlıyorsanız içindekiler tablosu eklemek hem arama motorlarına hem de ziyaretçi içeriğinizde gezinmek ve anlamak için insanlar.

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

Örneğin:

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

Bu widget'ı aşağıdaki görsel tema oluşturucu ile kullanırsanız Elementor Pro, 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 bağlantı 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 ile Elementor Tema Oluşturucu.

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'ı temel bir şekilde de kullanabileceğinizi belirtmeliyiz. Ancak bu eğitimde, içindekiler tablosunu içeriğinizin tamamına (veya bir kısmına) otomatik olarak eklemeye odaklanıyoruz. Elementor Tema Oluşturucu ve benzersiz gönderi şablonları.

İş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.

Ş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 şunları ekleyebilirsiniz: veama 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

Sekmeye erişirseniz Dışlama, Bir CSS seçici kullanarak belirli başlıkları gönderinizden hariç tutabilirsiniz. Örneğin, tek bir başlığı 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 - Eğer ziyaretçi içindekiler tablosunu azaltabilir veya azaltmayabilir. Bu seçeneği etkinleştirirseniz ayrıca özel simgeleri seçebilecek ve yanıt verme davranışını ayarlayabileceksiniz. Örneğin, bu içindekiler tablosunu otomatik olarak daraltabilirsiniz. ziyaretçi mobilde.

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 oluşturmak ve tasarımınızın geri kalanıyla eşleştirmek için tüm renkleri ve tipografiyi değiştirebilirsiniz. web sitesi :

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.

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.