smbutton-blue_no_shadow

WordPressで挿入する画像のsrcを相対リンクにする

WordPressで記事の中に画像を挿入するとき、通常ではhttp://www.example.com/wp-content/uploads/~ などといったように、ドメインを含んだアドレスがimgタグのsrcとして埋め込まれてしまいます。

例えば、ローカル環境や構築環境で作ったサイトを、本番用のドメインで公開する場合、このドメイン部分をいちいち置換しなくてはなりません。

MySQLが分かる方であれば、一括置換すれば済む話ではありますが、データベースってなんじゃらほいという方はどうすればいいのか困りますよね。そこで、挿入される画像のsrcにドメイン部分が入らないようにする方法を紹介します。

利用しているテーマのfunctions.phpに下記コードを追加するだけ。

CODE 1


function delete_host_from_attachment_url( $url ) {
	$regex = '/^http(s)?:\/\/[^\/\s]+(.*)$/';
	if ( preg_match( $regex, $url, $m ) ) {
		$url = $m[2];
	}
	return $url;
}
add_filter( 'wp_get_attachment_url', 'delete_host_from_attachment_url' );

追加すると、ファイルのリンクURLから、ドメイン部分が消えています。

この記事は、jim912によって書かれたものです。
引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/20/へのリンクを必ず行って下さい。

この画像のソースも

<img src="/wp-content/uploads/2010/11/linkurl.png" alt="" title="linkurl" width="624" height="82" class="alignnone size-full wp-image-41" />

この通り。

ちなみに画像の投稿URLにドメインを入れないようにするには、CODE 1に加えて、下記1行をfunctions.phpに追加すればよいです。

CODE 2


add_filter( 'attachment_link', 'delete_host_from_attachment_url' );
カテゴリー: WordPressの小技   タグ: ,   この投稿のパーマリンク

WordPressで挿入する画像のsrcを相対リンクにする への27件のコメント

  1. ピンバック: WordPressのファイル挿入URLを相対パスにする方法 – 雑が喰おう

  2. sugawa より:

    地味に便利ね! / WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://htn.to/kKvTqQ

  3. index_html より:

    地味に便利ね!

  4. wphpnews より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://bit.ly/gBqsP3

  5. dj_silkworm より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://htn.to/vj2Zrq

  6. html_coderoid より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors: WordPressで記事の中に画像を挿入するとき、通常ではhttp://www.example.com/wp-content/up… http://bit.ly/eWqnfH

  7. gazorian より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://bit.ly/eWqnfH

  8. wordpress_bot より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://bit.ly/eWqnfH

  9. hiroshintcs より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://dlvr.it/NKhQk

  10. yotasurf2 より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://dlvr.it/NKjMx

  11. news01_feed より:

    [はてブ:IT] WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors http://dlvr.it/NKn4s

  12. codingheler より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors: WordPressで記事の中に画像を挿入するとき、通常ではhttp://www.example.com/wp-content/up… http://bit.ly/hk4VcW

  13. mumincacao より:

    function の中身ってこれでいいんじゃ・・・ 【return preg_replace('|^https?://[^/]+|',''$url);】ヾ(・x【みかん http://bit.ly/eaa2Vu

  14. mumincacao より:

    function の中身ってこれでいいんじゃ・・・ 【return preg_replace('|^https?://[^/]+|',''$url);】ヾ(・x【みかん

  15. zerochacool より:

    ローカル環境や構築環境で作ったサイトを、本番用のドメインで公開する場合、このドメイン部分をいちいち置換しなくてはなりません。挿入される画像のsrcにドメイン部分が入らないようにする方法を紹介します。

  16. ピンバック: MORIHASHI AKIRA » WordPressのファイル挿入URLを相対パスにする方法

  17. rimne1190 より:

    WordPressで挿入する画像のsrcを相対リンクにする http://t.co/cS85LHdI

  18. sarachina より:

    @imura_design ありがとうございます。早速スライドの内容をチェックし、実験サイトでテストしてみます。画像のリンク切れは、http://t.co/9OT8ysq0で……と思っていました。明かりが見えてきた感じです。

  19. stocker_jp より:

    “WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors” http://t.co/gjEoQM3Q

  20. t_takuro より:

    WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors | 方法 http://t.co/JPYGZRGs

  21. mamigaku より:

    “WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors” http://t.co/gjEoQM3Q

  22. hr07jp より:

    WordPressで挿入する画像のsrcを相対リンクにする

  23. infoeproduction より:

    “WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors” http://t.co/gjEoQM3Q

  24. flow_t より:

    WordPressで挿入する画像のsrcを相対リンクにする http://t.co/xVX31H2r

  25. infoeproduction より:

    WordPressで挿入する画像のsrcを相対リンクにする http://t.co/xVX31H2r

  26. wild_bunch_55 より:

    [*wordpress][*tips] / “WordPressで挿入する画像のsrcを相対リンクにする | Simple Colors” http://t.co/hkFmPf5z

コメントを残す

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

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>