YPO industryのデジタルルーム

Profile

YPOindustry

フォローする

【wordpress×ChatGPT】1からChatGPTとホームページを作って見る④

テーマ：初めてのホームページ作り(385)

カテゴリ：ホームページ作成

前回に引き続き作成していきます。
まずはホームページです。

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

ゼロから学ぶはじめてのWordPress 第2版［バージョン6.x対応］簡単にできるWebサイト制作入門【電子書籍】[ 泰道ゆりか ]
価格：2,090円 (2025/1/22時点)

楽天で購入

私「いい感じです。
ページの基本構成は以下です
ホームページ
→各カテゴリ
→→詳細な記事

ホームページからいじっていきます

ChatGPT「
基本構成（ホームページ → 各カテゴリ → 詳細な記事）に沿って、まずはホームページのデザインと機能を整えていきましょう。
ホームページの作成手順

トップページ用のテンプレート（front-page.php）を作成
WordPressでは、front-page.php がホームページとして優先的に読み込まれます。
各カテゴリページへのリンクを配置。

カテゴリー一覧を表示するセクションの作成
カテゴリの一覧を取得し、ホームページに表示。

最近の投稿を表示
トップページに最近の記事のリストを表示。
（以下コード、省略）」

ヘッダーからいじっていきます。とりあえず画像ぶち込みます。

Wixで無料＆簡単に作る集客できるデザインホームページ [ 一般社団法人日本WIX振興プロジェクト ]
価格：2,519円（税込、送料無料) (2025/1/22時点)

楽天で購入

画像が入りました。表示されるブラウザの大きさに合わせられるようにさせました（？）

ホームページの記載内容がいまいちなので、変更します。ChatGPTどこかえたらいい？（笑）
ChatGPT「（一部抜粋）
3. front-page.php の編集

（エラーが出るため省略、ここにはホームページの記入例があります）

このファイルは、wp-content/themes/mytheme/front-page.php に保存されているはずです。
」
なるほどね。
ChatGPTに直してもらうか（笑）

私「
本ページは「日本人×モンゴル人」夫婦で運営してます！　（センタ、太文字、少し大きめ）
（以下本文）
DIYから料理、日常の出来事などをお届けします。ハンドメイド商品や「最高に面白いTシャツ屋さん」、「YPOの本気ch」（ゲーム）を発信してます。ごゆるりとご覧ください。

最近の投稿
以下略
」
と聞くと回答が返ってきました。
それに沿って作成した結果（プラスで修正指示出してます）