更新日:2019年07月16日WordPressオリジナルテーマ作成WordPressでサイトを構築する際の注意WordPressはテンプレートファイルを使って各ページを生成します。テンプレートファイルがどんなURLで使用されるかわからない為、テンプレートファイル内で画像やCSSなど外部ファイルを読み込む際は絶対パスで指定します。会社案内総合ページ:https://jobtech.jp/company/会社案内事業ページ:https://jobtech.jp/company/it/関数を使って絶対パスを取得WordPressサイトの作成時はテスト環境で作成した後、本番環境へ移行することが多いため絶対パスが環境によって変わってしまいます。絶対パスの「http://localhost/」や「https://jobtech.jp/」部分は直書きせず、関数を使って取得します。alt="ロゴ">CSSファイル内は相対パスでOKテーマ内のCSSファイルは常に同じ位置にあるため、CSSファイルからテーマフォルダ内の画像等(外部ファイル)を読み込む場合は相対パスで構いません。100%;}外部ファイルのURLを絶対パスに修正よく使う処理はWordPress関数としてあらかじめ用意してあります。ファイルパスに関する記述はWordPress関数を使うことでテスト環境から本番環境へ移行しやすくなります。サーバ名「http://localhost/」を直に記述しないようにしましょう。外部ファイルのURLを絶対パスに変換する主な関数は以下です。テーマCSS読み込みget_stylesheet_uri()テーマフォルダ内「style.css」までのURLを返します。「echo」で出力することを忘れずに!headタグ内でテーマフォルダ内の「style.css」を読み込みます。?>">外部ファイル読み込みを絶対パスに変更get_stylesheet_directory_uri()現在使用しているテーマフォルダまでのURLを返します。class="item-text">HTMLの基本構想と記述ルールについてまとめています。class="item-text">HTMLの基本構想と記述ルールについてまとめています。class="item-text">HTMLの基本構想と記述ルールについてまとめています。ウェブに特化したデザイナーです。SEOを踏まえた正しい文法でコーディングします。お客様にはショップオーナー様、企業のホームページ担当者様、また制作会社様など様々です。ウェブサイトに関することはお気軽にご相談ください。--></body></html>このページで出てくる関数テンプレートに直に記述していた内容を関数で取得・表示しています。ファイルパス部分が関数に置き換わっていることを確認しましょう。WordPress関数は「公式サイトのドキュメント」で確認しましょう。以下URLにアクセスすると以下の表示になります。