Wordpress - Okuyucuyu direkt ilgili yazıya nasıl götürebilirim ?

Uzun ve çok soru cevabın bulunduğu makaleleri okurun yorulmaması ve aradığı cevabı direkt bulabilmesi açısından aşağıdaki gibi bir şey yapmak istiyorum. Sanırım kullanımı basit bir şey fakat daha önce kullanmadığım ve adının ne olduğunu bilmediğim için bulamadım.

Mesela, Nedir, Nerede Kulalnılır ? (Okur bu yazıya tıkladığında direkt olarak sayfanın belirlediğim bölümüne gelmesini ve direkt olarak ilgili yazıyı okumaya başlayabilmesini istiyorum)

Şu eklentiler işinizi görür hocam https://tr.wordpress.org/plugins/tag...e-of-contents/

Table of contents plus eklentisini inceleyin isterseniz hocam

bu sorunun cewabını arıyorum bnde teşekkürler

İçindekiler eklentisi ile, arkadaşlar cevabı vermiş zaten, cevap başlıklarını H1-H2-H3 yaparsan içindekiler kısımında yer alır ve kullanıcıya kolaylık sağlar, bir yandan analyticsde ki sayfada kalma süresini düşürür ve hemen çıkma oranını yükseltir bu olumsuz yanları

İstenilen şey bu ise: https://jsfiddle.net/s0f5vag7/1/

->

Yapmak istediğiniz eğer şöyle bir şey ise;

Biraz HTML ile nasıl direkt olarak ID'ye gidilir?
Neden bunu yapmalısınız?
Okuyucuya faydaları nelerdir?

Bunlar başlıklarınız olsun yazının başında bir tablo içinde olduklarını varsayalım. Bunlara tıklayınca direkt olarak o kısımı scroll atmasını istiyorsanız ( ki benim anladığım budur. )

Yapmanız gereken şey;
Wordpress editöründe bir yazı yazarken HTML kodu olarak görmeye basıp, başlıklarınızı bir DIV ID içine alın.

Örneğin;

<div ID="nasil-gidilir">
<h1> [B]BAŞLIK BURAYA GELECEK! <[/B]/h1>
</div>
[B] BAŞLIĞIN İÇERİĞİ BURAYA GELECEK![/B] [B][/B]

Yukarıdaki kod sizin yukarıda gösterdiğim gibi başlıklarınızdan birisi olacak. Dikkat etmeniz gereken nokta burada ID değeri.
Bu mantık ile 5 tane ana başlık olduğunu varsayıyorum yazınızda.

<div id="nasil-gidilir">
<h1> BAŞLIK BURAYA GELECEK! </h1>
</div>
BAŞLIĞIN İÇERİĞİ BURAYA GELECEK!

<div id="nasil-yapilir">
<h1> BAŞLIK BURAYA GELECEK! </h1>
</div>
BAŞLIĞIN İÇERİĞİ BURAYA GELECEK!

<div id="nasil-olur">
<h1> BAŞLIK BURAYA GELECEK! </h1>
</div>
BAŞLIĞIN İÇERİĞİ BURAYA GELECEK!

<div id="nasil-simdi">
<h1> BAŞLIK BURAYA GELECEK! </h1>
</div>
BAŞLIĞIN İÇERİĞİ BURAYA GELECEK!

<div id="nasil-ya">
<h1> BAŞLIK BURAYA GELECEK! </h1>
</div>
BAŞLIĞIN İÇERİĞİ BURAYA GELECEK!

Ardından da makalenin/yazının başına şunu ekleyemelisiniz;

<a href="#nasil-gidilir"> BAŞLIK BURAYA GELECEK</a>
<a href="#nasil-yapilir"> BAŞLIK BURAYA GELECEK</a>
<a href="#nasil-olur"> BAŞLIK BURAYA GELECEK</a>
<a href="#nasil-ya"> BAŞLIK BURAYA GELECEK</a>

Artık yazınızın üstüne eklediğiniz sayfa içi linkleme sayesinde, bunlara tıklandığı taktirde direkt olarak o başlığa scroll attırabilirsiniz.

https://jsfiddle.net/s0f5vag7/1/

ayrıca hazırladığım bu jsfiddle'da size yardımcı olacaktır sanıyorum.