パス等のエスケープ処理

WordPress

テーマ(テンプレート)で記述する際のパス等のエスケープ処理したコード

ホームリンク

PHP
<?php echo esc_url(home_url( '/' )); ?>

固定ページ(スラッグ)

PHP
<?php echo esc_url(home_url( '/news/' )); ?>

「news」というスラッグの固定ページのパス

画像パス

PHP
<?php echo esc_url( get_template_directory_uri() . '/images/xxx.jpg' ); ?>

※テーマフォルダ内に「images」というフォルダがある場合

CSS読み込み(追加CSS等)

PHP
<link href="<?php echo esc_url( get_template_directory_uri() . '/css/common.css' ); ?>" rel="stylesheet">

※テーマフォルダ内に「css」というフォルダがある場合

JS読み込み

PHP
<script src="<?php echo esc_url( get_template_directory_uri() . '/js/zzz.js' ); ?>"></script>

※テーマフォルダ内に「js」というフォルダがある場合