【webflowでアンカーリンク②】CMSでページ内リンク構築！

webflowのCMSを使ったページ内リンク作成方法をご紹介します。ブログ記事やお知らせ情報のタイトル毎にリンク設定が出来るようにします。

・webflowでCMSを使わない【通常のページ内リンク設定方法】はこちら

そもそもCMSとは何かを知りたい方は、webflownのCMSについて解説しているサイトをご紹介します。

・Webflow CMS機能について解説 - NoCodeFreaks

・CMSをノーコードで構築するならWebflowがおすすめ

CMSでページ内リンクとは？本記事でやりたいこと！

CMSで作成した記事の目次リンクから、それぞれの指定した箇所にページ内リンクを貼ることを目標とします。しかし、通常のページ内リンク設定方法をCMSで作成した記事に反映しようとしたところ、下記の理由でうまく動作しません。

CMSでは一つのsection内にコレクションリストで記事を反映するため、目次からリンク設定を行っても一番上の記事の場所にしかページ内リンクができません。その回避方法として、sectionを予め多く設定して、記事をコレクションリストから呼び出すのではなく、一つ一つの記事を固有のリファレンスから呼び出す方法も有ります。ただし、記事の数がリファレンスの数となってしまい、11リファレンス以上を設定できず、後に困ることになるのは目に見えています。以上のことから、なるべくリファレンス数を節約しながら、各記事に対してページ内リンクを設定できる方法をご紹介します。