新着情報更新マニュアル

椿館 様
楽天トラベルカスタマイズページ
新着情報更新マニュアル
カスタマイズページ「ホーム」を選択する
新着情報を追加する
プレビューを確認する
付録：コピー・ペースト（貼り付け）の方法
・・・P.1
・・・P.2
・・・P.5
・・・P.6
制作：株式会社アイシーシーコンピューターシステム
楽天トラベルカスタマイズページ
新着情報マニュアル
■ カスタマイズページ「ホーム」を選択する
①カスタマイズページ一覧から「ホーム」の「編集」ボタンをクリックします。
②メニューボックスが表示されるので、「ページの編集」をクリックします。
③「STEP2へ進む」ボタンをクリックします。
※このボタンはページ上下にしますが、どちらでもかまいません。
1 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
■ 新着情報を追加する
①新着情報の位置を確認する。
<!--▼▼▼ここから新着情報▼▼▼--> から、<!--▲▲▲ここまで新着情報▲▲▲-->で挟まれ
た部分が編集する箇所となります。
②新しい記事のテンプレート
新しい記事を追加する際に使用するテンプレートは次の2種類になります。
マウスで選択し、コピー＆ペーストしてお使いください。
■プランへのリンクをしない場合
<div class="TOPIC clearfix">
<div class="TOPICtitle">記事タイトルを入力します</div>
<div class="TOPICday">20xx年xx月xx日</div>
<p>記事内容はこちらに入力します</p>
</div>
・記事タイトルを入力します： 記事のタイトルを入力します。
・20xx年xx月xx日： 更新日です。
・記事内容はこちらに入力します： ここに記事の内容を入力します。
■プランへのリンクを付加する場合
<div class="TOPIC clearfix">
<a href="ここにプランのURLを入力します">
<div class="TOPICtitle">記事タイトルを入力します</div>
<div class="TOPICday">20xx年xx月xx日</div>
<p>記事内容はこちらに入力します</p>
</a>
</div>
・ここにプランのURLを入力します： リンクを張るプランのアドレスを入力します。
・記事タイトルを入力します： 記事のタイトルを入力します。
・20xx年xx月xx日： 更新日です。
・記事内容はこちらに入力します： ここに記事の内容を入力します。
2 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
■プランのURLを調べる
管理メニューにある「宿泊プランURL一覧」より確認することができます。
③新しい記事のテンプレート
新しい記事のテンプレートを、古い記事より上にぺースト（貼り付け）します。
3 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
④テンプレートの該当部分を書き換える。
各項目を書き換えます。
・ここにプランのURLを入力します： リンクを張るプランのアドレスを入力します。
・記事タイトルを入力します： 記事のタイトルを入力します。
・20xx年xx月xx日： 更新日です。
・記事内容はこちらに入力します： ここに記事の内容を入力します。
記事内容で改行する場合、方法は2つあります。
■段落で改行
<p>～</p> タグで囲まれた文章が一つの段落になります。
このタグで囲まれた文章が複数ある場合、段落と段落の間は約１行分の空白が入ります。
テンプレートにはあらかじめ１つの段落が用意されています。
■段落内で改行
<p>～</p> タグで囲まれた段落内で改行する場合は、<br> タグを入力します。
タグを入力した部分で改行が行われます。
⑤「STEP3へ進む」ボタンをクリックする
新着情報の入力が完了したら、「STEP3へ進む」ボタンをクリックしてプレビュー画面へ進みます。
4 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
■ プレビューを確認する
①新着情報の位置を確認する。
実際のデザインを適用したプレビューが表示されます。
②内容の修正を行う場合
「STEP2へ戻る」ボタンをクリックします。編集画面へ戻るので修正を行います。
③内容を保存する
「作成」ボタンをクリックします。これで編集は終了です。
5 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
■ 付録：コピー・ペースト（貼り付け）の方法
テンプレートのコピーの仕方を説明します。
①AdobeReader（旧AcrobatReader）を文字選択モードにする
文字選択ボタンをクリックし、グレーに変わったことを確認します。
②文字を選択する
コピーする文字列の先頭にマウスカーソルを合わせ、マウスの左ボタンを押しっぱなしにします。
マウスを文字列の最後まで移動し、マウスのボタンを離します。
選択された文字の色が反転されたことを確認しましょう。
6 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
③文字をコピーする
青く反転している部分でにマウスカーソルを合わせます。
マウスの右ボタンをクリックするとメニューが表示されるので、「コピー」にマウスカーソルを合わせ
左ボタンをクリックします。
④貼り付ける位置を決める
コピーした内容を貼り付けたい位置で、マウスの左ボタンをクリックします。
クリックした位置でカーソルアイコンが点滅しているかを確認します。
7 /　8 楽天トラベルカスタマイズページ
新着情報マニュアル
⑤貼り付けをする
マウスの右ボタンをクリックし、メニューを表示します。
メニューの「貼り付け」にマウスカーソルを合わせ、左ボタンをクリックします。
指定した位置に内容が貼り付けられます。
8 /　8