【WordPress】テーマフォルダの画像を呼び出すときの画像パスを短くする方法
  • 【WordPress】テーマフォルダの画像を呼び出すときの画像パスを短くする方法
  • 記事公開:2015/02/20
  • 最終更新:2015/11/15

【WordPress】テーマフォルダの画像を呼び出すときの画像パスを短くする方法

WordPressのテーマファイルに設置した画像を投稿や固定ページ内に掲載しようとすると、どうしても画像パスが長くなってしまいます。今回はfunctions.phpを編集して画像パスを短くする方法をご紹介します。

この記事は約 4 分で読めます。

更新が面倒なHTMLサイトお持ちではありませんか?

ADhttp://wordpress-supporters.com/wordpress-ka/

そのサイト、Wordpressを導入して更新しやすくしちゃいましょう!
Wordpress請負人なら、既存サイトでもWordpress化することが可能です。
見積もり無料、実績100件以上、サポート充実、再現性バツグン。

テーマフォルダの画像を短いパスで表示させよう。

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">

この様に短いパスで画像を表示させることができるようになります。

まとめ

テーマフォルダの画像を呼び出すときの画像パスを短くする方法をご紹介しました。

投稿や固定ページで表示させる画像は、基本的にメディアで管理していると思います。
ただ、テーマフォルダの画像を表示させる機会があるかもしれません。

そんな時は、このコンテンツを参考にしてください。

更新が面倒なHTMLサイトお持ちではありませんか?

ADhttp://wordpress-supporters.com/wordpress-ka/

そのサイト、Wordpressを導入して更新しやすくしちゃいましょう!
Wordpress請負人なら、既存サイトでもWordpress化することが可能です。
見積もり無料、実績100件以上、サポート充実、再現性バツグン。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2015-03-02

    WordPress管理画面が真っ白になったらデバックモードでエラーを確認しよう。

    WordPressの編集ミスなどで管理画面が真っ白になった経験がある人は多いと思います。今回は、そんな時にデバックモードに切り替えて真っ白になった原因を突き止める方法をご紹介します。 記事を読む

  • 2015-09-18

    簡単だった!WordPressサイトの画像に自動的に付与されるclass等のタグを削除してみた。

    WordPressサイトの投稿に記事を挿入すると、自動的にclassやtitleなどのタグが付与されます。場合によってはこのタグは邪魔になる事ってありませんか?これらのタグを付与させないカスタマイズのご紹介です。コピペだけで実装可能です! 記事を読む

  • 2015-12-17

    WordPressで投稿のカテゴリー情報を取得して表示するコード

    投稿のカテゴリー情報を取得して表示するコードをご紹介します。特定の投稿でそのカテゴリー情報を取得して表示したり使いたい方は参考にしてください。3分後には自由にカテゴリー情報を取得できる様になっています。 記事を読む

  • 2017-05-15

    wordpressの固定ページでテンプレートを使用するとパスワード保護が無効になる件

    wordpressの固定ページでテンプレートを使用するとパスワード保護が無効になる!と最近知りました。解決方法を探したのですが、なかなか見つかりませんでしたので、備忘録もかねて書き残しておきます。参考にしてください。 記事を読む

  • 2017-07-19

    WordPressで記事URLから記事タイトルを取得する方法

    WordPressで記事URLから記事タイトルを取得する方法をご紹介します。記事URLから記事タイトルが取得できないで困っている方は必見です。たった1行のコピペでお悩みを解決します。 記事を読む

コメントを残す


(必須)