＜ホームページ制作について＞wordpressテーマを使うのですが、トップページだけHTMLを使って自分でデザインしたいです。

Question

前提・実現したいこと

wordpressでホームページ制作をします。
wordpressテーマを購入し、構築するのですが、トップページだけHTMLを使って自分でデザインしたいです。

＜こんなイメージです⤵︎＞
トップページ→自分でHTMLを使って作る。
トップページ以外のページ（contact,blog,galleryなど）→テーマのデザインを使う。

発生している問題・エラーメッセージ

トップページに購入テーマのデザインを反映させずに、自分で打ち込んだHTMLコードだけを反映させることができない。

試したこと

HTMLコードを書いた固定ページ作ったのですが、それをフロントページにしても購入テーマのデザイン要素が反映されてしまいました。

補足情報（FW/ツールのバージョンなど）

WordPress 4.9.7

Answer 1

テーマフォルダ内にあるトップページのテンプレート front-page.php (なければ index.php) を編集すれば良いです。子テーマで編集されることを強くオススメします。

Comments

[RyoheiSugahara]

wordpress管理画面にて外観→テーマの編集→編集テーマ選択→front-page.phpを編集してファイルを更新

上記の手順で進めましたが、ページに反映されません。（とりあえず不要なwordpressアカウントで試しに作成したので、子テーマでは編集していません）
wordpress初心者で説明が不十分で申し訳ないですが、ご回答よろしくお願いします。

Answer 2

front-page.php の編集で、トップページの HTML は更新されていますよね？
されていないなら、キャッシュを削除して更新してみてください。

【現在のテーマの CSS を活かす場合】
トップページの body 要素にのみ付く front-page クラスを使えば、トップページのみに反映するスタイルを適用できます。セレクタの優先順位(詳細度)に気を付けてください。
.front-page セレクタ { 適用したいスタイル }

【購入テーマのスタイルを一切反映させたくない場合】
(※良い方法とは思いませんが…)
テーマの style.css は、通常 header.php の wp_head()関数で読み込まれます。
トップページだけ読み込ませないようにします。

functions.php にある
wp_enqueue_style( 'テーマのスラッグ', get_stylesheet_uri() );
を↓に変更。なければ、そこから require されている php ファイルをチェックしてみてください。

if ( ! is_front_page() ) {
    wp_enqueue_style( 'テーマのスラッグ', get_stylesheet_uri() );
}

Comments

[RyoheiSugahara]

完璧な解決策かわかりませんが、一応index.phpを編集したところ反映されました。
もし危ないことをしてるようだったら教えていただけると嬉しいです^^;