2026年6月2日

2026年6月2日

WordPressのフルサイト編集でアーカイブテンプレートを作成する方法

はじめに

「フルサイト編集でアーカイブテンプレートを作成する方法」というトラブルに悩んでいる方は多くいます。本記事では原因の特定から解決まで、図解付きでわかりやすく解説します。

症状・原因

フルサイト編集でアーカイブテンプレートを作成する方法が起きる主な原因は以下の通りです。

  • テーマのPHPコードの文法エラーや関数の非互換
  • CSSの競合または優先度の問題
  • 子テーマの設定ミス
  • テーマのキャッシュが古いまま残っている

解決手順

ステップ1:子テーマを作成して安全にカスタマイズする

wp-content/themes/child-theme/ フォルダを作成し、以下の style.cssfunctions.php を配置します。

/*
Theme Name: My Child Theme
Template: twentytwentyfour
*/
<?php
add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style( 'parent-style',
        get_template_directory_uri() . '/style.css' );
});

ステップ2:ブラウザキャッシュとCSSキャッシュを削除する

キャッシュプラグイン(W3 Total Cache, WP Rocket等)のキャッシュを削除します。また、ブラウザで Ctrl+Shift+R(Mac: Cmd+Shift+R)を押して強制リロードします。

ステップ3:CSSをカスタマイズする正しい方法

テーマエディターやカスタマイザーの「追加CSS」欄に入力します。

/* テーマのデザイン調整例 */
.site-header {
    background-color: #1d2327;
    padding: 20px 0;
}
.site-title a {
    color: #ffffff;
    font-size: 24px;
}

ステップ4:テーマのPHPエラーをデバッグする

wp-config.php でデバッグモードを有効化します。

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_DISPLAY', true );

エラーが表示されたら、行番号をもとに functions.php または対象テンプレートファイルを修正します。

注意事項

テーマを直接編集するのではなく、必ず子テーマを作成してカスタマイズしてください。テーマの更新で変更が上書きされることを防げます。カスタマイザーの変更は公開前にプレビューで確認してください。

まとめ

WordPressのフルサイト編集でアーカイブテンプレートを作成する方法の解決手順を振り返ります。

1. 子テーマを作成して安全にカスタマイズする

2. ブラウザキャッシュとCSSキャッシュを削除する

3. CSSをカスタマイズする正しい方法

4. テーマのPHPエラーをデバッグする

手順通りに行えば多くのケースで解決できます。解決しない場合はホスティング会社のサポートやWordPress公式フォーラムにご相談ください。

お気軽にご相談ください

お見積りへ お問い合わせへ