簡単!画像解説付き『この記事は○分で読めます』をやってみた!( ;゚皿゚)ノシ


  スポンサーリンク



この記事は5で読めると思われます!( ;゚皿゚)ノシ

こんばんはtaoです(* ̄∇ ̄)ノ

いやー、昨日一昨日からブログをイジッてたら何度か失敗してエラー出しちゃいましてブログが見れなくなってました(o´・∀・)o

自分で解決出来る範囲だったから良かったもののブログ始めた当初一回本気で消えそうになったことがあり旦那に直してもらうまで心臓バクバクだった記憶が( TДT)

で、今回タイトルにもあるようにイジッていた内容は『この記事は○分で読めます』をワードプレスでブログの記事上に自動で貼り付ける事!
これですね♪↓

実際私がやってみて思ったのが、まぁーネットサーフィンしまくっても分かりにくい!
htmlとかどっから行ってどこに張り付けたら出来るとか詳しく書いてないからめちゃくちゃ時間が掛かる!
もっとこう誰でも分かるような記事ってないんですかねぇ?
私が出来たのも色んなサイトを摘まみながらなので、このサイト、ブログに行けば解決!ってのがあればありがたいです(T-T)

そう思うからこそ自分のブログでは一発で分かるよう簡単に書きたいと思っていますヽ(*´^`)ノ

では、本題へ!

今回htmlいわゆるテーマの編集からphpを直接イジッたりしないのでご安心下さい(* ̄∇ ̄)ノ
あくまでもブログが消えたくない!ちゃんと表示されればそれで良い!という方の為に書きます(*´-`)

まずはInsert Estimated Reading Timeというプラグインを使える状態にします!


手順はまず初めにワードプレスのログイン状態の時に左上にアイコンがあると思いますので、一番左の時計みたいなアイコンをポチッとして更にダッシュボードをポチッとして下さい。


次にまた左上のアイコンで今度は三みたいなところをポチッとして下さい。


そしたらたくさんメニューが出てくるのでプラグインと書いてあるところを探してポチッとし、更に新規追加をポチッとして下さい。


するとプラグインを検索する画面が出てくるのでInsert Estimated Reading Timeと入力し検索して下さい。


検索したらこちらのプラグインを見つけて有効をポチッとして下さい。


有効にしたら先程の三みたいなところをポチッとし、今度は設定を探してください。


設定を見つけてポチッと出来たらプラグインの一覧が出てくると思いますのでInsert Estimated Reading Timeをポチッとして下さい。

私も使ってます!↓(*´∀`)♪
スポンサーリンク


すると設定画面が出てくるので設定していきます!
一分間あたりの文字数は大体400~600ぐらいが平均らしいのでお好みで変えてくださいね♪
私はゆっくり読む人の事も考えて550に設定しています。


次にその下のフォーマットの設定をしていくのですが、ここでほぼ表示される部分が決まるのでここ注目です!( ;゚皿゚)ノシ
ちなみに私のはこのようになっています↓


訳分からん状態かと思いますので、細かく説明していきます(* ̄∇ ̄)ノ
まずこちらが1つ目の追加箇所です。
文字の後ろに色を付けたい時に線を引いている部分を使います!
Honeydewの部分は何色にしたいかで変わります。
色、コードと検索したらたくさん出てくると思いますので好きなコードをコピーしてHoneydewの部分に当てはめて下さいね♪


次にこちら↓
フロントカラーというのは一部だけ色を変えるときに使います!
私の場合、約○分という部分を赤色にしたかったのでフロントカラーはレッドになっています。
更に時間だけ太くしたかったので%min%の両脇にbのコードを入れました!


そして、赤文字にしたい部分は『約○分』なので、分の後ろに締めのコードを入力します。
最後のpは多分はじめからあったと思いますがなかったら足してください。


追加した場所を分かりやすくするとこんな感じです!


フォーマットが出来たら後は表示設定のみなのですが、私は個別記事にのみ表示させたかったので☑を全て外しました!

これで私の設定しているような表示になります!

たくさん書きましたがほとんどいらない所ばかりなのでめちゃくちゃ簡単に説明すると『Insert Estimated Reading Timeというプラグインを使う。』『自分好みに設定する』の2行程ですwww

気になる方は参考にどうぞ~♪

ではでは~( *´艸`)

励みになります( TДT)
にほんブログ村 その他生活ブログ 借金・借金苦へ にほんブログ村 主婦日記ブログへ
スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。