最近のブログデザイン等の変更点(2016春)

最近行ったブログデザインの変更をいくつかまとめて書いておく。前に書いた記事は2014年。この時の記事では随時追記していくつもりだったけど、すぐに更新しなくなっちゃった。HTMLやCSSの中身まで書き出すのがハードル高かったのかなとか、ブログデザインの変更は変更自体でエネルギー使って別で書き起こすエネルギーは出ないよねとか、デザイン変更は実は細かくちょくちょくやってて全部出したらかなりの量になってしまうんだよなとか、反省点は多い。

気分が乗ったときにやる。これで。こう言っておけば後に反省することもないでしょう。

今回は2016年頭からこの4月くらいまでに行った当ブログの変更を書き出します。Seesaaの機能追加に伴う変更も多い。

Seesaaの関連記事表示機能を有効に



【Seesaaブログ】関連記事表示機能をリリースしました - Seesaaからのお知らせ
http://info.seesaa.net/article/434573821.html


カテゴリの最新記事のリストを記事の末尾に表示する機能がパワーアップした形。最新記事の表示機能は何年か前にオフにしていたけど、関連記事表示機能になったのを機に使うことにした。この機能が出る少し前、関連記事表示用に入れていたzenbackというプラグインを使うのをやめていて、何か入れたいなと思っていたところだったので利用をすぐに決めた。

blogchange2016_01.png

とりあえずこんな感じで入れたけど、デザインはまだまだなんできれいにしていきたい。

この関連記事表示のURL末尾には?seesaa_related=categoryが入る。


seesaaブログの機能アップデートが最近(1, 2年?)頻繁にあってうれしく思っている。


話は少し変わるけど、Milliardって言う関連記事プラグインがかっこいいなあと思っているのだけど、Seesaaブログには対応していないらしく残念に思っている。対応してくれないかなあ。

日付表示のデザインを変更


blogchange2016_02.png

上が新しいデザイン、下の普通っぽいのがこれまでのデザイン。日付表示に関しても何かしたいと長い間思っていてとりあえずこのような変更をしてみた。まだ変更の余地はあるが、割と気に行っている。


ほかにも似た色で、配置を別の形でという案も思いついたけど今回は採用せず。それぞれ縦で左外に、右内に置く配置。いつか形になるかもね。

blogchange2016_05.png

blogchange2016_06.png

こんなの。

blockquoteのデザイン変更


線で囲んでいたのを、左にだけ線を入れるように変更。
blogchange2016_03.png

上がこれまでのデザインで、下が現在のデザイン。

LDR Pocketボタンを追加


【Seesaaブログ】LDR Pocket登録用ボタン表示機能をリリースしました - Seesaaからのお知らせ
http://info.seesaa.net/article/418035691.html


スマホ表示だけで使えるソーシャルボタンで、機能自体は少し前に導入されたもので放置していたけど、今回入れてみることに。というのも誰かのブログでこのボタンが表示されていて、LDR Pocketがどんなものなのか&ボタンを押すとどんな画面に移動するのかを知らなかったから試しに押してみた。するとわかったのはブラウザでsmartnews的な画面のサイトでブログの購読ができるっぽい。そしてログインとかはなくブラウザのクッキーで管理するもののようで簡単に利用できそうだった。私は使う気はないが有効にしておいてもいいかと思って追加しておいた。どの程度のユーザーが居るサービスなんだろうね。

その他


ブログヘッダーの色が変わりました。前は紫色だったのを変えて青緑っぽくした。他のデザインも試したけど見にくいからすぐにやめた。

リンク色を変更。前は黄緑っぽい色で、かなり長い間使っていて、ずっと変えたかったけど何がいいのかわからなくて変えられないでいた。最高じゃなくてもいいからとりあえず変えようってことで、ヘッダーの色に近い系統の色に変更。


これから変えたいところ


トップページとかにあるナビゲーションの数字を、丸いボタンで作りたい。今は四角のボタンでもなく、ただ数字がリンクになってるだけでクリック/タップしにくい。

blogchange2016_04.png

これはまだ案の段階で、こんな色やデザインでは出さないです。イメージ。


マイクロソフト Surface Pro 4※Core i5/8GB/256GB モデル CR3-00014
マイクロソフト
売り上げランキング: 10,566

"最近のブログデザイン等の変更点(2016春)" へのコメントを書く

お名前:[必須入力]
メールアドレス:
ホームページアドレス:
コメント:[必須入力]
認証コード:[必須入力]

※画像の中の文字を半角で入力してください。