WordPressにてaタグなどに対してURLを出力するには、HTMLのように相対パスで指定しては無効なURLとなってしまいます。なので、絶対パスで出力する必要があります。
本記事では、aタグのリンクに対するパスや、imgで指定する画像のパスなどに対してよく使用するURL出力関数を紹介・解説していきます。
- WordPressのURL出力関数の使い方
案件が取れなくて悩んでいるあなたへ
プログラミング案件獲得のために必要なスキルは、単に技術力だけではありません。営業力、コミュニケーション力、人脈などの幅広いスキルや要素が求められてきます。
営業からライティング、SEOまで学べるフリーランス特化型プログラミングスクールZeroPlusで、フリーランスエンジニアに必要なすべてを手に入れませんか？
- またゼロからやり直さないといけないの？
- 本当にフリーランスになれるの？
といった不安にも、超フレンドリーな相談員が親切に相談にのります。スクール以外のご質問もOK！
＼お申し込みは30秒で終わります。／
新しい一歩を、今踏み出してみませんか？
目次
get_template_directory_uri()
有効化しているテーマのディレクトリのURIを取得します。
ただし、末尾にスラッシュ（ / ）は含まれないので、続きを記述する際はスラッシュ（ / ）から記述しましょう。
URIとは？
出力例
コード
<?php echo get_template_directory_uri(); ?>結果
出力結果の通り、有効化にしているテーマがtestというフォルダ名になるので、
使用例 - 任意の画像を読み込む
コード
<img src="<?php echo get_template_directory_uri(); ?>/img/sample.jpg" alt="">imgのパスには絶対パスで指定する必要があるので、特定の画像を出力したい時のパス合わせに使用します。
その他にも、functions.phpでcssファイルを読み込む際などにも使用します。
出力されるHTML
<img src="http://debug.local/wp-content/themes/test/img/sample.jpg" alt="">今回は、関数単体の解説だったので「エスケープ処理」について触れていませんが、実際に使用する際は、エスケープ処理を行う必要があります。詳しくはこちらの記事をご覧ください。
home_url()
現在のサイトのホームURLを取得します。
パラメータにホームURLからの相対パスを指定することができます。
出力例
コード
<?php echo home_url(); ?>結果
使用例 - トップページのURLを指定する
コード
<a href="<?php echo home_url(); ?>">トップ</a>トップページはサイトのトップのURLになるので、パラメータ（引数）に何かを指定する必要はありません。
出力されるHTML
<a href="http://debug.local">トップ</a>
使用例 - 下層ページのURLを指定する
コード
<a href="<?php echo home_url('/service'); ?>">サービス</a>http://debug.local/service にサービスページがある想定でリンクの紐付けをすると、上記のコードのようにパラメータ（引数）に’/service’を指定します。
出力されるHTML
<a href="http://debug.local/service">サービス</a>home_url()もエスケープ処理が必要な関数です。
まとめ
本記事で紹介した関数は、タイトルの通り”よく使用する関数”になるので、書き方や出力結果を押さえておきましょう。
記事中にも挟みましたが、エスケープ処理が必須の関数になるので実際の使い方としては以下の記事の内容のプラスアルファの知識が必要になります。
