WordPressテーマTCDのカスタマイズを研究するサイト

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

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
       :
     (以下同様)

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。