静的HTMLサイトをWordpress化したいが、functions.phpに記述したcss読み込みが動作しない

前提・実現したいこと

現在HTML＆CSSを学習中の者で、作った静的HTMLサイトをWordpress化したいと考えています

Wordpress化に際して参考にしたサイト
https://haniwaman.com/static-to-wordpress/

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

functions.phpに記述したcss読み込みが動作しません。

該当のソースコード

functions.php内に記載したコード

<?php function my_scripts() { wp_enqueue_style( 'style-name', get_template_directory_uri() . '/css/style.css', array(), '1.0.0', 'all' ); } add_action( 'wp_enqueue_scripts', 'my_scripts' ); - index.phpに記載したコード </head>の直前に<?php wp_head(); ?> </body>の直前に<?php wp_footer(); ?>

style.cssに記載したコード

/*
Theme Name: template01
*/

試したこと

1, テンプレート用フォルダ（template01）を作成し、以下の5つのファイルを用意

*CSSフォルダ(中にstyle.cssファイル)
*imagesフォルダ
*index.php
*function.php
*style.css

2, functions.php内に上記「functions.php内に記載したコード」を記載

3, index.php内に上記「index.phpに記載したコード」を記載

4, index.phpと同階層のstyle.cssに上記「style.cssに記載したコード」を記載

5, /wp-content/themesディレクトリーにtemplate01フォルダをアップロード

6, WP管理画面「外観」内にtemplate01が表示されたので、有効化

補足情報

やったことは以上です。
参考サイトでは、上記手順でCSSが適用されるとのことなのですが、うまく行きません。
現状はHTMLデータのみが表示されている状況です。

今回の問題は
https://teratail.com/questions/231317
こちらの方と同じ内容だと思われますが
、私はローカル環境ではなく、サーバー（mixhost）にインストールしたWPを利用しています。
それによる記述すべき内容の違いなどあるのでしょうか？
上記質問内にある　<?phpタグに関しては正しく記載していることを確認済みです。

まずはWordpress化の流れを掴みたいということで、

*作っているのはindexページのみ
*未レスポンシブ化
*JSファイルは無い

という状況です。
使用PCはWindows10です。

どなたかアドバイスいただければ幸いです。
よろしくお願いします！