デザイン管理 » その他カスタマイズ

Q.携帯サイトアドレス欄を左エリアに表示したい

A:
自由記入欄を使用します。
※携帯サイトアドレスは携帯版を契約いただいている方のみに表示される機能です。
※ただし、トップページ以外で、携帯アドレス送信を利用した場合も、「URLを送信しました」というメッセージが表示され、トップページに遷移しますので、ご注意下さい。

STEP1 : 自由記入欄を使用してHTMLタグを挿入する

「デザイン管理」>「画像とコメントの設定」

画像とコメントの設定→コメント→自由記入欄に下記のタグを貼り付けて下さい。

挿入タグ例
※現状のメールマガジン欄と同様の枠を使用しています。
別途枠を違う指定にする場合は、mobileという親要素がございますので、
スタイルシート内には、.mobile .melmaga_top { のように記載して下さい。

---------------------------------------------------------------------------------------

<!-- 携帯サイト -->
<div class="side_box">
<div class="mobile">
<div class="melmaga_top">
<h3>タイトル</h3>
</div>
<div class="melmaga_middle">
<table border="0" cellspacing="0" cellpadding="0" class="auto">
<tr>
<td>
<div class="mdata">
<div>注釈</div>
<form action="http://demo.ocnk.net/" method="post">
<input type="hidden" name="mode" value="mobileurl">
<input name="email" type="text" size="18" />
<div class="bot_b"><input type="submit" value="送信" class="sendinput" /></div>
</form>
<div style="margin: 5px 0px;text-align: center">
<img src="QRコード画像URL" width="120"/><br />携帯サイトQRコード</div>
</div>
</td>
</tr>
</table>
</div>
<div class="melmaga_bottom"></div>
</div>
</div>
<!-- //携帯サイト -->


---------------------------------------------------------------------------------------

上記form内action部分のdemoは各アカウントIDに変更して下さい。
form内action部分: http://アカウントID.ocnk.net/

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

タイトル部分や注釈部分は変更することができます。タイトル部分には、携帯アドレス送信のタイトルを注釈部分には、機能の説明等を記載して下さい。必要ない場合は、削除して下さい。

QRコード画像については、別途画像専用管理画面からアップロードしその画像URLを記載するか、一旦右エリアに表示させ、そのソース(右クリックからソースを表示)をご覧頂きQRコード画像の画像URLをコピーして記載して下さい。
※画像URLはhttps://〜のように「s」をつけて記載して下さい。セキュリティ警告が表示されます。
※独自ドメインをご利用の場合は、https://アカウントID.ocnk.net/~の共用ドメインアドレスにて記載して下さい。

QRコードを使用されない場合は、上記の下記部分を削除して下さい。

<div style="margin: 5px 0px;text-align: center">
<img src="QRコード画像URL" width="120"/><br />携帯サイトQRコード</div>


STEP2 設定を完了するボタンをクリックして下さい。

※右エリアの携帯サイトアドレス欄を非表示にする場合

「デザイン管理」>「表示とレイアウトの設定」

右エリア設定部分の携帯サイトアドレスを非表示に設定して下さい。
最終更新: 2007-11-19 11:57
作成者: おちゃのこ刑部

このレコードを印刷する このレコードを印刷する
XML ファイルエクスポート XML ファイルエクスポート

このエントリを評価してください:

評価点数: 5 - 5 (2 個の投票 )

完全に役に立たない 1 2 3 4 5 最も価値がある


このエントリにコメントできません。