フリーランスの道具箱

”More タグ(続きを読む)”記事先頭から表示させるプラグイン。More To Top -WordPress-

More タグ

WordPressでは、Moreタグを指示するだけで「続きを読む」を設定できる。これは「”続きをよむ”(要約)はMoreタグ -WordPress-」記事で書いた。かんたんに記事の要約だけを表示できる。

長い記事を折りたためるため、ホーム画面の記事表示が見やすい。カテゴリー表示の時も見やすいかたちで記事を表示できる。メリットが大きい。便利だと思って使っていた。ところが、書き上げた記事を読んでいたとき、「Read more 続きを読む」をクリックすると、なにか変だ。違和感がある、挙動が不自然に感じた。なぜだろう?。なんどかクリックを繰り返した。

広告

よく見るとMoreタグの上が表示されていない。記事先頭から表示されていない。これが違和感の正体だった。興味を持って読んでもらえるところにMoreタグを入れている。わざと文章の途中で止めて、「この先をもっと読みたい」となるようにMoreタグを入れている。

このままでは途中で切り離された文章から表示されているわけだ。これでは読みにくいし、先頭からの文章のつながりがわからない。また、使い勝手も悪い。なんとか先頭から表示しないといけない。

対策方法

これの対策方法は2つあることがわかった。

  • プラグインの導入する
  • functions.phpファイルにphpコードを追加する

More To The Top プラグインの導入

プラグインのインストールは簡単だ。ダッシュボードの「プラグイン」ー「新規追加」この画面にて、「More To The Top」を入力し検索すると、トップに表示される。(堂々の5星人気。みんな同じ悩みを持っていることを実感する。)なお、More To The Topのサイトはこちら

 
「今すぐインストールする」をクリックし「有効化する」をクリックすればインストールは完了だ。(この写真ではインストール済みになっている)

設定項目はない。有効化するだけだ。あとは 「Read more 続きを読む」をクリックしたときに、記事の先頭から表示されるか確認する。

表示の挙動が変わって、記事先頭から表示されたと思う。やはり、こちらのほうが自然に読める。Moreタグを使うなら、一緒に使いたいプラグインだ。

functions.phpファイルにphpコードを追加

function.phpにMoreタグの挙動を制御するコードを追加する方法だ。この方法は参考にさせてもらったサイトに詳しく書かれている。こちらを参照してもらいたい。

 


広告

もっと
b. ブログで情報発信
について読む


この記事を書いた人 :

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。ブログは年間 1450記事を更新した経験も(2013年)。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

こちらの記事も役立ちます
follow us in feedly