-
投稿者投稿
-
2019年12月12日 5:12 PM #39798
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】8.3.1
【お使いのブラウザ】Crome,Safari
【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)===
ページ内でページトップに戻るためにはリンク先(ボタン、テキスト)を「#」にすれば良いと思いますが、長文ページの場合にはh2の境目?などの場所で目次に戻れるリンクを設置し、ユーザビリティを高めたいと思っています。
その場合、どのようなリンク設定(#~)にすればよろしいですか?
♥ 0いいねをした人: 居ません2019年12月14日 10:34 AM #40045ブロックエディターの場合、見出しブロックにアンカーを設定できます(高度な設定 → HTML アンカー)。
例えばこのアンカーに「heading1」と入力したとすると、
<a href="#heading1">見出し1へ</a>
のようなリンクを設置することでその見出しへ移動できます。スムーススクロールにしたい場合は
<a href="#heading1" class="u-smooth-scroll">見出し1へ</a>
もしくは、このリンクを含むブロックの「高度な設定 → 追加 CSS クラス」に「u-smooth-scroll」と入力してください。
となるようにしてください。
♥ 0いいねをした人: 居ません2019年12月14日 1:06 PM #40054ご返答ありがとうございます!
見出しでなく、目次ブロックにアンカーを設定できますか?
できれば見出しの1つ目でなく、目次に戻るリンクを設定したいです。
♥ 0いいねをした人: 居ません2019年12月14日 1:37 PM #40058現状だと目次ブロック自体にはアンカーを設定できません。グループブロックにアンカーを設定し、その中に目次ブロックを入れる方法はあります。
目次ブロックにアンカーを設定できるようにアップデートのタスクに入れておきます!
♥ 0いいねをした人: 居ません2019年12月14日 1:42 PM #40059なるほど…グループの応用でやってみます!
目次ブロックのアンカー設定、ぜひよろしくお願いします!
♥ 0いいねをした人: 居ません2019年12月17日 9:54 AM #40411v7.1.0 でアンカーを設定できるようにしました。確認してみてください!
♥ 0いいねをした人: 居ません2019年12月17日 4:24 PM #40466早速のご対応、ありがとうございます!!!
設定してみたんですが、目次ブロックのHTMLアンカーが保存できません‥
自分の環境だけですかね??
♥ 0いいねをした人: 居ません2019年12月17日 9:10 PM #40523あ!ちょっとバグかもしれません、調査します!
♥ 0いいねをした人: 居ません2019年12月17日 10:15 PM #40526すみません、どうも Snow Monkey 側にも修正を入れなければいけないようでした…。ということで Snow Monkey、Snow Monkey Blocks どちらも修正いれます。
♥ 0いいねをした人: 居ません2019年12月17日 10:41 PM #40529そうなんですね…
引き続き、よろしくお願い致しますm(_ _)m
♥ 0いいねをした人: 居ません2019年12月18日 9:19 AM #40575Snow Monkey v8.4.1 + Snow Monkey Blocks v7.1.1 の組み合わせで動くようにできました!
♥ 0いいねをした人: 居ません2019年12月18日 10:28 AM #40582できました!!!
迅速なご対応、いつもありがとうございます!
♥ 0いいねをした人: 居ません2019年12月18日 11:10 AM #40610良かったです!閉じます。
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「ページトップではなく目次に戻るリンクを設置したい」には新しい返信をつけることはできません。