WordPress PR

テーマ内にある画像を短いパスで表示する方法【WP】

記事内に商品プロモーションを含む場合があります

コーポレートサイトなどを作る際に、固定ページソースをベタ張りすることがああります。
その際にテーマ内の画像を使用する場合、リンクのパス(URL)が長くなってしまいます。
そこで今回はパスを短く管理する方法を紹介します。

テーマ内にある画像を短いパスで表示する方法

固定ページでは、基本的にPHPやWordPressのテンプレートタグは使用することができません。
そこでfunction.phpを編集し、短いパスで画像を表示できるようにしていきます。

何もしていないときのパスの書き方

<img src="http://〇〇/wordpress/wp-content/themes/使用しているテーマ/img/○○.jpg">

※ディレクトリ構成によって変わります。

 

 

function.phpを編集

それでは実際にfunction.phpを編集します。
下記コードをfunction.phpの最後に追記してください。

function img_replace_filter($content){
$content = str_replace('"img/', '"' . get_bloginfo('template_directory') . '/img/', $content);
return $content;
}
add_filter('the_content','img_replace_filter');

これだけで短いパスで表示することが可能です。
「img」から始まるときは、それ以降のパスを書くだけでリンクされるようになっています。

function.php編集後の画像パス

では実際に画像のパスを書いてみます。

<img src="img/○○.jpg">

以上!
短く、わかりやすく画像パスを書くことができます。
楽ちんだぜー!

ABOUT ME
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)