2021-06-16

WordPressで画像やスタイルシートなどのパスを通す方法

今回は、「WordPressで画像やスタイルシートなどのパスを通す方法」について紹介したいと思います。

よく使う手法なので、是非参考にしてみてください。

WordPressでは、静的なコーディングファイルをサーバーにアップロードしただけでは、画像やスタイルシートが読み込まれません。

だから、静的なコーディングファイルのパスを通してあげる必要があります。

そんな時に使えるのが、「<?php echo get_stylesheet_directory_uri(); ?>」のテンプレートタグです。

WordPressでは手間がかかりますが、パスを1つ1つ通していく必要があります。

画像パスを通すときは、以下のようにします。

こうすることで、WordPressでも画像がきっちり表示されますよ。

<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/~~>

スタイルシートのパスを通す際には、以下のようにします。

これでスタイルシートが読み込まれるようになります。

<link href="<?php echo get_stylesheet_directory_uri(); ?>/css/style.css" rel="stylesheet">

まとめ

以上が、「WordPressで画像やスタイルシートなどのパスを通す方法」でした。

DOWNLOAD

ブログ用WordPressテーマを無料配布中

実務で使える構成・設計をベースにしたテーマです。
すぐにブログ運用を始めたい方はこちらからダウンロードできます。

Webサイトの集客や導線設計でお悩みではありませんか？

当社では、データ分析（GA4・検索データ）をもとに、
成果につながるWeb制作・改善をご提案しています。

課題の整理からでも大丈夫ですので、まずはお気軽にご相談ください。

Author：

Yujiro

Profile：

大阪のWEB制作会社で働くコーダー。コーディングにハマり、気づいたらWEB制作を仕事にしていました。現在は新規のWEBサイト制作やWordPressカスタマイズしたり、当技術ブログを運営しています。