【あきばれホームページ】
ＯＥＭパートナー サポートサイト
運営：株式会社WEBマーケティング総合研究所
〒160-0023 東京都新宿区西新宿8-1-2-3F
休業日：土曜・日曜・祝日
E-Mail partner@akibare-hp.jp
パートナー窓口はこちら
03-5388-5985
受付時間 平日9:30~11:30、13:30~17:00
スタートページの編集方法
御社オリジナルのロゴ画像や広告を、
お客様のスタートページに掲載できます！
あきばれホームページの場合（参考）
※クリックすると拡大します
弊社の直販サービス【あきばれホームページ】では、お客様のスタートページに、
- ヘッダー：オリジナルのロゴ画像
- フッター：問合せ窓口などのサポート情報
- 右サイド：マニュアルや、お得情報へのリンク
などを掲載しています（2016年4月6日現在）。
「スタートページ編集」機能を利用すれば、ＯＥＭパートナー様も、同じようにスタートページの表示内容を編集することができます。
ぜひ、御社独自の内容にカスタマイズしてご活用ください。
スタートページのカスタマイズ方法（目次）
「スタートページの編集」画面の構成
スタートページの編集画面は、下記の４つで構成されています。
基本的に使用するのは左側のみですが、「③右サイドエリア」に画像を挿入したい場合だけ、右側の「画像ＵＲＬ生成」で画像ＵＲＬを取得する必要があります。
| 左側 | ①ヘッダーロゴ画像の変更 | ヘッダーロゴ画像のファイルを上書きします。
※800キロバイトを超えるファイル、png以外のファイルはアップロードできません。 ※横幅210px × 縦幅27pxを推奨しています。それよりも大きい画像を入れた場合、エリアに収まらず、表示が崩れる可能性がありますのでご注意ください。 |
|---|---|---|
| ②フッターエリアの編集 | フッターエリアのHTMLファイルを上書きします。 以下の３つの部分に分かれています。
（１）コンテンツ →問合せ電話番号などを掲載します。
（２）リンク →サービスページへのリンク等を掲載します。
（３）コピーライト →コピーライトを掲載します。
※それぞれ、800キロバイトを超えるファイルはアップロードできません。 | |
| ③右サイドエリアの編集 | 右サイドエリアのHTMLファイルを上書きします。 画像を表示させたい場合は、右側の「画像ＵＲＬ生成」を使用して、ＵＲＬを取得する必要があります。
※それぞれ、800キロバイトを超えるファイルはアップロードできません。 | |
| 右側 | 画像ＵＲＬ生成 （右サイドエリア用） | 画像ファイルを上書きして、ＵＲＬを生成・取得します。 ※800キロバイトを超えるファイル、png以外のファイルはアップロードできません。 ※同時に使用できる画像は、５ファイルまでです。 |
スタートページの編集方法
①～③のいずれについても、【設定済ファイルをダウンロードして保存】→【新ファイルを選択】→【上書き】という基本的な流れは同じです。
下記に詳細をご案内いたしますので、必ずご一読のうえご利用ください。
顧客管理画面で「スタートページ編集」タブをクリック
まずは、顧客管理画面にログインして、一番右にある「スタートページの編集」タブを開いてください。
設定済のファイルを「ダウンロード」して保存
上書きの前には、必ず
「ダウンロード」して保存しましょう
「スタートページの編集」機能では、一度ファイルを上書きすると、設定済のファイルが削除され、元に戻すことができません。
誤って上書きしてしまった場合にも、弊社でデータを復旧することができないので、ご注意ください。
新しいファイルを上書きする前に、必ず【ダウンロード】ボタンを押下して保存することをお勧めしています。
新しいファイルを選択して「上書き」する
改めて設定箇所・ファイル名に誤りがないかを確認のうえ、OKボタンを押下します
新しく設定するファイルを上書きします。
まずは【ファイルを選択】ボタンを押下してファイルを選びましょう。
右側にファイル名が表示されたら、【上書き】ボタンを押下しましょう。
最終確認のポップアップが表示されますので、改めて設定箇所・ファイル名に誤りがないかを確認のうえ、【ＯＫ】ボタンを押下します。
スタートページで、正しく上書きされたか確認
無事上書きできたら、スタートページの表示が変わっているかどうか確認しましょう
無事、ファイルの上書きが完了すると、「◯◯◯◯の上書きが完了しました」という文言が表示されます。
あとは、スタートページに戻り、正しく上書きされているかどうか確認をしましょう。
※万が一表示が崩れてしまった場合は、下記をご覧ください。
元ファイルのご提供
画像ＵＲＬの生成（右サイドエリア用）方法
右サイドエリアに画像を表示したい場合、下記手順にて、画像ＵＲＬを生成・取得してください。（取得できるURLは相対パスです。そのままHTMLファイルにご利用になれます。）
ダウンロード
既にアップロード済のファイルがある場合のみだけ、ダウンロードをして保存します。
※URL欄に「画像未設定」と書かれている場合は不要です。
新しいファイルを、
選択→上書き
その他エリアと同様に、新しいファイルの【選択】→【上書き】を行います。
すると、URL欄に、新しい画像のURL（相対パス）が表示されます。
生成されたURLを
右クリックでコピー
画像のURL（相対パス）をドラッグして選択し、右クリック→コピーします。
取得したURLは、右サイドエリアのHTMLファイルに使用できます。
※シンプルに「スタートページ」と書かれたロゴ画像です。
②フッターエリア
メモ帳などで空のテキストファイルを作り、拡張子「.html」で保存して上書きをすれば、何も入っていない状態に戻すことができます。
また、「１からHTMLを書くのが難しい」という方向けに、雛形のHTMLをご紹介します。
赤文字の部分を書き換えるだけで、下記のようなフッターが作成できますので、よろしければご活用ください。
フッター（１）コンテンツ用HTML
<p>
<span class='tel-head'>お問合せ</span>
<span class='tel'>TEL 03-0000-0000</span>
（平日 9：30～11：30 / 13：30～17：00）
</p>
<p>
なるべく多くのお客さまにご利用いただくため、お電話でのお問合せは、
<span><span>お一人様一日あたり、30分以内</span></span>
でのご利用をお願いしております。
<br>
ご協力をお願い申し上げます。
</p>
フッター（２）リンク用HTML
<ul>
<li><a href='リンクさせたいURL' target='_blank'>表示させたい文字（例：会社案内）</a></li>
<li><a href='リンクさせたいURL' target='_blank'>表示させたい文字（例：サービス規約）</a></li>
<li><a href='リンクさせたいURL' target='_blank'>表示させたい文字（例：個人情報保護方針）</a></li>
</ul>
フッター（３）コピーライト用HTML
※何か文字を打ったら、そのままコピーライト欄に反映されます。
③右サイドエリア
メモ帳などで空のテキストファイルを作り、拡張子「.html」で保存して上書きをすれば、何も入っていない状態にすることができます。
また、下記のHTMLを上書きすれば、「はじめての方へ」「マニュアル」へのリンクが張られた状態へ戻すことができます。
※「はじめての方へ」のバナー画像は、もともとシステム内に保存されているので、改めて「画像URLの生成」をする必要はありません。
右サイドエリア用HTML
<div class='parts'>
<a href="http://help.support-hp.jp/googlechrome" target="_blank"><img alt="はじめての方へ" src="/startpage/_agencies/1/img/banner_beginner.png" /></a>
</div>
<div class='parts'>
<div class='banner_ppoi'><a href="http://help.support-hp.jp" target="_blank">マニュアル</a></div>
</div>
なお、HTMLを直接編集できますので、画像で広告などを掲載するほか、右のように見出し付きでサポート情報を表示することも可能です。
下記の赤文字部分を書き換えていただければ、そのままご利用になれますので、よろしければお試しください。
右サイドエリア用HTML（サポート情報を見出し付きで掲載）
<div class='parts'>
<h2>サポートセンター（見出し）</h2>
<div class='contents'>
<div class='contents_wrap'>
<p class='tel'>
<img alt="電話番号" src="/startpage/_agencies/1/img/icon_phone.png" />
03-0000-0000（電話番号）
</p>
<p class='font_red font_middle block'>
(平日9:30～11:30, 13:30～17:00)
</p>
<p class='mar_t10 align_center'><a href="お問合せフォームのURL" target="_blank">お問い合わせフォームはこちら</a></p>
<ul class='mar_t10'>
<li>E-Mail : info@akibare-partner.jp（Email）</li>
<li>FAX : 03-0000-0000（電話番号）</li>
</ul>
<div class='support-area'>
<p class='font_small'>
<span>なるべく多くのお客さまにご利用いただくため、お電話でのお問い合わせは、</span>
<strong class='font_red font_middle block'>お1人さま30分以内</strong>
でのご利用をお願いしております。
<br>
ご不便をおかけし恐縮ですが、何卒ご協力をお願い申し上げます。
</p>
</div>
「販促・制作支援サイト」もご活用ください
「販促支援サイト」「制作支援サイト」では、弊社が今まで培ってきた経験やノウハウに基づいて、ホームページの販促・制作をご支援するための情報を提供しています。
ぜひご一読いただき、パートナー業務にお役立てください。
