WordPressのテーマフォルダ内の画像を固定ページや投稿記事内に呼び出すときは、httpsから始まるフルパスで指定するのが定番ですが、どうしてもパスが長くなってしまって不便です。
functions.phpを編集して、この画像パスを短くする方法を見つけましたので紹介します。
このページのもくじ
テーマフォルダ内の画像を呼び出すパス
phpが使える場合
<img src="<?php bloginfo('template_directory'); ?>/images/image.png">
固定ページや投稿記事のHTMLで呼び出す場合
<img src="/wordpress/wp-content/themes/testthemes/images/image.png">
画像パスを短くする方法
functions.phpを編集します。
function imagepassshort($arg) {
$content = str_replace('"images/', '"' . get_bloginfo('template_directory') . '/images/', $arg);
return $content;
}
add_action('the_content', 'imagepassshort');
そうすると、HTMLで呼び出すパスは下記のような記述でOK！
<img src=" images/image.png">
まとめ
実際にサイトで試してみました。記事内の画像リンクパスがスッキリ短くなって楽ちん！ HTMLで作ったレイアウトコードがそのまま使えるようになるので、作業効率がグンとアップしました。
引用サイト：https://takayakondo.com/images-pass-theme-directory/