絶対参照と相対参照。リンクURLの話
記事IT・テクノロジー
WEBサイト制作において
必ず出てくるのが「絶対参照」「相対参照」ですが
ワードプレスのようなCMSシステムにおいては
ユーザー様に極力プログラミングのようなコードを
見せない仕組みとなっており
ここから始めた方にとってこの二つの名前は「？」
となる事が多いです。
とはいえ、
理解すると非常に納得な事なので知らなかった方はこれを良い機会としてご理解いただければ幸いです。
絶対参照
「絶対に参照先にたどり着けるURL」
という言葉で表現するとわかりやすいかもしれません。
例えば
coconala.comというドメインで説明しますと
このドメインのブログ一覧ページは
絶対参照では
となります。
つまり、URLすべてを記述して参照する事が絶対参照となります。
相対参照
もう一方の相対参照ですが
「ドメイン下であればたどり着けるURL」
という言葉の表現となりますでしょうか。
再びcoconala.comドメインで例えますと
相対参照でブログ一覧ページは
/blogs/
となります。
つまり、
ドメインより前の部分は「当然そうですよね」という考え方なので
/blogs/
と指定するだけで
にたどり着けることになるという事なんです。
HTML
HTMLコードで記述するとしますと
絶対参照
＜a href="https://coconala.com/blogs/"＞ブログを探す＜/a＞
相対参照
＜a href="/blogs/"＞ブログを探す＜/a＞
となります。
なぜこのような投稿
なぜこのような投稿をさせて頂いたかと言いますと
私のサービスで良く利用される
・テストサイトを作ってテストバージョンアップ（コピーサイトの作成）
において
テストサイトではURLがどうしても変わってしまうので
絶対参照でリンクなど設置されている場合、
テストサイトでそのリンクをクリックすると本番サイトに飛んでしまったり
画像などうまく機能しなかったりという事があるからです。
ワードプレスを通常利用しているとどうしても自動的に絶対参照のURLが貼られてしまうケースがありますが、
ダッシュボード＞＞外観＞＞メニュー
など
これを知っているだけで編集・管理が楽になる側面もあるので
テストサイトを作ってテストバージョンアップ有料オプション
への理解も含めぜひ覚えて頂ければと思います。
対象サービス
お読みいただきありがとうございます。
