固定ヘッダーのテーマで「続きを読む」をクリックすると読んでない部分もヘッダーの下になっちゃう件!

twenty fourteen を使い始めて間もないですが、moreタグを使用しないとTOPページでコンテンツが全部表示されちゃうので、普段は使用しないmoreタグで記事にリンクをさせるようにしていました。

icons-css

もちろん、テーマファイルをカスタマイズすればいいんですが、とりあえずはTwenty Fourteenをなるべく生の状態で使っていきたいのでそのまま使用していきます。

いざ「続きを読む→」をクリックすると・・・

stripeTease01

あれ・・・なんかおかしくね??

stripeTease02

なんと、固定ヘッダーの高さの分、読んでいない部分が隠れちゃうんです!
これ、固定ヘッダーがデフォルトのTwenty Fourteenにはあってはいけない仕様なのでは??

これはイカンと思い、プラグインを導入して解決することにしました。
そもそも、続きを読むをクリックしてその場所から始まるってなんか読みにくい。興味ありそうだったらクリックして、最初からゆっくり読むって人も多いはず!!

というわけでプラグインで解決しちゃいましょう!!

StripTease のインストール

プラグイン名
StripTease
プラグインサイト
http://wordpress.org/plugins/striptease/

プラグイン>新規追加>StripTeaseを検索・有効化

こちらは有効化するだけでOKです!!

普通はmoreタグをクリックすると、URLの後に#more-xxxが付与され、moreタグの部分には

<p><span id="more-XXX"></span></p>

があるのでその部分から表示されます。

こちらのプラグインを有効化すると、要はURLの#more-XXXを削除してくれるんですね。
なので個別記事の最上部から始まるというわけです。

これによって「続きを読む」だと見切れることもある、右サイドの広告も無事表示されるという思わぬ副産物もありました(笑

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

スパム対策にご協力ください *

コメントの前にご確認ください。なにか不具合などあればtwitterまでご連絡ください

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • 具体的なエラー画面などがある場合は画像を添付してください。(1ファイルの上限は2メガバイト・3枚までUP可能です。)
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 実作業は行いません。ご依頼の場合はお問い合わせからお願い致します。
  • コメントの回答による一切の不利益および損害に関し、責任を取ることはできません。(実作業をご依頼いただいた場合は別です。)