ブログ開設3周年！これまでの振り返りとこれからのこと【ブログ運営報告】

今年も桜に浮かれて忘れてました！このブログが，開設以来3周年を迎えました。

ブログトップ画面

2年目までは，はてなから「ブログ開設〇〇周年を迎えました！」というメールが届いていたのですが，今年は来なかったみたいです。それとも僕が見落としてるだけかな？

まあいっか。この3年間のブログを振り返ってみましょうかね。

3年で 233 記事書きました
ブログのデザイン：この一年で変わったところ
- HTML（設定＞デザイン＞スパナマーク＞フッタに貼り付け）
- CSS（設定＞デザイン＞スパナマーク＞デザインCSS に貼り付け）
PV数
収益
よく読まれている記事
これからのこと

3年で 233 記事書きました

この記事で233記事目です。いっぱい書いたなあ。平均すると，一年あたり78記事くらい書いていることになりますか。

エライですね，続けることができて。これはマジでそう思っています。

年ごとの記事数は，

　2019年　69記事
　2020年　67記事
　2021年　68記事
　2022年　ここまで29記事

うん，コンスタントに書いてますね。これまたエライぞ！（自画自賛）

もちろんブログを毎日更新している人もたくさんいるのは知っていますが，それは自分には無理だと最初から悟っているので（笑）。

これからもマイペースで書いていければいいな，と思っています。

ブログのデザイン：この一年で変わったところ

ブログのデザインは，開設直後は試行錯誤（迷走ともいう）して，しばしば変わっていたのですが，だんだん落ち着いてきました。

この一年で変わったところは，以下の2つです。

ここ一年で変えたところ

記事上部に，カスタマイズしたソーシャルボタンを設置しました
ページの右下に「ページの一番上に移動する」ボタンと「ホームに戻る」ボタンを追加しました

こんな感じ ↓

「ページトップに移動／ホームに戻る」ボタンのソースコードは以下の通りです（ソーシャルボタンのコードは長いので端折ります。ググるといろいろ出てくるのでそちらを）。

HTML（設定＞デザイン＞スパナマーク＞フッタに貼り付け）

<ul class="toTop-nav">
<li><a href="javascript:void(0);" onclick="smoothScroll(0);return false;" > <i class="blogicon-chevron-up"></i></a></li>
<li><a href="https://www.sunsunfine.com"><i class="blogicon-home"></i></a></li>
</ul>
<script>
function smoothScroll(o){var e=window.pageYOffset,l=o>e;setTimeout(function(){l&&o>=e?(e=e+(o-e)/20+1,window.scrollTo(0,e),setTimeout(arguments.callee,10)):!l&&e>=o?(e=e-(e-o)/20-1,window.scrollTo(0,e),setTimeout(arguments.callee,10)):window.scrollTo(0,o)},10)}
</script>

CSS（設定＞デザイン＞スパナマーク＞デザインCSS に貼り付け）

/* To Top */
.toTop-nav {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
  z-index: 999;
  }
.toTop-nav li {
  list-style-type: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  text-align: center; 
  }
.toTop-nav li:first-child {
  margin-right: 10px; 
  }
.toTop-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px; 
  }
.toTop-nav li a {
  color: #fff;
  text-decoration: none; 
  }
.toTop-nav li a:visited {
  color: #fff; 
  }
.toTop-nav li a:hover {
  color: #fff;
  text-decoration: underline; 
  }
.toTop-nav li a:active, .toTop-nav li a:focus {
  color: #fff; 
  }
.toTop-nav li a:hover {
  text-decoration: none;
  }

これらのボタンがどれくらい役に立っているのかよくわかりませんが，なんとなくカッコいいのでしばらくこのまま置いておこうと思います (^ ^;)。