テーマフォルダの画像を短いパスで表示させよう。
WordPressのテーマで画像を使うとき、テーマフォルダにアップした画像を表示させるときは、以下のようにWordPressタグを利用した記述をすると思います。
<img src="<?php bloginfo('template_directory'); ?>/images/image.png">一方、テーマフォルダ内にアップした画像を、投稿や固定ページで表示させる場合は、WordPressタグを利用することができませんので、以下の様に長い画像パスを記述しなければいけません。
<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');【images】の部分は、画像が保存されているフォルダ名に変更してください。
str_replace('" images/上記の【images】の前に半角スペースがありますが、このスペースは削除してください。
削除しないと正常に動作しません。
functions.phpに上記のコードを記述しておけば、
<img src="/wordpress/wp-content/themes/testthemes/images/image.png">この様な長いパスを書く必要が無くなり、
<img src=" images/image.png">この様に短いパスで画像を表示させることができるようになります。
まとめ
テーマフォルダの画像を呼び出すときの画像パスを短くする方法をご紹介しました。
投稿や固定ページで表示させる画像は、基本的にメディアで管理していると思います。
ただ、テーマフォルダの画像を表示させる機会があるかもしれません。
そんな時は、このコンテンツを参考にしてください。
WordPressエディタ上での段落分けと改行を理解しよう。
【WordPress】アイキャッチを設定する部分に説明文を表示する方法
コメントを残す