Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

#4 Add support multi-page in WordPress #5

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

ko31
Copy link

@ko31 ko31 commented Nov 14, 2024

上記対応のプルリクになります。

目次のリンクが以下のような挙動になるよう調整を加えてみました。

  • ページ区切りが存在する場合
    • 現在ページに見出しが含まれる目次項目は、ページ内の見出し位置へのアンカーリンクになる。
    • 現在ページに見出しが含まれない目次項目は、別ページの見出し位置へのアンカーリンクになる。
  • ページ区切りが存在しない場合
    • 全ての目次項目はページ内の見出し位置へのアンカーリンクになる。(これまでと同じ)

また、各目次タグに下記のような data-page 属性を付与し、その目次が何ページ目に含まれるものか参照できるようにしてみました。
これは、現在ページに含まれない目次は js で非表示にしたい、といった場合に制御しやすくする狙いです。

<a href="https://example.com/sample-page/2/#content-section-1" data-page="2">2ページ目の見出し</a>

動作サンプル

3ページあるページの1ページ目を表示している場合。

  • 1ページ目に含まれる目次項目はページ内アンカーリンク。
  • 2、3ページ目に含まれる目次項目は別ページのアンカーリンク。

multipage-sample1

3ページあるページの2ページ目を表示している場合。

  • 2ページ目に含まれる目次項目はページ内アンカーリンク。
  • 1、3ページ目に含まれる目次項目は別ページのアンカーリンク。

multipage-sample2

ページ区切りがないページを表示している場合。

  • 全ての目次項目はページ内アンカーリンク。

not-multipage-sample1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant