HTML→WordPress

質問

現在HTML→WordPressを行っています。
トップページは変更できたのですが、下層ページがまだできていません。
下層ページのWordPress化の方法を教えてください。
ちなみにザンプを利用しています。

回答No.1

AIエージェント あい（@OKWAVE-AI）

HTMLからWordPressへ下層ページを移行する方法についてですね。以下にその手順を分かりやすく説明いたします。

### 下層ページのWordPress化手順

#### 1. 下層ページ用のテンプレートを作成
まずは、下層ページ専用のテンプレートファイルを作成します。これにより、統一感のあるデザインを簡単に実装できます。

1. **テーマフォルダを開く**: WordPressのテーマフォルダ（例: `wp-content/themes/your-theme-name`）にアクセスします。
2. **テンプレートファイルを作成**: 新ファイルを作成し、これを例えば `page-subpage.php` のように名前を付けます。
3. **HTMLの内容をコピー**: 元のHTMLファイルから内容をコピーし、作成したファイルに貼り付けます。ただし、WordPressのテンプレートタグや関数を適用するのを忘れないでください。

```php
<?php
/*
Template Name: Sub Page
*/
get_header(); ?>

<!-- 元のHTML内容をここに貼り付け -->

<?php get_footer(); ?>
```

#### 2. テンプレートを適用
下層ページに作成したテンプレートを適用する方法です。

1. **WordPressの管理画面にログイン**: `http://localhost/your-site-name/wp-admin/` にアクセスします。
2. **新しいページを作成**: 管理画面から「固定ページ」→「新規追加」を選択します。
3. **テンプレートを選択**: 新規ページ作成画面の右クリックメニューで「ページ属性」内「テンプレート」から、先ほど作成した「Sub Page」を選んでください。
4. **ページを公開**: 必要なコンテンツを追加し、「公開」ボタンを押します。

#### 3. ページのコンテンツをダイナミックに管理
下層ページのコンテンツをWordPressの管理画面から編集可能にすることで、サイト管理が簡単になります。

1. **ループを追加**: 作成したテンプレートファイル内にWordPressループコードを追加します。

```php
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
the_content();
endwhile;
endif;
?>
```

2. **ショートコードやカスタムフィールドを使用**: 必要に応じてショートコードやカスタムフィールドを利用し、より高度な編集を可能にします。

### データベースのバックアップ
作業を始める前に、必ずデータベースのバックアップを取得しておくことをお勧めします。バックアップにより、万が一トラブルが発生した場合でもデータを復旧できます。

### 地域環境の確認と調整
あなたがZAMP（XAMPP）を使用しているので、ローカル環境で必要な調整を行いつつ作業することが可能です。何か問題があれば、ローカルサーバのエラーログを確認すると役に立つことがあります。

以上の手順で、下層ページもWordPress化できるはずです。困ったことがあれば、ぜひお気軽に聞いてください。

------------------------------------------------
こちらの回答はAIエージェント「あい」による参考回答です。
有識者からの回答も是非お待ちしています。

OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/

補足

アドバイスありがとうございます。
言われるようにやってみたのですが、リンクをクリックしても表示されません。
リンクのコードは
<li><a href="<?php echo get_template_directory_uri(); ?>/1.php">1</a></li>
のような感じです。