前編では、僕がなぜ「大好きな黄色」を一度手放し、引き算のデザインを選んだのかという「心構え」をお話ししました。
中編では、いよいよ具体的な「段取り（設定）」に入ります。
専門用語に怯える必要はありません。僕もいまだに横文字は苦手です。でも、読者がホッと一息つける「カフェや図書館」のような場所を作るために、僕が3日間かけて辿り着いた設定をすべて公開します。
土台選び：直感で決めたスキン「イノセンス」
まずはブログの骨組みとなる「スキン」を選びます。
WordPressのダッシュボード（左メニュー）から、以下の場所を開いてください。
場所： 「Cocoon設定」→「Cocoon設定」→ [スキン]タブ
ずらりと並ぶ名前の中から、僕は「イノセンス（Innocence）」を選びました。
なぜこれなのか？理由はシンプルです。この真っ白なキャンバスが、僕が目指す「静かな空間」を作るのに一番ふさわしいと直感したからです。
キャプション案：これが僕が選んだスキンの全体像。ここから僕の「段取り」が始まります。
数字に込めた「おもてなし」：僕が選んだ色
ここが今回の記事で一番大切なポイントです。
同じくCocoon設定の[全体]タブを開いてください。そこで入力する「#」から始まる数字（カラーコード）ひとつで、画面の空気感はガラリと変わります。
僕がコーヒーを片手に、何度もプレビューを見返して決めた「おもてなしの4色」がこちらです。
キャプション案：迷いながらも、ひとつひとつ納得して打ち込んだ僕の設計図です。
項目 カラーコード 僕のこだわり（理由）
背景色 #faf0e6 真っ白ではなく、リネンのような温かさ。目が疲れない優しさです。
文字色 #4b2d16 真っ黒ではなく、深いコーヒーブラウン。言葉が穏やかに届くように。
キーカラー #ddc28b かつての「黄色」を、落ち着いたゴールドベージュへ。控えめな主張です。
キーテキスト #333333 キーカラーの上に乗る文字。読みやすさを最優先したグレーです。
さらに、細部にも「静寂」を忍ばせています。
リンク色： #0056b3（道しるべとしての青）
選択文字背景色： #b2b48c（文字をなぞった時に現れる、穏やかな若草色）
ヘッダーの再構築：一番最初に見られる場所だから
ヘッダーはブログの「顔」であり、読者が一番最初に見る場所です。
以前の僕はここで「大声」を出していましたが、今は「静かな入り口」を意識しています。
場所： 「Cocoon設定」→ [ヘッダー]タブ
キャプション案：高さや配置など、細かな微調整を繰り返した場所です。
ここでも「3日間の熟成」が効いてきます。
1日目に形にし、2日目に眺め、3日目に納得する。
「少し高さがありすぎて圧迫感がないか？」「色は背景と馴染んでいるか？」
そうやって悩む時間は、読者への「おもてなし」そのものです。
キャプション案：3日目の朝に「これだ」と確信した、僕のブログの新しい顔です。
中編のまとめ：デザインは「時間をかける」もの
「設定して終わり」にしないでください。
初心者だからこそ、時間はたっぷり使っていいんです。数字一つ、色一つに3日間悩んでみる。その「泥臭いこだわり」こそが、あなたのブログの個性になります。
設定のやり方は忘れてもいい。でも、「読者が落ち着けるかな？」と考えながらボタンを押した感覚だけは、忘れないでください。
次回、いよいよ完結の【後編】へ。
デザインをさらに研ぎ澄ませる「究極の引き算」と、SNSやモバイルでの見せ方、そして全体のまとめをお話しします。
3日間の「段取り」を支えてくれるもの
デザインを1日寝かせ、2日目に見直し、3日目に仕上げる。このじっくりとした作業に欠かせないのが、一杯のコーヒーです。
凝った道具は使っていませんが、お気に入りの香りに包まれると、不思議と読者の皆さんの顔が浮かんでくるような気がします。僕がこの「デザインの参考書」を書き上げるまで、ずっと隣にいてくれたコーヒーがこちらです↓
最後に：僕と同じ「場所」で始めてみたい方へ
今回ご紹介したデザインや設定は、すべて僕が使っているレンタルサーバー 「ConoHa WING（コノハウィング）」 と、無料テーマ 「Cocoon」 の組み合わせで実現しています。
知識ゼロだった僕が、迷いながらもここまで形にできたのは、この環境が「初心者にとって一番優しかったから」だと思っています。もし、あなたが「自分だけの静かな場所」をこれから作りたいと思っているなら、僕と同じこの場所からスタートしてみませんか？
この記事を読んで参考になったら、投票で応援してもらえると励みになります↓
にほんブログ村
コメント