Xサーバーには10日間の無料お試し期間がありました。
「もし自分にはブログが向いていなかったら、そのままやめよう。」
そう考えて、まず挑戦したのは記事を書くことではなく、トップページを作ることでした。
カテゴリを決め、固定ページやサイドバーなどを整えながら、3日かけてトップページを完成させました。
そのとき初めて、「これならブログを続けられそうだ」と思えたのを覚えています。
カテゴリを決める
ブログを始めたばかりの頃は、まだ記事数も少なかったので、最初から細かく分類することは考えませんでした。
まずは、これから自分が書いていきたいことを大きく分けて、カテゴリを決めることにしました。
私の場合は、良き良き.blogを次の3つのカテゴリに分けました。
- Synology NAS
- ブログ運営
- 便利アプリ
この3つを大きなカテゴリとしてスタートし、記事が増えてきたところで、必要に応じてサブカテゴリを追加していきました。
固定ページを作る
トップページ
私は「付箋風ボックス」でカテゴリを紹介し、「ブログカード」でおすすめ記事を表示し、「ボタン」でカテゴリページへ移動できるようにしました。どれもCocoonで利用できます。
WordPress管理画面の「設定」→「表示設定」を開き、「ホームページの表示」を「固定ページ」に変更し、作成したトップページを選択します。
お問い合わせ
お問い合わせページは【Contact Form 7】プラグインを利用しました。固定ページを作成し、発行されたショートコードを貼り付けるだけで簡単に設置できます。
💡お問い合わせフォームを作ったら送信テストも忘れずに！
Synology NAS上のWordPressでは、Contact Form 7を設置しただけではメールが送信できない場合があります。私も実際に、お問い合わせフォームは表示されているのに「メッセージの送信に失敗しました」と表示され、メールが届きませんでした。
原因はSMTP設定をしていなかったことでした。そこで、WP Mail SMTP を導入し、XserverのメールアカウントをSMTPサーバーとして設定したところ、正常に送信できるようになりました。
お問い合わせフォームを設置したら、必ず自分で送信テストを行い、メールが届くことまで確認することをおすすめします。
プライバシーポリシー
最初はXサーバーの記事を参考にし、ひな形を利用してプライバシーポリシーと免責事項を作成しました。
今回、チャッピーに「もしかして、プライバシーポリシー・免責事項って作れる？」と聞いてみました。チャッピーの答えはシンプルでした。
「もちろん作れるよ。ブログの内容に合わせて作れば、ひな形より自分のサイトに合ったものが作れるよ。」と。
Xサーバーのひな形を利用する方法でも十分ですが、自分のブログに合わせた内容にしたい方は、チャッピーに相談しながら作成してみるのもおすすめです。
ヘッダー・フッターを設定する
ヘッダー
私は試行錯誤した結果、ヘッダーの背景画像にブログ名とキャッチフレーズを組み込みました。しかし、Cocoonではヘッダーロゴを設定しない場合、ブログ名が自動で表示されます。そのため、背景画像のブログ名と重なり、二重表示になってしまいました。
そこでチャッピーに相談したところ、「透明画像をヘッダーロゴとして設定する方法」を教えてもらいました。透明画像を設定すると、Cocoonが自動表示するブログ名が非表示になり、背景画像だけが表示されるようになりました。イメージどおりのヘッダーになったので、この方法を採用しています。
また、グローバルメニューも設定しました。項目は「HOME（トップページ）」「Synology NAS」「ブログ運営」「便利アプリ」「お問い合わせ」の5つです。
設定は、「外観」→「メニュー」で新しく「ヘッダーメニュー」を作成し、表示したい固定ページやカテゴリを追加します。最後に、表示位置で「ヘッダーメニュー」にチェックを入れると、ヘッダーに表示されます。
※当時はグローバルメニューを利用していましたが、現在はおすすめカードから各カテゴリへ移動できるようにしたため使用していません。
フッター
私はフッターに次の項目を設定しました。ロゴ、HOME、プライバシーポリシー、お問い合わせ、クレジット表記を設定しました。
HOME、プライバシーポリシー、お問い合わせは、「外観」→「メニュー」で「フッターメニュー」を新しく作成し、表示したい固定ページを追加します。最後に、表示位置で「フッターメニュー」にチェックを入れると、フッターに表示されます。
サイドバーを設置する
サイドバーには、「プロフィール」「SNSフォローボタン」「お問い合わせ」を設置しました。「外観」→「ウィジェット」から、サイドバーにウィジェットを追加して設定できます。
「プロフィール」は、「ユーザー」→「プロフィール」でプロフィール情報やプロフィール画像を設定すると、プロフィールウィジェットに反映されます。
私は、「テキスト」ウィジェットを利用して、お問い合わせ用の画像と固定ページへのリンクを設定しました。
まとめ
ブログを始める前に土台を整えておくと、その後の記事作成がスムーズになります。
- カテゴリを決める
- 固定ページを作る
- ヘッダー・フッターを設定する
- サイドバーを整える
最初から完璧を目指す必要はありません。私も少しずつ試行錯誤しながら現在の形になりました。
WordPress構築シリーズ
【完全ガイド】WordPress構築（トップページ）
第1章 WordPressのインストール・公開