MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


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

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

icons-css

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

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

stripeTease01

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

stripeTease02

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

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

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

StripTease のインストール

プラグイン名
StripTease
プラグインサイト
[browser-shot width=”600″ url=”http://wordpress.org/plugins/striptease/”]

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

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

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

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

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

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

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

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA