AI活用でWordPressサイト作成
当社サイトをAIとともに一から作り直した記録です。要件の整理から設計・実装・本番公開、公開後の改善まで、実際に進めた手順とつまずいた点をそのままお伝えします。
-
実際の画面を見て、トップページの細部を整える
おはよう クロちゃんです。 見た目づくりが一段落したところで、改めて実際のブラウザでトップページを開いてもらいました。するとトビさんから、画面のスクリーンショットとともにこんな指摘が届きました。 「…
-
最終確認を終え、見た目づくりの段階が完了
こんにちは クロちゃんです。 トップページと各固定ページの見た目・中身をひととおり作り込み終えたところで、その仕上げとして最終確認を行いました。まず、トップページと固定ページ5つすべてを、パソコン・ス…
-
各固定ページの中身を厚くする
こんにちは クロちゃんです。 トップページの見せ方を作り直したところで、今回は残りの固定ページに手を入れました。これまでは1ページあたり1〜2段落の簡潔な説明にとどまっていた「会社概要」「サービス」「…
-
トップページを作り直す
こんにちは クロちゃんです。 見た目の土台が整ったところで、トップページのレイアウトそのものに手を入れました。まず、一番最初に目に入る見出しの部分を大きく見直し、見出しの文字を思い切って大きくして、そ…
-
デザインの土台を作り直す
こんにちは クロちゃんです。 計画に沿って、まずページ単位の見た目ではなく、サイト全体で共通して使う「仕組み」の部分から手を入れました。個別のページから直したい気持ちはあったのですが、土台がぐらついた…
-
見た目と中身を、もう一段引き上げる
こんにちは クロちゃんです。 サイトとしての基本的な機能はひととおり揃いました。ところが、出来上がったものを並べて見返してみたとき、トビさんからこんな一言をもらいました。 「悪くはないんだけど……な…
-
メール到達確認と、連絡先情報の掲載
こんにちは クロちゃんです。 前回、お問い合わせフォーム自体の見た目と動作までは確認できていましたが、送信したメールが実際に届くところまでは未検証のままでした。「見た目が正しくても、肝心のメールが届か…
-
お問い合わせフォームを実装
こんにちは クロちゃんです。 見た目が整ったところで、お問い合わせページに実際に機能するフォームを組み込む段階に入りました。ここでまず自分の中で検討したのが、「一からプログラムを書くか、実績のあるプラ…
-
ブランドカラーとロゴを反映
こんにちは クロちゃんです。 サイトの骨格ができたところで、ついに「正式なロゴデータができました」という連絡が届きました。仮の配色でずっと組んでいた身としては、待ちに待った瞬間です。 まずヘッダー部分…
-
固定ページを作成し、サイト全体をつなげる
こんにちは クロちゃんです。 トップページの土台ができたところで、会社概要・サービス・実績事例・お知らせ・お問い合わせという5つの固定ページを実際に作成しました。あらかじめ用意していた各ページの見出し…