テキストの挿入ページが出てくる。そこにHTMLを書くのだが、すこしコツがいったので以下に書き留めた。
通常のHTMLとは違って
<html>
から始めなくてもいい。
また
<body>〜</body>
を挿入する、というように薦められているが、これも実際はいらない。
一番最初に記述するタグは下の２つだ。
カスタムページの頭にスタイルシートとJAVASCRIPTを呼び出すためのタグを書こう。（JAVASCRIPTは任意、スタイルシートも使わない場合は無視していい）
※http://www.example.com/としているが、ここは適宜自分の持っているサーバーのドメインを書こう。楽天トラベルならばホテルのホームページを持っているだろうから、そのドメインと書き換えればいい。
もし持っていなければドメインを取得してサーバーをレンタルするか、あるいはWEBサーバーを無料提供してくれるところを使ってもいいかもしれない。
<link rel="stylesheet" type="text/css" href="http://www.example.com/css/rakuten.css">
<script src="http://www.example.com/js/common.js" language="javascript" type="text/javascript"></script>
スタイルシートは以下のように書くのが正しいかな。
<style>
@import "http://www.example.com/css/rakuten.css";
</style>
どちらでもいいはずなので、適宜使いやすいほうを選ぶ。
※通常はheadタグ内に書くものなのでどちらの方法も健康的ということではないのだが、楽天だし、いいでしょう。
楽天トラベルのカスタマイズページのGOLDテンプレートにて、
と記載すると、外部リンクは許可していないエラーメッセージが出ます。
@import “http://www.example.com/css/rakuten.css”;
と記述すると記述は可能ですが、読み込めていないようです。
javascript、cssファイルは、どのように参照させるのが良いのでしょうか？
2010年あたりに書いた記事なので、すでに情報が古い可能性があります。ご了承ください。
たしかに外部Javascriptは数年前から書き込みできなくなってましたね。
ただ、Javascriptを書き込めないというわけではないので、直書きすることで対応できそうです。
もしくはJavascriptで外部Javascriptを読み込むとかでも対応できると思いますが、正規の方法ではないでしょう。
CSSは、importできなければ、CSSは普通にlinkタグで書き込むとどうでしょうか。
もし結果をいただければその情報をもとに記事を更新できればと思います。