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