WordPress yazılarında bir içerik tablosu nasıl yapılır
İçindekiler, WordPress yayınlarının önemli bir parçası, özellikle birçok başlıklı uzun mesajlar. İçerik tablosu yapmak, okuyucuların fikirleri kolayca ve hızlı bir şekilde takip etmesine ve anlamalarına yardımcı olur. Buna ek olarak, bu da yayınlara SEO için çok iyi olan daha fazla anahtar kelime eklemenize yardımcı olur.
İçindekiler tablosunu gizle
1. İçerik tablosu oluşturma yöntemi
2. Yöntem 1: İçerik tablosu oluşturmak için bir eklenti kullanın
2.1. Adım 1: İçindekiler için içerik oluşturun ve hazırlayın
2.2. 2. Adım: İçerik tablosunu gönderide girin
2.3. Adım 3: İçindekiler tablosunun ekranını ayarlayın
2.4. Her gönderideki içerik tablosunu ayarlayın
3. Yöntem 2: İçerik tablosu oluşturmak için kodu kullanın.
3.1. Adım 1: Göndermek için bir içerik tablosu yapın
3.2. Adım 2: Ayarlamak için CSS kullanın
4. Son Kelimeler
İçindekiler Tablosu Oluşturma Yöntemi WordPress yayınlarında bir içerik tablosu oluşturmak için 2 yöntem vardır. İlk yol bir eklenti kullanmaktır. WordPress’te kod uzmanları ve yeni başlayanlar için basit, hızlı ve ücretsizdir. İkincisi kodu kullanır. Bu, içerik tablonuzu, hatta en küçük ayrıntıyı bile ayarlamanızı sağlar, ancak kodlayıcı olmayan için oldukça karmaşıktır. Bu yazıda bir içerik tablosu oluşturmak için kodu yazacağız. Yeterli kopya ve yapıştır! Eklenti ile bir içerik tablosu oluşturma işlemini keşfedelim: Yöntem 1: İçindekiler tablosu oluşturmak için bir eklenti kullanın Adım 1: İçindekiler için içeriği oluşturun ve hazırlayın Birçok ücretsiz eklenti vardır. WordPress içeriği. Bize çok ayarlanmış ve güzel sonuçlar verdiği için LuckyWP içeriğini seçtik. Ancak, bu eklentinin ilk başta sizi karıştırabilecek çok fazla ayarı var. Öyleyse, zamanınızı kazanmak için talimatlarımızı izleyin.
LuckyWP içeriği ücretsiz eklentilerdir ve wordpress.org adresinde bulunabilir. Tek yapmanız gereken eklentiyi gösterge tablosuna yüklemek ve etkinleştirmektir. Ardından Ayarlar> İçerikleri açın, ayar ekranını göreceksiniz. Burada, dikkat etmeniz gereken 4 sekme vardır: genel, görünüm, otomatik ekleme, işleme başlıkları. İçindekiler tablosunun görünümünü ayarlamak ve ayarlamak için kullanılan sekmedir. Diğerleri karmaşık ve önemsiz ayarlara sahip sekmelerdir, böylece onu görmezden gelebilirsiniz.
Ondalık sayıyı seçtim (bırakıldı), bu yüzden şöyle görünüyordum:
Başlık: Başlık İçindekiler. Bu varsayılan içeriktir.
Yani, seçilen yazı türündeki tüm yayınların bir içerik tablosu vardır. Manuel olarak manuel olarak girmek karmaşıktır, ancak aslında çok basittir. Sekme işlemini açın. Orada ayrıca gönderi türünü seçin, ardından Değişik Kaydet’i tıklayın.
Ardından, seçtiğiniz gönderi türünde bir gönderiden yazının editörüne gidin, TOC Etkinleştir’i tıklayın.
Özelleştirme içeriğinin açılır tablosu görünür. Yukarıdaki gibi birkaç tanıdık sekme göreceksiniz. Yaygın, görünüm ve diğerleri. . Görünüm sekmesini açın ve gösterge paneli eklentisinde düzenleme gibi bazı ayarları değiştirin. Bitirmek için Kaydet’i tıklayın!
Şimdi, içeriklerin özelleştirilmesinin nihai sonucuna bakalım.
$ DOM = new DomDocument ();
libxml_use_internal_errors (doğru);
$ dom-> loadhtml (mb_convert_encoding ($ html, ‘html-entities’, ‘utf-8’));
libxml_clear_errors ();
$ toc = ‘
İçindekiler
‘;
$ h2_status = 0;
$ h3_status = 0;
$ i = 1;
Foreach ($ dom-> petelementsbyTagname (‘*’) olarak $ öğesi) {
if ($ element-> tagName == ‘h2’) {
İf ($ h3_status) {
$ toc. = ‘
‘;
$ h3_status = 0;
}
İf ($ h2_status) {
$ toc. = ‘
‘;
$ h2_status = 0;
}
$ h2_status = 1;
$ toc. = ‘
. $ Element-> TextContent. ‘‘;
$ element-> setattribute (‘id’, ‘toc-‘. $ i);
$ i ++;
} elseif ($ element-> tagName == ‘h3’) {
İf (! $ H3_status) {
$ toc. = ‘
‘;
$ h3_status = 1;
}
$ toc. = ‘
.$ Element-> TextContent.’
‘; $ element-> setattribute (‘id’, ‘toc-‘. $ i);
$ i ++;
}
}
İf ($ h3_status) {
$ toc. = ‘
‘;
}
İf ($ h2_status) {
$ toc. = ‘
‘;
}
$ toc. = ‘
‘;
$ html = $ DOM-> SaveTMl ();
}
Geri $ TOC.$ html;
}
add_filter (‘content_konten’, ‘for_toc’);
Açıklama:
kodu
Açıklama
= "TOC-CTR"> İçindekiler Tablosu
Gönderide tıklanır tıkladığınızda uygun.
. ='
'' ;} $ toc. = '
'; $ html = $ dom-> saveTMl ();} geri $ toc. $ html;
Tabii ki, biraz düzenlememiz gerekiyor. Tüm kod üreticileri için CSS - favori araçları kullanacağız. Adım 2: CSS'yi ayarlamak için CSS kullanın, CSS'ye ayarlamak için, Style.css dosyasını tema düzenleyicisinde açın. Orada, TOC'yi istediğiniz gibi ayarlamak için kendinize yazdığınız kodu girmeniz gerekir. Örneğin, içerik tablosunun rengini ve yoğunluğunu ayarlamak istiyorum, bu yüzden aşağıdaki kodu gireceğim:
Arka plan rengi: #619162;
Renk: #ff;
}
.toc-ctr {sınır-dip: 1px katı #fff;
Metin dönüşümü: büyük harf;
}
ul.toc {
Liste tarzı tip: hiçbir şey;
Rulman: 10 piksel;
Dolgu-sol: 25px;
}
.toc li a {
Renk: #ff;
}
ul.toc> li {
Yazı tipi boyutu: 18px;
Font-Heavy: 700;
Rulman: 5 piksel 0;
}
ul.toc-sub {
Liste tarzı tip: hiçbir şey;
}
UL.Toc-Sub Li A {
Yazı tipi-ağırlık: 200;
}
Kaydetmek için güncelleme dosyasını tıklamayı unutmayın.
Sonuç şuna benziyor:
Sonuç olarak, hem eklentiler hem de kodlama kullanmak bize aynı güzel içerik listesini verir. Memnun olduğunuz sürece herhangi bir seçeneği seçebilirsiniz. Gördüğünüz gibi son kelimeler, WordPress Post'taki içerik tablosunu yapmak hiç de karmaşık değil. Öğreticimizi takip edin, güzel içeriklerin bir listesine sahip olacaksınız. İçindekiler iyi bir listesi yayınlarınızı daha net ve daha profesyonel hale getirir. Böylece, izleyicileriniz blogunuzu okurken daha dostça bir deneyime sahip olabilir. Sorularınız varsa, lütfen aşağıdaki yorum kutusuna verin.
