Elementor ile WordPress'e İçindekiler Nasıl Eklenir

Rifat WordPress Eğiticileri Oct 2, 2020

Uzun biçimli içerik yayınlamak istiyorsanız, yazınızla 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ı olacaktır.

Elementor İçindekiler widget'ıyla, sitenize, içeriğinizdeki başlık etiketlerinin sırasına göre içeriğini otomatik olarak üreten bir içindekiler tablosu bloğu ekleyebilirsiniz. Bugün, nasıl kurulacağını öğreneceksiniz.

Örneğin:

Bu widget'ı Elementor pro'daki tema oluşturucu ile kullanırsanız, herhangi bir güçlük çekmeden içeriğiniz için 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 onu sayfadaki o bölüme götürür.

Bu yazıda, İçindekiler widget'ını Elementor Tema Oluşturucu ile nasıl kuracağınızı tam olarak göreceksiniz.

Öncelikle, İçindekiler widget'ını parça parça da kullanabileceğinizi belirtmeliyiz. Ancak bu eğiticide, Elementor Tema Oluşturucu ve tek gönderi şablonlarını kullanarak içeriğinizin tamamına (veya bir kısmına) içindekiler tablosunu otomatik olarak eklemeye odaklandık.

İşte bunu nasıl yapacağınız.

1. Tek Bir Gönderi Şablonu Oluşturun veya Düzenleyin

Başlamak için, Elementor Theme Builder'ı kullanarak yeni bir tek gönderi şablonu oluşturabilir veya içindekiler pencere aracını eklemek istediğiniz mevcut tek gönderi şablonlarınızdan birini düzenleyebilirsiniz.

Şablonunuzu blog gönderisi, sayfa, özel gönderi vb. Gibi her tür yazıya uygulayabilirsiniz. Esas olarak, burada blog yazılarına odaklanacağız.

2. İçindekiler Pencere Öğesi Ekle

Tekli gönderi şablonunuzu oluşturduktan sonra, İçindekiler widget'ını koymak istediğiniz yere yerleştirin. İçindekiler Tablosu öğesi, Gönderi Başlığı ve Gönderi İçeriği widget'larıyla birlikte Tek kategorisinde bulunur.

Widget'ı ekledikten sonra, şu anda düzenlemekte olduğunuz yayında bulunan tüm başlıkların bir listesini otomatik olarak göreceksiniz.

Şimdi, İçindekiler widget'ının ayarlarını yapılandıralım.

3. İçindekiler widget'ını yapılandırın

İçindekiler gereci ayarlarının açık olduğundan emin olun. Ardından, içindekiler tablonuzda görüntülenen içeriği yapılandırmak için İçerik sekmesini kullanın.

Önce bir başlık verin - örneğin, "İçindekiler Tablosu" Bu, widget'ın otomatik olarak oluşturduğu bağlantı bağlantıları listesinin üzerinde görüntülenen hareketsiz bir metindir.

Ardından, eklemek istediğiniz içerikleri seçin. Dahil et sekmesine şunları girebilirsiniz:

  • Belirli başlık etiketleri. Örneğin, <h2> ve <h3> etiketlerini dahil etmek isteyebilirsiniz, ancak altındakileri değil. Elbette, başlık etiketlerinizi WordPress düzenleyicide ayarlayabilirsiniz.
  • Diğer kaplar. Ayrıca gönderi içeriğinizin dışındaki diğer kaplara bağlantı bağlantıları da ekleyebilirsiniz. Örneğin, altbilginiz. Bu, üst düzey bir özelliktir.

Hariç Tut sekmesine gitmeyi düşünüyorsanız, bir CSS seçici kullanarak gönderinizden belirli başlıkları kaldırabilirsiniz. Örneğin, tek bir <h2> başlığını hariç tutmak istiyorsanız, WordPress düzenleyicisini kullanarak o başlığa özel bir "yoksay" CSS sınıfı ekleyebilir ve ardından seçici kuralına göre bağlantıları kullanarak bunu hariç tutabilirsiniz.

Ardından, içindekiler listeniz için sayılar ve madde işaretleri arasında karar vermek için "İşaret Görünümü" ayarını kullanabilirsiniz. "Madde işaretlerini" seçerseniz, herhangi bir FontAwesome simgesinden seçim yapabilirsiniz.

Son olarak, bazı ek ayarları kontrol etmek için farklı seçenekler bölümünü kullanabilirsiniz:

  • Sözcük Kaydırma - öğelerin birden fazla satır kaplayıp kapamayacağı.
  • Kutuyu Küçült - ziyaretçilerin içindekiler tablosunu küçültüp küçültemeyeceği. Örneğin, Box'ı mobil ziyaretçiler için başlayacak şekilde otomatik olarak azaltabilirsiniz.
  • Hiyerarşik Görünüm - etkinleştirildiğinde, alt başlıklar üst başlıkların altında girintilenecektir. Bu, içeriği anlamaya çok yardımcı olur.

4. Stil Ayarlarını Yapılandırın

Ardından, içindekiler kutunuzu değiştirmek için Stil sekmesi bölümüne gidin. Kullanıcı dostu bir deneyim oluşturmak için tüm renkleri ve tipografiyi değiştirebilir ve sitenizin geri kalanına ve şablon tasarımına uyabilirsiniz:

5. Gelişmiş Ayarları Yapılandırın

Son olarak, içindekiler tablonuzun nasıl sunulacağına ilişkin birkaç ek ayar yapmak için Gelişmiş sekmesine gidin.

Örneğin, Konumlandırma bölümünde Genişliği Özel'e ve Konum'u Sabit'e eşit olarak ayarlarsanız, kullanıcılar sayfayı aşağı kaydırmaya başlasa bile içindekiler tablosunun yapışkan kalmasını sağlayabilirsiniz.

İçindekiler tablonuzun konumunu başka bir öğenin "üstünde" görüntülenecek şekilde ayarlarsanız, üstte görünmesi için Z-Endeksini de genişletebilirsiniz.

Ve evet, işte bu! Elementor Theme Builder ve İçindekiler pencere aracını kullanarak içeriğinize otomatik olarak bir içindekiler tablosunu nasıl ekleyeceğiniz hakkında bilgi edindiniz.

Başlamak için, Elementor Tema Oluşturucu'de İçindekiler widget'ını kullanmaya başlamak için Elementor Pro'yu bugün satın alın.