【Wordpress】子テーマにある画像パスを取得するテンプレートタグ
最近ワードプレスを子テーマを作って作成する機会が多いのですが、そのテンプレートタグの書き方がずーーーーーとわからず、ついさっきまでフルパスで書き続けていた管理人です。
ところがつい今しがた、いろいろ調べてようやくその書き方がわかってほっとしたところです。
ずいぶんとテンプレートがすっきりしました
表題の件ですが、結果から言いますと次のような書式で子テーマにあるディレクトリファイルにリンクすることができます。
<?php echo get_stylesheet_directory_uri(); ?>
実際には他にも書き方があるようですが、私はこれで問題ないので以後はこれを使わせていただきます。
例えば子テーマにある画像パスを取得したい場合は下記のように書きます。
(テーマフォルダのルートに「image」という画像フォルダがあった場合を仮定してます)
0 1 2 |
<img src="<?php echo get_stylesheet_directory_uri(); ?>/image/~" alt="" title="" /> |
素人ゆえの悲しさで、上の構文の”echo”抜きのところまではわかっていたのですが、どうやっても画像が表示できず諦めかけていたところでした。
それが「echo」を付けたらあっさり表示されちゃうんですもの。
(割と基本的な話だったんでしょうか)
これとは反対に、子テーマなんか使ってないよという人は下記のような書き方になります。
<?php bloginfo('template_directory'); ?>
上記の書き方は非推奨になってました。
最新の書き方はこちら↓。
<?php echo get_template_directory_uri(); ?>
0 1 2 |
<img src="<?php echo get_template_directory_uri(); ?>/image/~" alt="" /> |
ちなみにサイトアドレス(URL)は<?php bloginfo('url'); ?>ではなく<?php echo home_url(); ?>を使います。
0 1 2 |
<img src="<<?php echo home_url(); ?>/wp-content/themes/(※テーマ名)/image/~" alt="" /> |
以上です。
記事はお役にたてましたか?
記事に興味をもっていただけたらソーシャルボタンでの共有お願いします^^
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓