記事の読了時間”およそ○○分”を表示してくれるプラグイン「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

関連記事

Wordpress1

【WordPress】ウィジェットのタグクラウドをプラグインを使わずにカスタマイズする方法

タグクラウドをウィジェットを使って表示させたのですが、ウィジェット側では文字の大きさや並び順等を操作

記事を読む

AW-i

【簡単導入】ブログにアイコンフォント「FontAwesome」を使ってみよう!

このカスタマイズの中で導入の手順や使い方を割愛したので、今日はその「FontAwesome」の使い方

記事を読む

jet

バージョンアップしたJetpackがマークダウン対応されたので使ってみた

待ちに待っていた! Jetpackバージョンアップ(バージョン 2.8)でMarkdownが新しく

記事を読む

jQuery

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

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

記事を読む

top_niji

ブログのデザインを変更しました!そのとき考えたこと思ったこと

実は元のデザインを最新のStingerのバージョンに対応しようと思っていたのですが、なんだか新しいの

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

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

  • 2018年10月
    « 12月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
電子書籍ストア BookLive!
PAGE TOP ↑