ワードプレスに「この記事は○○分で読めます」を設置する方法

この記事は 2 分くらいで読めます
 

こんにちは。豆太です。

有名ブロガーさんの多くが導入している「この記事は○○分で読めます。」という表示。この表示があるだけで、「2分なら読んでみようかな。」という気持ちになります。

さっそく僕も設置してみたので、その方法を備忘録的に残しておきます。そのための記事。コピペで簡単に設置できるので、ぜひ試してみて下さいね。

ちなみに、このブログはWordPressの公式テーマ「Twenty Twelve」をベースにカスタマイズしています。他のテーマにも応用可能です。

それでは、さっそく説明していきます。

スポンサーリンク

content.phpに記述するコード

このコードをcontent.phpにコピペするだけで設置出来てしまいます。

これは実際に僕が使っているコードです。当ブログと同様にウェブフォントの時計マークを設置する場合は、こちらの記事↓↓を参考にしてみて下さい。不要な場合は、該当部分を削除すればOKです。

ワードプレスにウェブフォントを導入する方法

当ブログの実際のCSSコード

これはどのカスタマイズにも共通することですが、見た目の調整を担当するのが、「CSS」さんです。これも当ブログで実際に使っているコードです。

自由にカスタマイズしてみて下さい。

まとめ

いかがでしょうか。こんなに簡単に設置できてしまいました。ぜひ参考にしてみて下さいね。

スポンサーリンク

.コメントをどうぞ