こんにちわ。KaibaSAKAMOTOです。
なにをするにつけて、成長を測るものさしとして、ゴールであったり、中間目標であったり、「節目」というものが必要になります。
ワタシの場合は、ブログ開始一年で6桁を目指すことです。わぁ言っちゃった(#^.^#)
本記事では、自らにも現状を把握させるため、あるいは、自覚を持たせるために、簡単に、ブログサイト内に、カウントダウン|カウントアップを表示させる方法を説明します。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/1367255-1024x730.jpg)
【簡単】カウントダウン|カウントアップ設置例
下図は、画面右のサイドバーに設置した例です。
「ブログ開始から◯◯日目」という表記をしています。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/063ab55b909524cc55793da3486215df-1024x565.png)
【簡単】カウントダウンもカウントアップも両方とも可能
設定日当日を含むか、含まないか(設定日の翌日からカウントする)を選ぶことができます。
カウントダウン
「◯◯日までの日数を数える」のがカウントダウンです。
目標時期までのスケジューリング|プラン設計をしたい場合などに活用します。
カウントアップ
「◯◯日からの日数を数える」のがカウントアップです。
なにかを始めた時期や、記録すべき時期からの日数を数えることで、成長や、時の経過を測りたい場合などに使用します。
設置方法
「今日は何日目?」さんのサイトを開きます。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/nannichime_234x60.gif)
カウントダウンの場合
【手順の流れ】コードをコピーして ブログの中の(今回は)サイドバーにペーストして
[文言]と[基準となる日付]を修正します。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/b5a6a0864fd59a9cb32ad7afff4d98b0-1024x654.png)
1. サイトの中の右図の四角の中のコードをコピーします。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/5af33762c5351b668eba9eedf721154b.png)
2. WordPress(本例はCocoonを使用しています)の “ダッシュボード” の中の “外観” - “ウィジェット”
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/d00cbcbb4227b477a6096e57a32b82a3.png)
3. 「テキスト」を掴(つか)んでドラッグして “サイドバー” まで移動させます。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/162361d7dc27af8310479017289b2d3b-1024x855.png)
4. 表示したい場所のところに配置します。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/96d1a6672db760869e0e262c4fa7a54b-820x1024.png)
5. 「テキスト」を開いて(▼をクリック)
ビジュアルの隣の “テキスト” を選択してから、1. でコピーしたコードをペーストします。
6. “結婚10周年まで” の箇所を任意の文字に修正します。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/57f22d67580dd0647efec188a91f3fc1-1024x488.png)
(任意)最初の日を日数に含めたい場合は “年月日”のあとに
&f=y
を追記します。
7. 保存-完了(”保存” を押すと出てきます)をクリックして閉じます。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/ad8ede947bdc8dbf78abffe97f16970a.png)
プレビューを見てみて
右図のように改行されて複数行になっているようなら
5. のテキストをもう一度開き、改行を外してください。
外したら、「保存-完了」をお忘れなく。
これで体裁が整います。
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/40997353365e45209e61964959db2c03-1024x491.png)
カウントアップの場合
![](https://blog-bbanzai-life.com/wp-content/uploads/2020/06/24e58cec48ce930725f2b27725cbd4c6-1024x633.png)
1. サイトの中の右図の四角の中のコードをコピーします。
以下 2. 〜 7. は上記と同じです。
あとは、目標に向かって邁進するだけです。あるいは、成長を繰り返していくだけです。
コメント