2013年09月12日 追記・変更

ファイルの場所までの位置をパス(PAth)と呼ぶ

パスとは、ファイルまでの道のりの事。
ファイルの住所と考えると分かりやすい。
HTMLのリンクタグや、IMGタグを使用する際、必ずファイルの場所を指定する。
その際、指定するファイルの場所までの位置を一般的にパス(PAth)と呼ぶ。
パスには、絶対パスと相対パスの2種類がある。
WordPressにてサイト構築する際、必ず必要となる基礎知識なので理解してもらいたい。
WordPressでオリジナルテーマを作る際は「ファイルの指定先などをWordPressタグに置き換える」という作業をしていく。
その理由は、WordPressでサイト構築したディレクトリと、実際にサイト運用するディレクトリが違う事があるためだ。
例)
サイト構築時のサイトURL:http://wordpressmatome.com/wordpress/
サイト運用時のサイトURL:http://www.wordpressmatome.com/
このように、もしテーマのテンプレートファイル(index.phpなど)に対してリンクタグやIMGタグでURLを直書きしてしまった場合はサイトURLが変更されたら、その都度、テンプレートファイルの編集が必要になってしまう。
そこでWordPressテンプレートタグの出番だ。テンプレートタグを利用すると、WordPressが自動でURLを書き直してくれる。
また、サイト名などもWordPressタグを利用する事で、サイト名変更時、WordPressが自動で書き直してくれるのだ。

相対パスとは、現在地から相対的に見たファイル等の場所の事

現在地と目的地までの相対パス(PAth)の記述例

現在の場所パスを通したいファイルリンク相対パスの記述例
index.htmlgazou.jpg <a href="gazou.jpg">表示名</a>

又は <a href="./gazou.jpg">表示名</a>
index.htmltest/gazou.jpg <a href="test/gazou.jpg">表示名</a>

又は <a href="./test/gazou.jpg">表示名</a>
test/index.htmltest/gazou.jpg <a href="gazou.jpg">表示名</a>

又は <a href="./gazou.jpg">表示名</a>
test/index.htmlgazou.jpg <a href="../gazou.jpg">表示名</a>

絶対パスとは、http://から始まるアドレスの事

 




この記事が気に入ったら下のボタンをクリック

  • このエントリーをはてなブックマークに追加
  • Clip to Evernote
  • LINEで送る


6 Responses so far.

  1. 佐藤様、

    突然の連絡申し訳ござません。
    6/12日から28日まで職業訓練企業実習(昼)でお世話になった松村と申します。実習では大変お世話になり有難うございました。

    一点ご教授頂きたいことがあり連絡させて頂きました。
    卒業制作をWPを使って制作を進めようとしているのですが、XAMPPで作ったものをレンタルサーバに上げるところで苦労しております。
    「失敗しないためのサーバー移転作業方法まとめ」に従って進め、(1)~(8)はうまく行きましたが、サイトのURL(上記Website)にアクセスしたところ何も表示されません。

    レンタルサーバのWP管理画面では、メニュー、投稿記事、インストールしたプラグインなど、すべてちゃんとアップロードできているようです。
    ローカルに出来ていた.htaccessファイルが何か影響しているのかと思い、拡張子を一旦変えてファイルの中身をエディットしたり、サーバから削ったりしてみたのですが、障状は変わりません。

    何か考えられる注意点があればお教え頂けませんでしょうか。
    お忙しいところ恐れ入りますが何卒よろしくお願いいたします。

    松村高弘

  2. 佐藤様、

    ちなみに何も表示されないページのソースを見てみると、次の4行だけが読まれているようです。





    よろしくお願いします。

    松村

  3. 佐藤 より:

    松村さん、お疲れ様です。
    こちらこそ実習ではありがとうございました。
    さて、ご質問の件ですが、考えられる原因としては、index.phpテンプレートの4行目以降の記述でしょうか。

    4行目までは読み込まれているようなので、それ以降に何か記述上のエラーがあるように思えます。

    また、原因がどこか探るために一度プラグインを全て無効化してみて下さい。

    • 佐藤先生、

      早々にご回答を頂戴しまして有難うございます。
      無事解決しました!!

      頂いたアドバイスに従って、すべてのプラグインを外してみたところ次のエラーが表示され、

      Parse error: syntax error, unexpected T_STRING in /home/users/2/raindrop.jp-mat/web/kakio_hayumaji/wp-content/themes/kakio_hayumaji/header.php on line 1

      この対象になるところの記述を確認すると、

      <?xml version="1.0" encoding="utf-8"?>

      で、webで調べてみるとWP、phpの場合には、

      <?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>

      と書かないとならない、とのことですね。

      まだ作成途中ですが、http://mat.raindrop.jp/kakio_hayumaji/
      で見れるようになりました。
      また、どうしても困った時は連絡させて頂くかも知れませんが引き続きよろしくお願いいたします。

      松村

      • 佐藤 より:

        松村さん
        お疲れ様です。佐藤です。
        原因が判明したようで何よりです。

        <?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
        の記述ですが、この表記ミスでサイトが表示されないといった事はよくある事なので、今のうちに気付けてよかったと思います。

        製作がんばって下さいね。

  4. [...] http://www.wordpressmatome.com/%E7%9B%B8%E5%AF%BE%E3%83%91%E3%82%B9%E3%81%A8%E7%B5%B6%E5%AF%BE%E3%83%91%E3%82%B9%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/ [...]

Leave a Reply