デザイン管理 » その他カスタマイズ
Ｑ：メールマガジン登録、解除欄を左エリアや外部ページにも配置したい
Ａ：
おちゃのこネットショップページ内の場合は、自由記入欄を使用します。
外部ページの場合は直接HTMLタグを貼り付けて下さい。
→サンプルページ(おちゃのこネットショップページの場合)
■おちゃのこネットショップページ内の場合
STEP1 ： 自由記入欄を使用してHTMLタグを挿入する
「デザイン管理」＞「画像とコメントの設定」
画像とコメントの設定→コメント→自由記入欄に下記のタグを貼り付けて下さい。
STEP2 設定を完了するボタンをクリックして下さい。
※右エリアのメルマガ欄を非表示にする場合
「デザイン管理」＞「表示とレイアウトの設定」
中央エリア、右エリア設定部分のメールマガジンを非表示に設定して下さい。
■外部ページの場合
STEP1 ： HTMLタグを挿入する
※外部ページ、特にブログの場合、formタグ等の挿入を禁止している場合がございます。その際はご利用いただけませんのでご了承下さい。
おちゃのこネットショップページ内の場合は、自由記入欄を使用します。
外部ページの場合は直接HTMLタグを貼り付けて下さい。
→サンプルページ(おちゃのこネットショップページの場合)
■おちゃのこネットショップページ内の場合
STEP1 ： 自由記入欄を使用してHTMLタグを挿入する
「デザイン管理」＞「画像とコメントの設定」
画像とコメントの設定→コメント→自由記入欄に下記のタグを貼り付けて下さい。
| 挿入タグ例 ※現状のメールマガジン欄と同様の枠を使用しています。 ※ご注意事項 登録または解除された際、画面上に表示される「登録しました」または「登録を解除しました」は、固定の位置(右エリア)にのみ表示されます。左エリアと右エリア両方に配置した場合は、左エリアで登録した際、右エリアに上記注釈が表示されます。 ※ただし、トップページ以外で、メールマガジン登録解除欄を利用した場合も、「登録しました」「登録を解除しました」というメッセージが表示され、トップページに遷移しますので、ご注意下さい。 --------------------------------------------------------------------------------------- <!-- メルマガ --> <div class="side_box"> <div class="melmaga_top"> <h3>メールマガジン(変更される場合は新規に記載して下さい)</h3> </div> <div class="melmaga_middle"> <table border="0" cellspacing="0" cellpadding="0" class="auto"> <tr> <td width="144"> <div class="mdata"> <div>当社のメールマガジンです。是非ご登録下さい。下記にメールアドレスを入力して下さい。 （※変更される場合は、新規に記載して下さい）</div> <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineadd"> <input type="text" name="email" size="18" maxlength="200" value="" /> <div class="bot_b"><input type="submit" value="登録" class="entryinput" /></div> </form> <div style="margin-top: 1em;"> メールマガジンを受け取りたくない場合は、下記にメールアドレスを入力して解除を押して下さい。 （※変更される場合は、新規に記載して下さい） </div> <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineremove"> <input type="text" name="email" size="18" maxlength="200" value="" /> <div class="bot_b"><input type="submit" value="解除" class="deleteinput" /></div> </form> </div> </td> </tr> </table> </div> <div class="melmaga_bottom"></div> </div> <!-- //メルマガ --> --------------------------------------------------------------------------------------- 上記form内action部分のdemoは各アカウントIDに変更して下さい。 form内action部分： http://アカウントID.ocnk.net/ ※独自ドメインの場合 http://アカウントID.ocnk.net/ 部分が → http://www.test.jp/のようになります。 タイトル部分や注釈部分は変更することができます。 |
| 挿入タグ例 ※同様の枠を使用しない場合は下記のタグをテーブルタグ等に入れてご利用下さい。 ※ご注意事項 登録または解除された際、画面上に表示される「登録しました」または「登録を解除しました」は、固定の位置(右エリア)の場合でのみ表示されます。左エリアの場合は表示されません。ご了承下さい。 ※ただし、トップページ以外で、メールマガジン登録解除欄を利用した場合も、「登録しました」「登録を解除しました」というメッセージが表示され、トップページに遷移しますので、ご注意下さい。 --------------------------------------------------------------------------------------- <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineadd"> <input type="text" name="email" size="18" maxlength="200" value="" /> <input type="submit" value="登録" class="entryinput" /> </form> <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineremove"> <input type="text" name="email" size="18" maxlength="200" value="" /> <input type="submit" value="解除" class="deleteinput" /> </form> --------------------------------------------------------------------------------------- 上記form内action部分のdemoは各アカウントIDに変更して下さい。 form内action部分： http://アカウントID.ocnk.net/ ※独自ドメインの場合 http://アカウントID.ocnk.net/ 部分が → http://www.test.jp/のようになります。 タイトル部分や注釈部分は変更することができます。 |
STEP2 設定を完了するボタンをクリックして下さい。
※右エリアのメルマガ欄を非表示にする場合
「デザイン管理」＞「表示とレイアウトの設定」
中央エリア、右エリア設定部分のメールマガジンを非表示に設定して下さい。
■外部ページの場合
STEP1 ： HTMLタグを挿入する
| 挿入タグ例 ※現状のメールマガジン欄と同様の枠を使用しています。 ※おちゃのこネット内でデザインを形成しているスタイルシートが外部ページの場合ありませんので、別途スタイルシート部分をコピーしご利用の外部ページのスタイルシートへ貼り付けて下さい。 ※ご注意事項登録または解除された際、画面上に表示される「登録しました」または「登録を解除しました」は、表示されません。 --------------------------------------------------------------------------------------- <!-- メルマガ --> <div class="side_box"> <div class="melmaga_top"> <h3>メールマガジン(変更される場合は新規に記載して下さい)</h3> </div> <div class="melmaga_middle"> <table border="0" cellspacing="0" cellpadding="0" class="auto"> <tr> <td width="144"> <div class="mdata"> <div>当社のメールマガジンです。是非ご登録下さい。下記にメールアドレスを入力して下さい。 （※変更される場合は、新規に記載して下さい）</div> <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineadd"> <input type="text" name="email" size="18" maxlength="200" value="" /> <div class="bot_b"><input type="submit" value="登録" class="entryinput" /></div> </form> <div style="margin-top: 1em;"> メールマガジンを受け取りたくない場合は、下記にメールアドレスを入力して解除を押して下さい。 （※変更される場合は、新規に記載して下さい） </div> <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineremove"> <input type="text" name="email" size="18" maxlength="200" value="" /> <div class="bot_b"><input type="submit" value="解除" class="deleteinput" /></div> </form> </div> </td> </tr> </table> </div> <div class="melmaga_bottom"></div> </div> <!-- //メルマガ --> --------------------------------------------------------------------------------------- 上記form内action部分のdemoは各アカウントIDに変更して下さい。 form内action部分： http://アカウントID.ocnk.net/ ※独自ドメインの場合 http://アカウントID.ocnk.net/ 部分が → http://www.test.jp/のようになります。 タイトル部分や注釈部分は変更することができます。 --------------------------------------------------------------------------------------- ■スタイルシート ご利用のスタイルシート内の下記部分をコピーし外部ページのスタイルシートに貼り付けて下さい。 ※下記は、コピーする場所を説明しているだけですので、下記をコピーしないで下さい。 ●画像について 外部ページ場合、画像URLが変わりますので表示されません。 その場合は一旦、画像をお手持ちのパソコン内に保存し外部ページサーバーへアップロード後、外部ページに合わせた画像URLに変更して下さい。 /********************************************************************/ /* メルマガ */ /* 大枠上 /* 大枠中 */ /* 大枠下 */ /* 内容 */ |
| 挿入タグ例 ※同様の枠を使用しない場合は下記のタグをテーブルタグ等に入れてご利用下さい。 ※こちらのタグの場合は、スタイルシートは必要ありません。そのままご利用いただけます。 ※ご注意事項登録または解除された際、画面上に表示される「登録しました」または「登録を解除しました」は、表示されません。 --------------------------------------------------------------------------------------- <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineadd"> <input type="text" name="email" size="18" maxlength="200" value="" /> <input type="submit" value="登録" /> </form> <form action="http://demo.ocnk.net/" method="post"> <input type="hidden" name="mode" value="mailmagazineremove"> <input type="text" name="email" size="18" maxlength="200" value="" /> <input type="submit" value="解除" /> </form> --------------------------------------------------------------------------------------- 上記form内action部分のdemoは各アカウントIDに変更して下さい。 form内action部分： http://アカウントID.ocnk.net/ ※独自ドメインの場合 http://アカウントID.ocnk.net/ 部分が → http://www.test.jp/のようになります。 タイトル部分や注釈部分は変更することができます。 |
※外部ページ、特にブログの場合、formタグ等の挿入を禁止している場合がございます。その際はご利用いただけませんのでご了承下さい。
最終更新: 2007-11-19 11:55
作成者: おちゃのこ刑部
作成者: おちゃのこ刑部
このエントリにコメントできません。