この記事は、ワードプレス用LP制作ツール「Colorful（カラフル」で、ページ内の指定した場所にジャンプする方法を解説します。

LP制作ツール「Colorful（カラフル」で「1つのページ内を移動するため」に「アンカーリンク」を設置したい。
だけど、目印である「table class」が見つからない、という方も多いのではないでしょうか？

僕も「Colorful（カラフル」のマニュアルで説明されている「table class」が見つからず、うまくいきませんでした。

そこで試行錯誤したところ、移動したい文章内に「アンカーリンク」を設置して、直接移動できましたので、やり方を解説します。

ボタンのコード内に「アンカーリンク」を設置する

たとえば、ボタンをクリックすると「H2見出しの日程」へ、ジャンプしたい場合。

編集画面の右上「3点リーダー」をクリックして、「コードエディター」を選択します。

「ボタンの文章」が書いてあるコードを探します。

style="border-radius:200px">ボタンの文章<br>

このコードのstyleの前に
href="#任意の英数字" を、追加します。

参考例では#nitteiとして、下記のようになりました。

ジャンプしたい箇所の文章に「アンカーポイント」を設置する

次に「ジャンプしたい箇所の文章」のコードを探します。

style="color:#343434">ジャンプしたい箇所の文章</h2>

このコードのstyleの前に
id="先ほどの任意の英数字" を、追加します。

参考例は、下記のようになりました。

これで完了です。

メニューからジャンプするときはマニュアルどおりでOK

メニューからジャンプしたいときには、マニュアルの「メニュー機能の実装」通りで大丈夫です。

ワードプレスの「ダッシュボード」→「外観」→「メニュー」から、リンク文字列とメニュー項目（ナビゲーションラベル）を追加していきます。

以上、最後まで読んで頂きありがとうございました。

あわせてこちらの記事もどうぞ！
＞イトーキスピーナチェアを使い続けた感想。凄く良い椅子なのに評判をあまり目にしない【レビュー】