皆さん、こんにちは！てつやです。
「ブログやってみた！」シリーズも、ついに5回目を迎えました。
前回は、アクセス解析に必須の「Googleアナリティクス」と「Googleサーチコンソール」の設定に四苦八苦しながらも、なんとか設定を完了させました。
▼前回の記事はこちら ブログ開設奮闘記④～WordPress初期設定7選！初心者が記事を書く前にやるべきこと～
サーバーを契約し、WordPressをインストール。初期設定やプラグイン導入も終え、分析ツールも連携完了。「さあ、いよいよ記事を書くぞ！」と意気込んでいたのですが、その前に大きな壁が立ちはだかっていました。
そう、ブログのデザインです。
おしゃれなブログにしたいけど、センスが…。
せっかく自分のブログを作るなら、少しでも「おしゃれ」で「見やすい」デザインにしたいですよね。私もそう思っていました。
このブログでは、多機能で無料のWordPressテーマ「Cocoon」を使っています。初期設定までは第4回の記事で終えていたのですが、正直に言うと、デフォルトの状態では少し素っ気ない印象…。
ここから自分好みにカスタマイズしていく必要があるのですが、私には致命的な問題がありました。そう、デザインセンスが全くないのです。
何から手をつければ良いのか分からず、途方に暮れてしまいました。ブログは記事を書くのが本番だと思っていたのに、スタートラインに立つ前からこんなに大変だなんて…。同じように感じている初心者の方、きっと多いのではないでしょうか？
デザインの方向性を決める「スキン」選び
途方に暮れていても仕方がないので、まずは情報収集から。Cocoonには「スキン」という、ブログ全体のデザインをガラッと変えられる着せ替え機能があることを知りました。
これなら、センスのない私でもプロが作ったようなデザインのベースが手に入ります。
数多くのスキンの中から私が選んだのは、シンプルで落ち着いた雰囲気の「モノクロ」です。ごちゃごちゃしたデザインは苦手なので、白と黒を基調としたミニマルなデザインはまさに理想的でした。
スキンを適用した瞬間、ブログの見た目が一気に引き締まり、「お、これならいけるかも！」と少しだけ自信を取り戻しました。
それだけでは終わらない！地道なカスタマイズ作業
スキンを適用して一安心…とはなりませんでした。確かに全体の雰囲気は良くなったのですが、細部を見ていくと、まだまだ手を入れるべき箇所がたくさんあったのです。
まさに、ネットの情報を片っ端から調べながら、一つひとつ体裁を整えていく地道な作業の始まりでした。
① ヘッダーのブログ名表示
まず気になったのが、画面上部のヘッダー部分。スキンを適用しただけだと、ブログ名がただテキストで表示されているだけでした。これをロゴ画像に変えたり、表示サイズを調整したりといった設定が必要でした。せっかくの「顔」となる部分なので、訪問してくれた人が最初に目にする場所として、きちんと整える必要があったのですが、ここは方向性が決められず、一旦そのままとしました。
② サイドバータイトルを日本語に変更
次に、サイドバーです。初期状態だと、「Search（検索）」「Recent Posts（新着記事）」「Archives（アーカイブ）」のように、各項目のタイトルが英語表記になっていました。
これでは日本の読者には不親切ですよね。Cocoonの設定項目を探し出し、一つひとつ日本語に修正していきました。
- Search → 検索
- Recent Posts → 新着記事
- Archives → アーカイブ
- Categories → カテゴリー
ほんの少しの手間ですが、これだけでグッと分かりやすさが向上しました。
③ グローバルメニューの追加
ブログの上部にある、主要ページへの案内板が「グローバルメニュー」です。これがあることで、読者がサイト内を回遊しやすくなります。
まだ記事もほとんどない状態ですが、まずはこのブログのテーマの一つである「ブログ」というカテゴリーへのリンクを作成し、メニューとして設置しました。今後、カテゴリーが増えるたびに、このメニューも充実させていく予定です。
突然のエラー！「閲覧できません (forbidden access)」との闘い
順調にカスタマイズを進めていた矢先、事件は起きました。
Cocoonの設定をあれこれ変更していたところ、突然サイトにアクセスできなくなり、「閲覧できません (forbidden access)」という無慈悲なエラーメッセージが表示されたのです。
頭が真っ白になりました。「何か致命的な設定ミスをして、ブログが壊れてしまったのか…？」と。
焦りを抑え、エラーメッセージを頼りに必死で解決方法を検索。どうやら、セキュリティの設定（WAF設定）が、Cocoonのカスタマイズ作業を「不正なアクセス」と誤認してブロックしてしまうことがあるようです。
利用しているレンタルサーバー（私はConoHa WINGです）の管理画面にログインし、セキュリティ設定を一時的にオフにすることで、無事に編集画面に戻ることができました。原因が分かれば簡単なことでしたが、このエラー解決だけで1時間以上も費やしてしまいました…。
まとめ：やっとの思いで、スタートラインへ
スキン選びから始まり、ヘッダー、サイドバー、メニューの修正、そして突然のエラーとの格闘…。
本当に紆余曲折ありましたが、なんとかブログの体裁を最低限整えることができました。思い描いていた「おしゃれなブログ」とまではいきませんが、自分なりに納得のいくデザインの土台が完成したときの安堵感は、ひとしおでした。
これでようやく、記事を書くための本当のスタートラインに立てた気がします。
私のように、デザインセンスに自信がなくても、Cocoonのスキン機能を活用し、一つひとつ地道に設定していけば、必ず自分だけのブログの形が見えてきます。もし今、同じように悩んでいる方がいたら、「大丈夫、なんとかなりますよ！」と伝えたいです。
◇
ちなみに、「ブログを始めてみたいけど、サーバー契約とか難しそう…」と感じている方もいるかもしれません。私が利用している「ConoHa WING」は、初心者でも分かりやすい管理画面と手頃な価格で、とてもおすすめです。今回のエラーも、サーバー側の設定変更で解決できました。
ブログ開設は、思い立ったが吉日です。興味のある方は、ぜひ公式サイトをチェックしてみてください。
さて、次回こそは、いよいよ最初のブログ記事のテーマ決めや書き方について、奮闘する様子をお届けしたいと思います。
最後までお読みいただき、ありがとうございました。
