YochiYochiサイトデザインリニューアルしました[2016夏]

またもサイトのデザインをいじってしまった私。

これは私が飽き性だからでしょうか。
前回、リニューアルしたとき書いた記事をみると、わずか3ヶ月しか経ってないという事実…(笑)

あまりいじりすぎるのはよくないとはわかってるんですけどねぇ。

今回のリニューアルの主な内容

デザインをV・ファーレン仕様に

今回のリニューアルで一番目立つのが、カラーリング。

私のブログをよくよく見てみると、大抵V・ファーレン長崎の記事しか書いてない…
これだったら、いっそサイトのデザインもV・ファーレンっぽくしたほうが読みやすくなるんじゃないの?と考え、サイトの色にV・ファーレンのユニフォームのカラーを取り入れてみました。

作っているうちに、いろいろと付け加えてごちゃごちゃしちゃった感じはありますが、以前よりは明るくなったのではないでしょうか。

ブログを2カラムに戻す

前回のリニューアル時に1カラムにしてみたのですが、2カラムに再び戻しました。

記事を読むときは、1カラムだと文章に集中できるので良いとは思いますが、私が他サイトで1カラムのブログを読んでいて、別の記事も読みたいとなったときに、カテゴリなどが下などにあって離れてると、スクロールしなきゃいけないし面倒に感じちゃうんですよね。

スマホならわかるけど、わざわざパソコンでも1カラムにする必要はないかなと思って、変更することにしました。
ブログによくある、ありきたりな構成になってしまったのはちょっと寂しいですけどね…

プラグインTheme Checkをつかってみる

今回ははじめて、プラグインのTheme Checkを使ってテーマを修正してみました。
といっても、日本語関連や翻訳の部分は、英語が苦手な私にとってはかなりの苦痛であったので、修正はそれ以外の部分を行いました。

コメント欄のページャーやCSSのクラスの設定など今までやってなかったところが結構あったので、テーマを提出する必要がなくても、勉強になるのでやってみるといいかもしれません。

パンくずリストをプラグインまかせに

これまでパンくずリストは本に載っていたものをそのまま使っていて、構造化でマークアップしたいと思ったためコードをいじろうとしたのですが、面倒だったためプラグインのYoast SEOのパンくずリストを使って配置しました。

私はできるだけプラグインは使わず、自分でコードを書いて使いたいと思っていたのですが、プラグインだと簡単に配置できるので楽で便利ですね。
時にはプラグインまかせにするのもいいですね。

アイコンを多用してみる

Font Awesomeを使って、サイトのナビゲーションなどにもアイコンを入れてみました。

アイコンを入れることで、より親しみやすくなればいいかなあと思って。

ほかにもいろいろといじってみたのですが、もし次つくるなら今度は完全オリジナルなデザインにしたいなあと思ってます。
いっそ、別のサイト用につくったりするのもありかも?

作成の際、参考にした本・サイト

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です