「総記事数表示パーツ」で、更新のモチベーションを維持

日記

「総記事数表示パーツ」で、更新のやる気を維持

さて今回は、毎回の更新のモチベーションを少しでも上げられるようなパーツを、考案してみました。
「総記事数表示パーツ」です。
コツコツと記事数を増やすのは、なかなか根気の要る作業ですが、数字で見えていると、モチベーションも、維持できるのでは、と。
また、閲覧者さんにとっても、どれくらいの記事を書いている人なのかということをぱっと一目で知るということは、閲覧の際の参考にもなります。

仕様

  • トップページ(トップページが複数ページある場合には、すべてのトップページ)のみ、サイドバーのプロフィールに、総記事数を表示する。
    トップページ以外では、正しい数字にならないため。
  • 設置をしたあとは、完全自動で数字が変わる
  • 限定公開記事のぶんは、カウントに含まれる。下書きのままの記事のぶんは、入らない。
  • javascriptではなく、FC2のテンプレート用の変数を使用しているので、軽い。

見本

今回は、背景が白っぽくても黒っぽくても、1つのコードでどちらでも使えるように作ってみました。

背景が白っぽい場合

見本背景が白

背景が黒っぽい場合

見本背景が黒

条件

  • 基本的には、拙テンプレート向け(拙テンプレートでもともと読み込んでいるGoogle Material Iconsを使用していることと、余白の調整など )。

導入手順

  1. 「プラグインの設定」を開く。
  2. 「プロフィール」の「詳細」を開き、「HTMLの編集」をクリック。
  3. 以下のコードを、以下の位置(自己紹介文用のpタグよりも下)に貼り付ける。
    <!--not_titlelist_area--><!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area--><table class="total_n" style="width:100%;margin:15px 0 0;border-collapse:collapse;border:solid 1px #bbb;text-align:center;font-size:15px;"><tr><th style="box-sizing:content-box;border:solid 1px #bbb;padding:2px 0;background:rgba(237,228,225,.5);font-weight:bold;"><i class="material-icons" style="margin:0 3px 0 0;box-sizing:content-box;font-size:14px;vertical-align:middle;">brush</i>総記事数</th></tr><tr><td style="padding:3px 0;"><%total_num></td></tr></table><!--/not_tag_area--><!--/not_search_area--><!--/not_category_area--><!--/not_date_area--><!--/not_permanent_area--><!--/not_titlelist_area-->
    【2020/2/11修正:コードに追加】
    記事一覧ページを除外するコードを忘れていたため、前後を囲むように追加しました。
    貼り付け位置
  4. 青い「設定」ボタンを押して保存。
  5. ブログを開き、見本のようにできているかどうかを確認する。できていれば、作業は終了。

お好みで

背景色を変えたい場合には、rgba(237,228,225,.5)を、お好みの色番号と変えてください。

WEB色見本 原色大辞典 - HTMLカラーコード

色の名前とカラーコードが一目でわかるWEB色見本

「文字の色」を変えたい場合には、color:色番号;を、それぞれの場所に足しますが、場所がわからないという場合には、個別にご相談ください。

2020/2/11修正:コードに追加

記事一覧ページを除外するコードを忘れていたため、前後を囲むように追加しました。
以下のコードで囲みました。
<!--not_titlelist_area-->これまでのコード <!--/not_titlelist_area-->
参照記事↓

「総記事数表示パーツ」の補足コードについて

「総記事数表示パーツ」の補足コードはい、またしても、自分で自分の「見落とし」に、気が付きました。「総記事数表示パーツ」で、更新のモチベーションを維持についてですが、「記事タイトル一覧ページ」を除外するためのコードを入れていなかったため、「記事タイトル一覧ページ」では、「総記事数」という文字のみが残って、変な状態になっていると思います。これは、当初のコードに、「記事タイトル一覧ページ」を除外す...

関連記事

コメント

コメント(4)
早速
お世話になっています。
導入しました♪

半漁人

2020/01/30 08:05 URL 編集返信
おはようございます
ありがとうございます。
私も早速導入しました。目指せ!1000記事ですね。

柴犬マイア

2020/01/30 08:46 URL 編集返信
Janedoe1471
To 半漁人さん
拝見しました。
更新のモチベーションになると、いいと思います^^

Janedoe1471

2020/01/30 13:52 URL 編集返信
Janedoe1471
To 柴犬マイアさん
拝見しました。
数字で見えていると、じわじわと増えるのがわかるので、更新のやる気が保てると、いいと思います^^

Janedoe1471

2020/01/30 13:53 URL 編集返信
コメント投稿
【お願い】FC2ブログの方は、必ず、ご自分のブログURLを入力してください。
非公開コメント

プロフィール

Janedoe1471

Author:Janedoe1471 この写真とはまったく違うおばさんです。
が、気持ちだけは、いつまでも、こういう感じでいたいと思っています。

更新通知登録ボタン

更新通知で新しい記事をいち早くお届けします

検索フォーム