YPO industryのデジタルルーム

Profile

YPOindustry

フォローする

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

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

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

前回に続いて作成していきます。

とりあえず、ワードプレスの立ち上げまで終わりました。
次に何をするのかというと、、、

ChatGPT
1. テーマの基本ファイル作成

まず、以下のディレクトリ構造を作成します。

mytheme/ （テーマフォルダ）
│-- style.css

│-- functions.php
│-- header.php
│-- footer.php
│-- sidebar.php
│-- single.php
│-- page.php
│-- archive.php
│-- 404.php
│-- screenshot.png（プレビュー画像）

らしいんでやっていきます。。。
が、一個一個つくるのは面倒なので、、、 batファイル

@echo off
setlocal enabledelayedexpansion

:: デスクトップのtempフォルダにテーマを作成
set "THEME_DIR=%USERPROFILE%\Desktop\temp\mytheme"

:: フォルダ作成

:: 空のファイルを作成
echo. > "%THEME_DIR%\style.css"
echo style.css created successfully!
pause >nul

echo. > "%THEME_DIR%\functions.php"
echo functions.php created successfully!
pause >nul

echo. > "%THEME_DIR%\index.php"
echo index.php created successfully!
pause >nul

echo. > "%THEME_DIR%\header.php"
echo header.php created successfully!
pause >nul

echo. > "%THEME_DIR%\footer.php"
echo footer.php created successfully!
pause >nul

echo. > "%THEME_DIR%\sidebar.php"
echo sidebar.php created successfully!
pause >nul

echo. > "%THEME_DIR%\single.php"
echo single.php created successfully!
pause >nul

echo. > "%THEME_DIR%\page.php"
echo page.php created successfully!
pause >nul

echo. > "%THEME_DIR%\archive.php"
echo archive.php created successfully!
pause >nul

echo. > "%THEME_DIR%\404.php"
echo 404.php created successfully!
pause >nul

echo All theme files have been created successfully in %THEME_DIR%.
pause

endlocal

コードなしでファイルだけ作ってもらいました。

次にそれぞれコードを入力していきます。ChatGPTがね！

内容は長いので、割愛しますが以下のように表示してくれます。