YPO industryのデジタルルーム

Profile

YPOindustry

フォローする

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

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

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

皆様こんにちは！

最強のプログラマーであるChatGPTとWordpressでホームページを作ってみよう計画です。
wordpressのテーマを使わず自作していこうと思います。

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

1冊ですべて身につくWordPress入門講座 [ Mana ]
価格：2,200円（税込、送料無料) (2025/1/20時点)

楽天で購入

ちなみに私はホームページ作成したことありません。HTMLなにそれ？おいしいの？　状態です。

まずはChatGPTに聞いてみた。
私
「ワードプレスでホームページを作成します。
テーマも自作します。
まず、書くべきコードのリストを示してください」

「ワードプレスで自作テーマを作成する場合、最低限必要なファイルとコードのリストは以下のとおりです。
1. テーマの基本ファイル

テーマの基本構成として、以下のファイルを作成します。
必須ファイル

style.css （テーマ情報とスタイル）
index.php （メインテンプレートファイル）
functions.php （テーマの機能を定義）
header.php （ヘッダー部分のテンプレート）
footer.php （フッター部分のテンプレート）
sidebar.php （サイドバーのテンプレート）
single.php （個別記事ページ）

archive.php （アーカイブページテンプレート）
404.php （404エラーページ）
search.php （検索結果ページ）

オプションファイル（必要に応じて）

home.php（トップページ用）

tag.php（タグページ用）
author.php（著者ページ用）
comments.php（コメント表示テンプレート）
screenshot.png（テーマプレビュー画像）」

なるほどわからん(笑）
何もわからないのでですが、コードも書いてもらいました。（長いので省略）

そもそもホームページ作成する環境はあるのか？可能ならローカルで、、、。
これも聞いてみた
ChatGPT
「はい、いきなりサーバー上でテーマ開発を行うのは、エラー発生時の影響やサイトのダウンタイムのリスクがあるため、PC上でローカル環境を構築してテスト動作を行うことをおすすめします。
ローカル環境でワードプレスをテストする方法

以下の方法で、PC上にワードプレス環境を構築し、安全にテーマ開発や動作確認を行えます。
1. ローカル開発環境構築ツールを使う（簡単な方法）

ワードプレスのセットアップを簡単に行えるツールを使用すると、手間が省け、すぐに開発を始められます。
a) Local by Flywheel（おすすめ）

特徴：
ワンクリックでWordPressの（以下略）」

ローカルでやれそうですね。

レンタルサーバーはお金がかかるので（笑）

とりあえず決まったことは
・ローカル環境で試作してみる、できたらサーバーで実施
・ChatGPTにコード書かせて、テーマの自作は可能そう

次回から環境構築してやっていこうと思います。

それではまた！

お気に入りの記事を「いいね！」で応援しよう