模様替え
テスト前日に突然部屋の片付けをしたくなる、というのはよく聞く話ですが、私の場合は課題が溜まっている夜にブログの模様替えがしたくなりまして、PC版のデザインをかなり変えました。(スマホの方はページ最下部にリンクがあります)といっても、前回のデザイン変更が今年春だったので、ベースとするテンプレートはそのままに、機能面をいろいろとアップデートしました。確か少し前に某携帯電話会社の社長が、「顧客は複雑なシステムが普及するとシンプルなシステムに惹かれ、シンプルなシステムに慣れるとより細分化されたシステムに惹かれる」みたいな話をしていたのですが、まさにこの通りで、前々回のデザイン以降うちのブログは2列構成(本文サイドバー)で、最低限の情報に絞った上で、折り畳みメニューを使ってシンプルなデザインを追求していたのですが、だんだんと載せたい情報が増えてきたのと、現行デザインの横幅が狭くてやや勿体ないように感じたので、久しぶりに3列構成のデザインにしました。やはり左右に分かれていると情報が整理された感じしますね。ちょっと元のテンプレートを弄りすぎて原作者に怒られないかやや不安です。まあそもそも気づかないとは思うけど…。----------------------主な改善点を列記していきますね。・サイドバー2列を左右に配置 最大のポイント。2012年1月以来の3列配置みたいです。・本文スペースが広めに 真ん中の列を少し広くしました。 専門的なことを言うとwidthが433pxから633pxに。約1.4倍。・new entriesとarchiveの折り畳み解除 少し余裕が出たので、過去記事へのリンクをより使いやすくしました。 最新コメントとリンク一覧は、そこまで頻繁に使うものではないと判断したので格納のまま。・右サイドバーのmobile欄に、「スマートフォンデザインに戻す」スクリプトを追加。 JUGEMはスマホ→PCへのデザイン切り替えを一方的にしか用意してないので自分で実装。 リンクに追加すると飛びづらいし、別枠を用意するほどでもないと感じたのでmobile内に置きました。 ところで今の時代QRコードって需要あるんですかね?・Recommend(おすすめ商品リスト)を強化 今までのとりあえず置いておきます的な雰囲気をやめて、本格的にアフィブログ化させました。 商品名と一言コメントを追加。今までと違い他のコンテンツの邪魔にならなくなったので、商品自体も増やしました。 でも一応書いとくと、ここに置いてあるのは全て私自身も購入した / 購入するつもりの商品でして、 アフィ収入とかは二の次(そもそもこのブログの規模では期待できない)で、いろんな方に興味を持ってほしくて貼ってますので、ぜひ時々見てあげてください。 ・ページ右下に、ページトップへ戻るリンク追加。 一番上へ飛ぶやつです。あると便利かなと。 ---------------------- こんな感じです。結構いろいろ弄って見やすくなったはずです。よろしくお願いします。そのうち自分でデザイン作ってみたいなあ…。 ...