WordPress

オリジナルテーマ

WordPressのテーマは「themes」ディレクトリの中で管理されている

オリジナルのテーマを作る場合は、この「themes」ディレクトリの中に作る

初期状態では「twentynineteen」「twentytwenty」「twentytwentyone」の3つが用意されています。
同階層にオリジナルのテーマのディレクトリ(フォルダ)を新規作成します。

ディレクトリ
                  
C:\Usersユーザー名\Local Sites\blog\app\public\wp-content\themes\オリジナルのテーマ名
                  
                

オリジナルテーマに必要な基本ファイルの作成

基本ファイル作成
・index.php
・style.css
この2つのファイルを「オリジナルテーマ」のディレクトリの中に作ります。

ディレクトリ
                  
                C:\Usersユーザー名\Local Sites\blog\app\public\wp-content\themes\オリジナルテーマ\index.php
                C:\Usersユーザー名\Local Sites\blog\app\public\wp-content\themes\オリジナルテーマ\style.css
                  
                

style.css

テーマを動かすために「style.css」の中にテーマ名を記述します(必須)

style.css
                  
@charset "UTF-8";
/*
Theme Name: オリジナルテーマ名
*/
                  
                

index.php

オリジナルテーマが正しく表示されるか確認のために「index.php」の中に仮で「Hello World」と記述しておく

index.php
                  
Hello World
                  
                

① WordPressの管理画面で「テーマ」の変更

② [外観]ー[テーマ]で、オリジナルテーマの「有効化」をクリックして設定する

③ 「サイトを表示」クリックして「Hello World」と表示されたらOK!!