style.css を Wordpress で読み込むと index.php のコンテンツが表示されなくなる

Question

前提・実現したいこと

Wordpress初心者です。
現在Wordpressで自作テーマを作成しています。
HTMLやCSSでコーディングをしたPortfolioをWordpress化しています。
テンプレートファイルを作り階層分けを行っている際に以下の問題が発生しました。

発生している問題

・header.php と footer.php のコンテンツは表示されるが index.php のコンテンツが表示されない。

<?php get_header(); ?> <?php get_footer(); ?> 関数を使用してファイルの分割までは出来たのですが

style.css を Wordpress で読み込むと index.php のコンテンツが表示されなくなりbackgroundが灰色になります。

該当のソースコード

function.php による sytle.css の読み込み

function my_script_init()
{
wp_enqueue_style('fontawesome', 'https://use.fontawesome.com/releases/v5.8.2/css/all.css', array(), '5.8.2', 'all');
wp_enqueue_style('my', get_template_directory_uri() . '/css/style.css', array(), '1.0.0', 'all');
wp_enqueue_script('my', get_template_directory_uri() . '/js/script.js', array( 'jquery' ), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_script_init');

試したこと

Wordpressでの style.css の読み込みで何らかのエラーが発生していると思うので
Wordpress関数などコードの記述内容が間違っていないか確認したのですが特に問題がなく
style.css はきちんと読み込まれていました。

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

wordpress化を行う前の画像

Wordpress化を中の画像
![

Answer 1

１つのHTMLファイルで作られたWebページをヘッダーやフッターなどに分割する作業では、必要なHTMLタグが足りていない（閉じタグがない等、見落としてしまう）などがよく発生しがちです。

WordPress化する前と後で、ブラウザに表示されるHTMLコードを比較してみてください。

もし抜けているHTMLタグがあれば、どこに記述すべきかを考慮する必要があります。
私は、開始タグと閉じタグが別ファイルにまたがないよう心がけています。

Comments

[choco3270]

XNXSXMXRさん回答ありがとうございます。

おっしゃる通り閉じタグの抜けがあり修正したところきちんと表示されました！
ありがとうございます！

Answer 2

閉じタグの記述が抜けていた