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

関連記事

Adventskalender

様々な想いを込めて。わたしが思う・考えるStiger3のデザイン  #Stinger-WP

皆さん!遂に2013年のAdvent Calendarが始まりました!この記事は#Stinger A

記事を読む

wordpress_stickers_everywhere

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

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

記事を読む

wordpress_stickers_everywhere

アイキャッチ(サムネイル)画像の大きさを変更する【Stinger3カスタマイズ】

いくつかお問い合わせを頂いたので、アイキャッチカスタマイズについてこの記事でお返事とさせて頂こうと思

記事を読む

cat

ブログタイトルをロゴにしてみるブログカスタマイズ

Stinger5 for Ladysでは、テーマカスタマイザーがないから、ブログタイトルをロゴにでき

記事を読む

Wordpress1

カスタムフィールドを使って記事下にまとめや今日の一言などいろいろと表示させてみよう!

前回このような記事 ブログの記事下に自分のプロフィールとRSS購読ボタンを設置する を書いたのですが

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

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

  • 2017年7月
    « 12月    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  
電子書籍ストア BookLive!
PAGE TOP ↑