【WP】固定ページの画像URLを簡単にしたい(テーマディレクトリに画像を置きたい)

WPを構築していると、画像やcssファイルの置き場所をルートディレクトリかテーマフォルダディレクトリにするか迷うときありませんか?

僕は、ルートディレクトリに入れることが多いのですが、リニューアルを頻繁にかける or 複数のテーマを使う可能性がある場合はテーマディレクトリに一式置いておくこともあります。

なんとなくテーマディレクトリに置きたくない原因はコレ!

固定ページで画像ひっぱってくるのめんどくさい!

コレです。

phpのタグも使えないので、自動で画像を引っ張ってくるなんてこともできず。

構築するときはドメインが仮だったりすることも多いので、絶対パスで書くのも微妙。。そんなシチュエーション多いんですよね。

で、いろいろ調べて、function.phpにちょっと書き足すだけで、ローカルでのhtmlとほぼ同じ記述で画像を表示できたよ!
ものすごく楽ちん♪

function.phpに下記を記述しましょう

function replaceImagePath($arg) {
    $content = str_replace(‘”common/img/’, ‘”‘ . get_bloginfo(‘template_directory’) . ‘/common/img/’, $arg);
    return $content;
}  
add_action(‘the_content’, ‘replaceImagePath’);

上記でOK!

「common/img/」という箇所を適宜自分に合ったものに書き換えてください。

commonフォルダにcssやらjsやら一式まとめて構築する人間なので、common/〇〇という感じで書いてます。

これで、固定ページの画像のアドレスが、

<img src=”http://〇〇.com/wp/wp-content/themes/テーマ名/common/img/hoge01.jpg” alt=””>みたいな感じになります。

function.phpいじるの怖いなーってときは、他の方法で構築しましょう。

※function.php触るときはくれぐれも注意してね!知ってると思うけど。自己責任で♪

無料相談フォーム