Maromaroブログをリニューアルしました。求人お問い合わせTOPお知らせMaromaroブログをリニューアルしました。Blog2015.11.11miuraMaromaroブログをリニューアルしました。お知らせシェアTweetこんにちは。Maromaroの三浦です。この度Maromaro公式サイトのリニューアルと連動してMaromaroブログもリニューアルしました。目次デザインについてトップページについて記事ページについてまとめデザインについてレスポンシブレイアウトでPC、SPなどワンソースで表示できるようになっています。基本デザインは公式サイトのリニューアル案を踏襲していますがMaromaroブログの方では必然的に文字量が多くなるものなので行間や余白をゆったり取るなどブログとしての文章の読みやすさや分かりやすさを意識しています。色味はMaromaroのテーマカラーとなる白と黒をベースにアイコン等のカラーを差し色として配置しています。基本的に色でうるさくならないように極力シンプルなデザインを目指しました。トップページについてトップページでは最新の記事を大きく表示することで他の記事と差別化。トップページにアクセスした際にすぐ最新の記事が目に入るようにしました。乱立していたカテゴリーを縮小し、大まかな枠組みに絞りました。細かい内容についてはタグを割り当てることでさらに細かな分類をしています。記事ページについて記事ページでは記事の投稿者の画像を表示したいと社内で意見が出たのでサムネイルの上に各社員のアイコンを表示しています。投稿者が分かりやすくていいですね。見出しの装飾を見直し、目次を追加することでh2、h3の差を視覚的に分かりやすくしました。SNSボタンを以前のアイコン型から箱型にして視認性を上げました。あわせて個人的に使用頻度の高いPocketへ送るボタンを追加で設置しました。最下部の関連記事には以前は表示されていなかったサムネイル画像を表示しました。画像がある方が存在感がでますね。この辺りの内容については様子を見て関連記事以外のものなどもっと拡張していくことができそうです。まとめMaromaro公式サイトのリニューアルと連動してブログでもデザインを踏襲しつつ読みやすさや使い勝手を向上するべくリニューアルしました。言葉で言うと簡単な内容だったりもしますが、単純にプラグインを利用するだけでは実現できないこともあってコードを書いたりとWordPressの勉強になりました。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。関連する記事が見つかりませんでした。TOPお知らせMaromaroブログをリニューアルしました。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。