Wordpressで正しくパスの指定をする件（基本編）

WPをカスタマイズしていると、サイトレイアウトなど、当然パスを指定する場面が多々あるわけなのですが、今回はこのパスの指定方法についてのお話です！

時々、自分の任意の場所に画像をアップロードして、その場所をCSSやテンプレート内に記述されている方を見かけます。

まあ、綺麗に表示されれば結果OKな訳なので、これが間違いということではありません…。

しかし、この方法だとパス変更を加えたりした際にリンク切れ等、様々な問題に遭遇することが予想されます！

そこで、今回はかなり基本的な部分についてですが、WPで定義する正しいパスの方法をご紹介いたします。

例えばWPのTOPページに移動するためのリンクの記述です。

もし、あなたがお使いのドメイン名が

http://www.hogehoge.com

だった場合、当然そのままドメイン名をリンクに指定してやればTOPページへのリンクとなります。

こんな感じかな？

<a href="http://www.hogehoge.com">TOPページに戻る</a>

しかし、何かしらの理由によりTOPページの場所を変更したとしよう。

例えば、

http://www.hogehoge.com/new/

今後、このnewが新しいWPのTOPページとなった場合、先ほどのドメイン指定のパスではエラーもしくは意図しないページへのリンクとなってしまいます。

そこで、正しくWP流の書き方をしてやると以下の書き方となります。

<a href="<?php echo home_url(); ?>">TOPページに戻る</a>

この記述方法で定義しておけば、TOPページがどこに移ろうとも、今あるTOPページへのリンクが自動で取得され設定されます。

ちなみに、TOP以下のページを定義する場合にはこのように記述します。

<a href="<?php echo get_home_url(ブログID); ?>">ブログIDページ</a>

↑この（）の中にブログIDを指定すればOKです。

例えば、カテゴリ名が

http://www.hogehoge.com/iphone/だったとします。

その場合は、

<a href="<?php echo get_home_url(iphone); ?>">iPhone解説ページ</a>

としてやればOKです！

その他のアーカイブや個別ページの場合も同様です、ブログIDとしてこの部分にパスの指定を行ってください！ｗ

それとこれは補足です！

CSSのパスの取得はこの様に…。

<?php echo get_stylesheet_directory_uri(); ?>

です！

なお、これらの記述はテンプレート内に記述することとなりますが、記事内に書いた場合は適用されません。あくまでテンプレート内です。

記事内に書いてもWPはPHPを認識してくれませんので…。

もし、記事内にもPHPの記述を行いたい場合には、以前の記事をみてください！ｗ

WPで普通の記事(投稿画面から)にPHPを組み込みたい件

いちばんやさしい WordPress の教本 人気講師が教える本格Webサイトの作り方 著：石川栄和 , 他 参考価格：¥1,659 価格：¥1,659 OFF : ()