WordPressのテーマフォルダにある画像をテーマファイルで表示させるスマートな方法
  • WordPressのテーマフォルダにある画像をテーマファイルで表示させるスマートな方法
  • 記事公開:2015/09/09
  • 最終更新:2015/09/11

WordPressのテーマフォルダにある画像をテーマファイルで表示させるスマートな方法

テーマフォルダの画像をテーマファイル内でスマートに表示させよう! WordPressのオリジナルテーマを作成し ...

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

Wordpressのカスタマイズなら全てお任せ!

http://takayakondo.com/

WordpressのカスタマイズならWordpressカスタマイザーにお任せください!
毎月5件の限定受注。お見積もりはいつでも無料です。

テーマフォルダの画像をテーマファイル内でスマートに表示させよう!

WordPressのオリジナルテーマを作成していると、テーマフォルダの中にある画像をテーマファイル内で表示させたいことが多々あります。

この時、初心者の方はCSSの背景などに指定する様に相対パスを記述することがありますが、テーマファイル内では相対パスで画像を表示させることはできません。

<img src="http://takayakondo.com/wp-content/themes/official/images/○○.png">

上記の様な記述ですね。CSSであれば、この相対パスで背景を敷くなどできるのですが、テーマファイルでは画像を表示できません。

相対パスがダメだからと言って、いちいち絶対パスで書くのも面倒です。
そんな時は、以下の様に記述することで、画像を表示させることができます。

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/○○.png">

どこが変ったか分かりますか?
相対パスの直前に以下のコードが追加されました。

<?php bloginfo('stylesheet_directory'); ?>/

このコードは、テーマフォルダのある場所までのURLを出力してくれます。
なので、このコードを追加すれば、絶対パスでなくてもテーマフォルダの画像を表示させることができるんです!

テーマフォルダの画像をテーマファイル内で表示させたい場合は、今回の方法を利用するとスムーズに作業できそうです。試してみてください。

まとめ

WordPressのテーマフォルダにある画像をテーマファイルで表示させる方法をご紹介しました。

相対パスでは表示できず、絶対パスで書くのは面倒くさい・・・、
そこで<?php bloginfo(‘stylesheet_directory’); ?>を使おうというお話でした。

テーマをカスタマイズする時には必要になると思いますので、参考にしてください。

シェアしていただきありがとうございます。

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

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

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

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

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

詳細を確認する

著者:とあるWEBディレクター

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

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

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

  • 【WordPress】ユーザーの総数を表示する方法

    WordPressで管理しているユーザーの総数を表示する方法をご紹介します。複数の人間で運営している場合などで、何人で運営しているかを表示したいときなどに使えるカスタマイズです。参考にしてください。 記事を読む

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

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

  • WordPressの投稿と基本的な投稿手順

    WordPressの基本的な操作で最も重要なのは【投稿】です。このページでは基本的な投稿手順をご紹介いたします。この部分をマスターしてしまえば、とりあえずWordPressで記事を公開することができるようになります。この機会にマスターしてしまいましょう。 記事を読む

  • WordPressのカテゴリー一覧で投稿数がゼロのカテゴリーも表示する方法

    WordPressサイトのカテゴリー一覧をwp_list_categoriesで表示させると、投稿数がゼロのカテゴリーが表示されません。今回は投稿数がゼロでもカテゴリーを表示させる方法をご紹介します。 記事を読む

  • どこでも簡単!WordPressのカスタム投稿タイプを有効にする方法

    WordPressをカスタマイズする時、多くの方が【カスタム投稿タイプ】という便利な機能に目を付けます。カスタム投稿タイプは非常に簡単に利用できるのですが、初めての方は少し手間取るかもしれません。このページでは、カスタム投稿タイプを簡単に実装する方法を解説しています。 記事を読む

コメントを残す


(必須)

*

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