FROM CACHE - jp_header

別ページ途中部分へのリンクについて

tk14
訪問者
2 0 0

遷移についてのご質問です。別のページの途中部分へリンクさせる方法をお聞きしたいです。

検索したところコード編集にて「id=" "」等を利用する方法がヒットしたのですが、恥ずかしながらコードの知識がなく、コード編集画面上のどこに挿入すれば良いのかがわかりません。

こちらについてご教示いただきたいです。

 

 

また、現状では遷移先対象箇所を右クリックして「選択箇所へのリンクをコピー」よりURLを貼り付けているのですが、実際に遷移した先で選択箇所が変色してしまいます。これを防ぐ方法も併せて教えていただければ幸いです!

 

ご説明不足しておりましたらお知らせくださいませ。

 

何卒よろしくお願いいたします。

 

 

  • CSS
2件の返信2

株式会社フルバランス
Shopify Partner
1524 545 686

Tk14 様

 

はじめまして、フルバランスの道家と申します。

 

ご質問確認いたしました。

別ページへのリンクの仕方は、こちらのページの解説がわかりやすいかと思います。

https://www.tagindex.com/html_tag/link/a_url_id.html

 

以下の上記URLからの抜粋になります。

 

リンク元(出発点)

example1.html

<a href="example2.html#abc">ABCの位置へジャンプ</a>

 

リンク先(到達点)

example2.html

<h3 id="abc">ここがABCの位置</h3>

 

 

上記のような形で、出発点を

<a href="{遷移したいページ}#{設定したID"></a>

 

到達点を

<h3 id="{設定したID}"></h3>

 

とすればよいかと思います。(h3タグでなくても動作します。)

 

idを設定したい場所は、chrome devtoolsのelementsで該当要素を探していただければと思います。

https://qiita.com/sasao3/items/8ae62bc64fed7913d1b1

 

 

なにかヒントになれば幸いです。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

フルバランス 道家

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
tk14
訪問者
2 0 0

フルバランス

道家様

 

ご連絡ありがとうございます!

おかげさまでid設置並びに遷移設定が叶いました。

 

ただ、この方法でも遷移後id設定箇所が変色する(紫に網がかかる)のですが、こちらについては修正できないものなのでしょうか。

 

ご質問を重ね申し訳ございませんがご教示いただけますと幸いです。

何卒よろしくお願いいたします。