WordPressテーマ・Stork19、ページ内リンクのジャンプ先表示を調整する方法|FAQ#065

WordPressのテーマ、Stork19を使ってます。
1つのページ内にリンクを貼ったのですが、ジャンプしたときに、指定したタイトルの下からの表示になってしまいます。
どうしたらきちんとジャンプ先のタイトルが表示されるようになりますか?

  • おそらくですが、ヘッダーが常に表示されるように固定してあると思われます。(追従ヘッダーとか言います)
  • ヘッダーの高さだけジャンプ先を下げる設定をすれば大丈夫です。
目次

ページ内リンクのリンク先表示を追従ヘッダーの高さで調整する

STEP
ダッシュボード・左側メニューの「外観」⇒「カスタマイズ」をクリック
STEP
表示されたメニューの「追加CSS」をクリック
STEP
下のコードをコピーペーストして「公開」ボタンをクリック

/*ページ内リンクのリンク先表示を追従ヘッダーの高さを調整する*/
:target::before {
content:””;
display:block;
height:65px;
margin:-65px 0 0;
}

65pxのところの数字をヘッダー画像+αの数字に変えて設定してください。
heightとmarginは、セットで同じ数値を入れてください。

STEP
ページ内ジャンプが設定したタイトルの上になれば完了です。

ご質問などありましたら気軽にお問い合わせください。
Facebookでご縁をいただいている方は、メッセンジャーでもOKです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次