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/テーマ名/
⇒⇒
画像が表示されるに修正する
↓
テンプレートタグに変更
↓
↓
出力された文字列
↓
⇒⇒
ヘッダーを共通化する
「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'); ?>
⇒⇒