blog

思い立ったが吉日

今日は大安だし、えいやぁでPC版デザインを変更しました。

blog

元々のデザインはこんな感じでした。

2007年4月にライブドアでブログを始める時、当時のパソコンの画面サイズに合わせて、かなりこだわってデザインをカスタマイズしてあります。おかげで（そのせいで？）、ライブドアのブログに新機能が追加されても広範囲に変更点を確認せねばならず、結果として放置したままでした。

当初はほとんどの方がパソコンでブログを見てくれていましたが、現在は7割の方がスマホで見てくれてて、スマホ版デザインはライブドアが用意した一覧から選び、カスタマイズは最低限しかできません。

還暦を過ぎて文字が小さくて読みずらく、カスタマイズをしなければ、新機能が追加されても、すぐに対応できるので、ヘッダーの背景とリンク文字を青色に変更しただけです。

これからも日々の出来事（Chips かけら）を記事にしていきますので、よろしくお願いします。

ちなみに、ヘッダーの「Might as well JUMP! とりあえず飛んでみるか！」はヴァン・ヘイレン「ジャンプ」の一節で、座右の銘（生き方）ですかね？

備忘録：カスタマイズ

  • スタイルシート CSS（Cascading Style Sheets）
    • リンク文字列 color: #f30000 ＞ #0000ff
    • 記事ヘッダー #9a1701 ＞ #0000ff
    • サイドバー サブタイトル sidetitle background #f3e5e1 ＞ #dddddd
    • 記事を読む
      • .article-continue a background: #f3e5e1 ＞ #dddddd
      • .article-continue a:hover background: #f3d2c9 ＞ #cccccc
    • 次のページ｜前のページ（記事ページ、月別アーカイブページ）
      • ul.archives-pager li a background: #f3e5e1 ＞ #dddddd
      • ul.archives-pager li a:hover #f3d2c9 ＞ #cccccc
    • ページ送り トップページ ul.index-navigator #d57572 ＞ #999999
  • トップページ
  • 個別記事ページ
  • カテゴリアーカイブ
    • 記事ヘッダー、記事タイトル
      • 変更前 <p class="article-date">（途中省略）</p>
        変更後 <class="article-date">（途中省略）
    • 記事本文 ＞ 削除（非表示）
    • 記事フッター、カテゴリ、コメント、ソーシャルボタン ＞ 削除（非表示）
  • 月別アーカイブ
    • 記事ヘッダー、記事タイトル
      • 変更前 <p class="article-date">（途中省略）</p>
        変更後 <class="article-date">（途中省略）
    • 記事本文 ＞ 削除（非表示）
    • 記事フッター、カテゴリ、コメント、ソーシャルボタン ＞ 削除（非表示）