ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマAMORE:グローバルメニューにページ内リンクを設定する

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップページでページ内リンクを使用するには?

AMOREのトップページでページ内リンクを設定したいです。グローバルメニュー上で、メニュー項目をクリックすると各ブロックへ遷移するようにすることはできますか?

A.テーマオプションの各ブロック設定と、メニュー設定にページ内リンクを記述します

①各ブロックにページ内リンクのHTMLコードを記述する。

例:

トップページ1

「トップページ第1ブロックの内容(HTMLタグを使用できます)」の欄に以下にように記述

<a id="a01">●●●</a>
トップページ2

「トップページ第2ブロックの内容(HTMLタグを使用できます)」の欄に以下にように記述

<a id="a02">●●●</a>
トップページ3

見出しの設定>「トップページ第3ブロックの見出し」の欄に以下にように記述

<a id="a03">●●●</a>
トップページ4

見出しの設定>「トップページ第4ブロックの見出し」の欄に以下にように記述

<a id="a04">●●●</a>
トップページ5

見出しの設定>「トップページ第5ブロックの見出し」の欄に以下にように記述

<a id="a05">●●●</a>
トップページ6

「トップページ第6ブロックの内容(HTMLタグを使用できます)」の欄に以下にように記述

<a id="a06">●●●</a>

 

②メニュー設定からカスタムリンク項目を追加し、それぞれにジャンプ先のタグを設定する。

メニュー項目1(第1ブロックへ遷移)
URL: http://トップページのURL/#a01
メニュー項目2(第2ブロックへ遷移)
URL: http://トップページのURL/#a02
メニュー項目3(第3ブロックへ遷移)
URL: http://トップページのURL/#a03
       :
     (以下同様)

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事