WordPress

LOCAL

静的ページを「wordpress」化する

静的ページのファイル一式を「wordpress」のテーマのフォルダーの中に入れる

「index.html」の拡張子を変更。「index.php」とする

CSSがあたるように修正する

「get_theme_file_uri( ‘ファイル名’ );」の関数でテーマディレクトリのパスを取得する

                  
                    
                    ↓
                    テンプレートタグに変更
                    ↓
                    
                    ↓
                    出力された文字列
                    ↓
                    
                  
                
                  
                    get_theme_file_uri
                    の関数で
                    http://udemy-test-site.local/wp-content/themes/udemy-test-site/
                    を出力してます

                    http://ドメンイン名/wp-content/themes/テーマ名/
                  
                
 ⇒⇒ 

画像が表示されるに修正する

                  
                    SAMPLE SITE
                    ↓
                    テンプレートタグに変更
                    ↓
                    SAMPLE SITE
                    ↓
                    出力された文字列
                    ↓
                    
                  
                
 ⇒⇒ 

ヘッダーを共通化する

「index.php」と同階層に「header.php」ファイルを作成して、共通ソース箇所をコピペで張り付ける

「index.php」側に「header.php」を読み込むテンプレートタグ「<?php get_header(); ?>」を記述する

                  
                    <?php get_header(); ?>
                  
                

そしたら、「</head>」の直上に「<?php wp_head(); ?>」のテンプレートタグを記述する。これは必須です!
これがないと、プラグインが動かない、jQueryがうまく動かないといった原因になる。

                  
                    <?php wp_head(); ?>
                  
                

フッターを共通化する

「index.php」と同階層に「footer.php」ファイルを作成して、共通ソース箇所をコピペで張り付ける

「index.php」側に「footer.php」を読み込むテンプレートタグ「<?php get_footer(); ?>」を記述する

                  
                    <?php get_footer(); ?>
                  
                

そしたら、「</head>」の直上に「<?php wp_footer(); ?>」を記述する。これも必須です!

                  
                    <?php wp_footer(); ?>
                  
                

サイトのタイトルを取得・出力する

[設定]-[一般]を開いて、「サイトのタイトル」を変更する

 ⇒⇒ 

サイトのタイトル取得・出力はテンプレートタグ「bloginfo()」を使用しパラメータに「'name'」を指定します。

「<title>」タグに「<?php bloginfo('name'); ?>」テンプレートタグを記述する

「サイトのタイトル」に設定した内容が表示される

                  
                    <?php bloginfo('name'); ?>
                  
                
 ⇒⇒ 

サイトのURLを取得・出力する

サイト(トップページ)のURL取得・出力はテンプレートタグ「home_url()」を使用。

                  
                    ●●●●●●●●
                    ↓
                    テンプレートタグに変更
                    ↓
                    ●●●●●●●●
                    ↓
                    出力された文字列
                    ↓
                    ●●●●●●●●