メールマガジン登録、解除欄を左エリアや外部ページにも配置したい

2017-09-28 14:53

左エリアに表示する場合は、表示とレイアウトの設定からメルマガ欄を左エリアに設定してください。

※外部ページの場合は直接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="https://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="https://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部分: https://アカウントID.ocnk.net/

※独自ドメインの場合
https://アカウントID.ocnk.net/ 部分が → https://www.test.jp/のようになります。

※扉ページをご利用の場合
下記のようにhomeを追加記載して下さい。
共用ドメインをご利用の方: https://アカウントID.ocnk.net/home
独自ドメインをご利用の方: https://www.test.jp/home


タイトル部分や注釈部分は変更することができます。

---------------------------------------------------------------------------------------
■スタイルシート
ご利用のスタイルシート内の下記部分をコピーし外部ページのスタイルシートに貼り付けてください。
 
●画像について
外部ページ場合、画像URLが変わりますので表示されません。
その場合は一旦、画像をお手持ちのパソコン内に保存し外部ページサーバーへアップロード後、外部ページに合わせた画像URLに変更してください。
/********************************************************************/
/* メルマガ */

/* 大枠上
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
width: ****;
height: ****;
margin: ****;
padding: ****;
background-image: url(画像URL);
border-bottom: ****;
text-align: ****;
}

/* 大枠中 */
.melmaga_middle {
width: ****;
background-image: url(****);
border: ****;
margin: ****;
padding: ****;
}

/* 大枠下 */
.melmaga_bottom {
width: ****;
margin: ****;
padding: ****;
}

/* 内容 */
.mdata {
font-size: ****;
line-height: ****;
margin: ****;
}

 

挿入タグ例
※同様の枠を使用しない場合は下記のタグをテーブルタグ等に入れてご利用ください。
※こちらのタグの場合は、スタイルシートは必要ありません。そのままご利用いただけます。

※ご注意事項登録または解除された際、画面上に表示される「登録しました」または「登録を解除しました」は、表示されません。
---------------------------------------------------------------------------------------
<form action="https://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="https://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部分: https://アカウントID.ocnk.net/

※独自ドメインの場合
https://アカウントID.ocnk.net/ 部分が → https://www.test.jp/のようになります。

※扉ページをご利用の場合
下記のようにhomeを追加記載してください。
共用ドメインをご利用の方: https://アカウントID.ocnk.net/home
独自ドメインをご利用の方: https://www.test.jp/home

タイトル部分や注釈部分は変更することができます。


※外部ページ、特にブログの場合、formタグ等の挿入を禁止している場合がございます。その際はご利用いただけませんのでご了承ください。