Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

wordpress

wordpressの画像のurlを取得する方法

投稿日:

Pocket

うも、チャーさんです。

あなたはwordpressの画像のurlを取得する方法を、

探していますか?

 

この記事では、wordpressの画像のurlを取得し、

表示する方法を書いています。

 

なので、あなたがこの記事を読めば、

wordpressの画像のurlを取得し、

表示させる、ということができるようになります。

 

 

ということで、wordpressの画像のurlを取得する方法を、

探してるならこのまま下にスクロールして、

読んでみてください。

 

スポンサードサーチ

wordpressの画像のurlを取得するにはこれ

 

ということで結論からです。

 

wordpressの画像のurlを取得するには、

get_template_directory_uri()という、

ワードプレスの組み込み関数を使えばできます。

 

というのもこの関数は、

テーマまでのパスを取得してくれます。

 

 

例えば、https://から始まり、

ドメイン名/woredpressのフォルダ/wp-content/themes/テンプレートフォルダ名

というようにパスを取得してくれます。

 

なので、テンプレートフォルダに、例えば、

imagesなどのフォルダを作り、

そこに画像ファイルを入れておけば、

 

get_template_directory_uri()を使い、

あとは、images/画像ファイル名

と書くだけで画像を表示することができます。

 

 

画像ファイルまでのパスは長いので、

全部書いてたら結構めんどいです。

 

ところがこの関数を使えば、

そこまでのパスは取得してくれますので、

あとはechoすればok。

 

wordpressの画像のurlを取得し画像を表示する方法

 

ちなみにこの関数を使って、

テーマまでのパスを取得して、

画像を表示する場合は以下のように書けばokです。

 

<img src=”<?php echo get_template_directory_uri();?>/images/画像ファイル名”>

 

 

このように書いておけば、

 

テンプレートまでのパスが表示されて、

テンプレートフォルダ内に入れておいた、

画像ファイルを表示可能になります。

 

スポンサードサーチ

パスを取得するメリット

 

ところで、わざわざこのような書き方を

しなくても、画像は表示できるわけですが、

一応これを使うメリットを書いときます。

 

このようにテーマまでのパスを取得してくれる

関数で画像表示しとけば、

サーバーが変わったりドメインが変わっても、

 

いちいちソースコードの画像のパスの記述を

書き直さなくてすむという利点があります。

 

 

例えば、<img src=”https://…. “>

と手打ちで書いてたら、https://以下が、

サイト移転などでurlが変わった時書き換えが必要になります。

 

ちなみにこれは手間です。

 

 

ですが、get_template_directory_uri()を使っておけば、

urlが変わろうが、変わったurlを動的に作ってくれるため、

手打ちの時のように書き直す手間が省けます。

 

これは、サイトを運営する上で便利です。

 

ということで余談でしたが、

保守しやすくなるという話でした。

 

 

スポンサードサーチ

まとめ

 

それではまとめに入ります。

 

wordpressの画像のurlを取得するには、

get_template_directory_uri()を使うと、

可能です。

 

 

ということで、早速あなたの方でも、

この関数を使って、パスを取得してみましょう。

 

やればあなたのwordpressのカスタマイズ力が

アップしますよ。

 

 

で、まずwordpressのテンプレートフォルダ内に、

画像ファイルが入ってることを確認しましょう。

(テンプレートフォルダはftpを見れば確認しやすいです)

 

で、次にソースコード上で画像を表示したい部分に、

<img src=”<?php echo get_template_directory_uri();?>/images/画像ファイル名”>

と書きましょう。

 

(imagesフォルダなど画像フォルダを作ってない場合は、

imagesを抜かして、そのまま画像ファイル名を記入。

<img src=”<?php echo get_template_directory_uri();?>/画像ファイル名”>

のように)

 

 

そして、ソースコードを保存して、

サーバーにあげたら、(ローカルでやってるならファイル保存でok)

ブラウザ再読み込みして確認しましょう。

 

それでちゃんと画像が表示されてたらokです。

 

(ちなみに.今回紹介してる関数は、.phpのファイルじゃないと、

使えないので注意です)

 

 

ということで、ちょっと難しい系だったかもしれませんが、

wordpressの画像のurlを取得する方法についての記事でした。

 

それでは、読んでもらってありがとうございました。

 

チャーさん

-wordpress

スポンサードサーチ

関連記事

no image

wordpressのショートコードの作成方法と使い方

どうも、チャーさんです。 あなたはショートコード(wordpressの)ってなんだ? と思ってませんか?   この記事では、wordpressの ショートコードとは何か、そして ショートコー …

no image

wordpressの固定ページにのみif文を使って処理を行う方法

どうも、チャーさんです。 あなたはwordpressで固定ページにのみ、 if文を使って処理をする方法を探してますか?   この記事では、wordpressの固定ページにのみ、 if文を使っ …

no image

ファビコンをワードプレスに設定する方法「手順つき」

  どうも、チャーさんです。   あなたはファビコンをワードプレスに、 設定し表示させたいですか?   この記事では、ファビコンをワードプレスに、 設定させる方法を紹介し …

no image

ドロップダウンメニューが動かない問題を解決した方法「wordpress」

  どうも、チャーさんです。   あなたはwordpressのドロップダウンメニューが、 動かないと悩んでいませんか?   この記事では、ドロップダウンメニューが、 ある …

no image

wordpressにメニューを追加する方法「解説画像つき」

どうも、チャーさんです。 あなたはwordpressのメニューを追加する 方法を探していますか?   この記事ではwordpressのメニューを追加する 方法を書いてますので、あなたがこの記 …

no image

ワードプレスの管理バーを非表示にする手順

どうも、チャーさんです。   あなたは、ワードプレスの管理バーを、 非表示にする方法を探していませんか?   ワードプレスの上の黒いバー(管理バー)が、 重なって困る。。と思ってい …

no image

wordpressのテーマのcssを編集する方法。3分でマスターできます。

どうも、チャーさんです。 あなたはwordpressのテーマのcssを編集したいですか?   この記事では、あなたの好きなように、 wordpressのcssを編集する方法を説明してます。 …

no image

wordpressで右クリックを禁止する方法「簡単です」

どうも、チャーさんです。   あなたはブログ上での、 右クリックを禁止したいと 思っていませんか?   せっかく書いた記事をコピペされたくない、 そう思っていませんか? &nbsp …

no image

wordpressをphpでカスタマイズするための記事「各ページごとにやり方説明」

どうも、チャーさんです。   この記事では、wordpressをphpでカスタマイズ する際に、編集したいページに対応するファイルを 説明しています。   (例 固定ページを編集し …

no image

wordpressのエディターを前のに戻す方法

どうも、チャーさんです。   あなたは、ワードプレスをインストールしたら、 投稿のエディター画面が今まで使ってたのと 違うやつになっていて、困っていませんか?   この記事では、そ …

no image

wordpressで一覧へ戻るを記事に表示させる方法

どうも、チャーさんです。   あなたはwordpressで記事に 一覧へ戻るを表示させたいが、 urlを直接かく方法以外を探していませんか?   この記事では、phpとwordpr …

no image

wordpressで閲覧できませんを解決した方法

どうも、チャーさんです。   あなたはwordpressで記事を公開しようとしたら、 閲覧できません(Forbidden Access)と出て、 困ってたり、解決策を探してませんか? &nb …

no image

wordpressのメニューを階層にしたいなら読んでください。

どうも、チャーさんです。   この記事ではwordpressのメニューを、 階層化する方法、   また、階層化できない場合の対策 (サイトに階層メニューが表示されない) を書いてい …

no image

wordpress popular postsでまだデータがありませんが解決し人気記事が表示された方法

どうも、チャーさんです。   あなたはwordpress popular postsが、 動作せず困っていませんか?   ちゃんとアクセスはあるのに、 まだデータがありません。と表 …

no image

wordpressのメニューをカスタマイズする方法「コピペ可能」

どうも、チャーさんです。   あなたはwordpressのメニューを カスタマイズしたいと思ってませんか?   この記事ではメニューをカスタマイズし 画像を表示させる方法、またメニ …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。