お世話になっております。MakeShopカスタマーサポートでございます。

この度は、ギガプラス10に関する障害と障害に伴って実施する「ギガプラス10」および「100MBサーバー」のサーバーメンテナンスにおいて、ショップ様に多大なるご迷惑をおかけしますことを改めて深くお詫び申しあげます。

画像サーバーにおける障害のお詫びと対応状況のご報告

つきましては、12月15日(木)のメンテナンス期間中に、ショップを訪問されたお客様に向け、メンテナンス中であることをご案内するデザインサンプルをご用意いたしましたのでお知らせいたします。

「メンテナンス画面表示方法」

※すでにイントロページの独自デザインを設定している場合は、事前に既存のソースをバックアップした上でメンテナンス用デザインを適用してください。

■PCショップに表示させる
管理画面【独自デザイン(PC)】 > 【トップページ編集】 > 【イントロページデザイン】メニューにて
下記htmlを「イントロページデザイン」のエディタにコピー、ペーストしてください。

「イントロページデザイン」

[html]

<style>
<!–
*{
margin: 0;
padding: 0;
text-align: center;
}
html{
height: 100%;
}
body{
position: relative;
height: 100%;
font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," MS Pゴシック", MS PGothic," sans-serif";
background: #eee;
}
.maintenance{
position: absolute;
left: 50%;
top: 30%;
margin-left: -300px;
width: 600px;
border: 2px solid #666;
padding: 64px 32px;
box-sizing: border-box;
background: #fff;
text-align: center;
}
.maintenance-message{
font-size: 34px;
margin-bottom: 24px;
font-weight: bold;
}
.maintenance-date{
color: #fff;
padding: 8px;
background: #cc0000;
width: 90%;
margin: 0 auto 16px;
}
–>
</style>

<div class="maintenance">
<p class="maintenance-message">ただいまメンテナンス中です</p>
<p class="maintenance-date">【メンテナンス日時】2016年12月15日 2:00~7:00</p>
<p class="maintenance-text">ご利用の皆様にはご迷惑をおかけし、大変申し訳ございません。<br>
メンテナンス終了までしばらくお待ちください。</p>
</div>

[/html]

「適用」ボタンを押下していただくと、PCショップのトップページにメンテナンス中である案内を表示する事が可能になります。
URLへ直接アクセスした場合も、メンテナンス中を表示するには、【ショップ作成】 > 【ショップ情報の設定】 > 【開店状態の設定】にて、閉店を有効にする必要があります。
メンテナンス終了後は、管理画面【独自デザイン(PC)】 > 【トップページ編集】 > 【イントロページデザイン】メニューにて「削除」をクリックすることで設定したデザインが削除され、通常のトップページが表示されるようになります。

※イメージ

20161215_001

■スマホショップに表示させる
管理画面【独自デザイン(スマホ)】 > 【スマホデザインの設定】メニューにて、適用中のテンプレートの「編集」ボタンを押下し、次のページの 【イントロページ編集】メニューへ進んでください。
下記htmlを「HTML編集」と「CSS編集」のエディタにそれぞれコピー、ペーストしてください。

「HTML編集」

[html]

<div class="maintenance">
<p class="maintenance-message">ただいまメンテナンス中です</p>
<p class="maintenance-date">【メンテナンス日時】<br>2016年12月15日 2:00~7:00</p>
<p class="maintenance-text">ご利用の皆様にはご迷惑をおかけし、<br>大変申し訳ございません。<br>
メンテナンス終了までしばらくお待ちください。</p>
</div>

[/html]

「CSS編集」

[html]*{
margin: 0;
padding: 0;
text-align: center;
}
html{
height: 100%;
}
header{
margin-top: 0;
}
body{
width: 100%;
font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," MS Pゴシック", MS PGothic," sans-serif";
background: #eee;
color: #333;
font-size: 14px;
text-align: center;
}
.maintenance{
padding: 24px 16px;
box-sizing: border-box;
margin-top: 30%;
}
.maintenance-message{
font-size: 22px;
margin-bottom: 24px;
font-weight: bold;
}
.maintenance-date{
color: #fff;
padding: 8px;
background: #cc0000;
margin: 0 auto 16px;
}[/html]

「適用」ボタンを押下していただくと、スマホショップのトップページにメンテナンス中である案内を表示する事が可能になります。
URLへ直接アクセスした場合も、メンテナンス中を表示するには、【ショップ作成】 > 【ショップ情報の設定】 > 【開店状態の設定】にて、閉店を有効にする必要があります。
メンテナンス終了後は、管理画面【独自デザイン(スマホ)】 > 【スマホデザインの設定】から 【イントロページ編集】メニューへ進み、「削除」をクリックすることで設定したデザインが削除され、通常のトップページが表示されるようになります。

※イメージ

20161215_002

■注意事項
ビジネスプランでは「独自デザイン」でイントロページの表示を編集できませんのでご注意ください。

メンテナンス期間中ならびに、メンテナンス後の再設定においては、店舗様にご不便・お手数をお掛けしますが、システムの安定稼働に必要な改修となりますので、何卒ご理解のほどよろしくお願いいたします。