≪ChatGPT（チャッピー）と作る≫記事を書く前にやること｜ブログの土台づくり　📝ブログノート

YokiYoki

Xサーバーには10日間の無料お試し期間がありました。

「もし自分にはブログが向いていなかったら、そのままやめよう。」

そう考えて、まず挑戦したのは記事を書くことではなく、トップページを作ることでした。

カテゴリを決め、固定ページやサイドバーなどを整えながら、3日かけてトップページを完成させました。

そのとき初めて、「これならブログを続けられそうだ」と思えたのを覚えています。

カテゴリを決める

まずはカテゴリを考えます。
ブログを始めたばかりの頃は、細かく分類する必要はありません。まずは書きたいことを大きく分けてカテゴリを決めましょう。記事が増えてきたら、あとからサブカテゴリを追加すれば大丈夫です。

私の場合は、良き良き.blog を次の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フォローボタン」「お問い合わせ」を設置しました。「外観」→「ウィジェット」から、サイドバーにウィジェットを追加して設定できます。

「プロフィール」は、「ユーザー」→「プロフィール」でプロフィール情報やプロフィール画像を設定すると、プロフィールウィジェットに反映されます。

私は、「テキスト」ウィジェットを利用して、お問い合わせ用の画像と固定ページへのリンクを設定しました。

ブログを始める前に土台を整えておくと、その後の記事作成がスムーズになります。

最初から完璧を目指す必要はありません。私も少しずつ試行錯誤しながら現在の形になりました。