記事の読了時間”およそ○○分”を表示してくれるプラグイン「estimated」

カテゴリー:WordPress    |    タグ:

記事の読了時間”およそ○○分”を表示してくれるプラグイン「estimated」

こういうプラグインあったんですね。
探せばだいたい見つかるWordPressプラグイン素敵です!

読了時間を表示してくれるプラグイン「estimated」

記事のボリューム感がわかるので、長そうだなと思ったらPocketやEvernoteに入れておいてあとで読んだりなどの対処がしやすいので、目安としてとてもいいのではないかと思います。


「estimated」の表示結果

出来上がりはこのようになります。

「本文(もしくは投稿の抜粋部分)の直前」に、その記事を読むのにかかる大体の時間が表示されます。

em2

「estimated」の使い方

上記のリンクに詳細な使い方が書かれているので必要ないかと思いますが、少しだけどんな感じなのかを説明すると、

まずは、上記のリンクからプラグインをダウンロードします。

管理画面:プラグインの新規追加ページにある、②のこのページからをクリックします。

em

すると、こんな画面に行きますので、ここでさきほどダウンロードしたファイルを指定します。

em1

選択すると、となりのいますぐインストールというところが有効になりますのでそこをクリック。

あとは、有効化してオシマイです。


「estimated」のカスタマイズ

カスタマイズに関しても、先ほどのリンク(作成者さん)で詳しく説明があります。

お好きなようにガンガンカスタマイズしちゃってください。とのことなので自分の好きな形にしてしまいましょう!


わたしが「estimated」のカスタマイズをするなら

本当に参考程度にみてください!(;´∀`)
※ 見た目的には変わりません。

コードをみると、インラインでCSSが書かれています。

10行目のあたりですね。
(プラグインのファイル全文では、43行目と45行目のあたりです。)

ここを変更していきます。
クラスをつけて管理しやすいようにします。


CSSファイルの方へ装飾部分を書きます。


こうしておけば、ブログの色を変更した場合でも、同じCSSファイル内でちょちょっと書きかえるだけで済みます。
自身のブログに合わせていろいろと変更してください。

”およそ○○分”を表示してくれるプラグイン「estimated」のご紹介でした。

ADVERTISEMENT

  • Pocket
  • このエントリーをはてなブックマークに追加

published:2013/10/23    Written by:
カテゴリー:WordPress,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

カスタマイザー-i

新しくパワーアップされた「STINGER5」のテーマカスタマイザーを使ってみよう!

最近新しくリリースされた「STINGER5」html5でレスポンシブにされており内容も充実して更にパ

記事を読む

jQuery

記事内の外部リンクを別窓で開き、画像などをつけて(CSS装飾して)わかりやすくする【jQuery】

外部リンク(他のサイト)は別窓(新しいタブで表示)。そして、外部リンクですよ!というのをアイコンをつ

記事を読む

ELLY95_hanatotegami

【Stinger3カスタマイズ】少し落ち着いたのでこのブログで変更したところを書き留めておく備忘録 #1

このブログは、Stinger3というテーマをもとにゴニョゴニョ…カスタマイズしています。今回はこ

記事を読む

wordpress_stickers_everywhere

手軽にできる!「WordPress Portable」を使ってWordPressのローカル環境を作る

ローカル環境でWordPressを触ってみたいという方向けに、お手軽で数分でできてしまうローカル環境

記事を読む

Wordpress1

コメント欄をカスタマイズしたので備忘録メモ(コメントとトラックバックを分ける)

現在このブログでのコメント欄はJetPackのコメントを使用しています。 これです! が、こ

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2017年10月
    « 12月    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  
電子書籍ストア BookLive!
PAGE TOP ↑