【ブログ構築】AIと一緒に「お店」の看板と陳列棚を作った話(WordPressメニュー&ヘッダー設定)

開発実験ログ

こんにちは、びーすけです。

今日は土曜日ということで、開発(という名のブログいじり)に没頭していました。
せっかく「自分だけのFXアプリを作るぞ!」と意気込んでブログを立ち上げたものの、初期状態のWordPressはなんだか殺風景……。

そこで本日のミッションは、「ブログの見た目をいい感じにして、実験室っぽくする」こと。

AI(Google AI Studio)という強力な助っ人に指示を出しながら、メニューバーの設置と、ブログの顔となる「ヘッダー画像」の作成を行いました。その過程をシェアします。

事件発生:せっかく書いたプロフィールがない?

まず最初に、先日作成した「運営者プロフィール」の記事を公開しました。
「よし、これで読者さんに自己紹介ができるぞ!」と思ってブログのトップページを見てみたのですが……。

「……あれ? どこにもリンクがない?」

記事は公開されているはずなのに、ブログ上のどこを探してもプロフィールページへの入り口が見当たりません。
焦ってすぐにAIに相談しました。

びーすけ: 固定ページ「プロフィール」を公開したのですが、現在ブログから開くことができません。どうすればいいですか?

AI先生: 公開おめでとうございます!それはWordPressあるあるですね。固定ページを作っただけでは自動的にメニューには表示されません。「メニュー」を作成して、そこに追加する必要があります。

なるほど、記事を書くだけじゃダメで、ちゃんと「ここに置いてね」と設定しないといけないんですね。

AI直伝!3分で終わるメニュー設定

AI先生に教わった通り、以下の手順で設定を行いました。

  1. 「外観」→「メニュー」へ移動。
  2. 「ヘッダーメニュー」という名前で新しいメニューを作成。
  3. 左側のリストから「プロフィール」を選んで追加。
  4. メニューの位置を「ヘッダーメニュー」にチェックして保存。

これで無事にトップページに「プロフィール」が出現しました!

さらにAIから、「メニューが1つだけだと寂しいので、これから書く予定のカテゴリーも先に作って並べておきましょう」というナイスな提案が。

  • 開発実験ログ(アプリ開発の記録)
  • トレード検証日誌(トレードの実戦記録)

まだ記事は1つもありませんが(笑)、「これからこういうことをやるぞ!」という宣言も兼ねて、これらをメニューに追加しました。
これで、画面上部にメニューがズラッと並び、一気に「ちゃんとしたブログ」感が出てきました。

ブログの顔!AIでヘッダー画像を作る

メニューが整ったところで、次はいよいよ「ヘッダー画像」です。
ブログを開いた瞬間に目に入る、いわばお店の看板。

「B-Studio」のコンセプトである「FX × 開発 × 実験室」というイメージを画像にしたいけれど、僕はデザインなんてできません。
そこで、ここでもAIの出番です。

AIに「実験室っぽいかっこいい画像のプロンプト(指示文)を考えて」とお願いし、提案されたプロンプトを使って画像生成AIに描いてもらいました。

▼ 生成に使ったイメージ(プロンプト)

未来的なトレーディングデスクのクローズアップ。暗い部屋で複数のモニターが青白く光り、FXのチャートとプログラミングコードが表示されている。サイバーパンク風の実験室のような雰囲気。

生成ボタンを押して数秒後……出てきた画像を見てびっくり。
「これ、本当に僕のブログ?」と思うくらい、クールで没入感のある画像が出来上がりました。

さっそくCocoon設定からヘッダーに設定してみると、まさに「秘密基地」のような雰囲気に!

今日の実験結果

本日の作業成果をまとめました。

項目結果・効果
メニュー設定記事への導線ができて、サイトらしくなった。
ヘッダー画像AIのおかげで、プロっぽい見た目(秘密基地感)になった。

見た目が整うと、モチベーションも上がりますね。「よし、ここに良い記事を積み上げていくぞ!」という気持ちが強くなりました。

徐々にブログが形になってきていい感じです。
次回はいよいよ本題、自作アプリに組み込むための「半裁量トレードルール」の検討に入りたいと思います。

それでは、また!

コメント

タイトルとURLをコピーしました