トップ画面に自由記入欄を使用してきれいに並べてバナーを表示できますか?

2008-10-28 13:50

自由記入欄へHTMLタグを挿入することで設定できます。

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

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

画像とコメントの設定→コメント→自由記入欄に、HP作成ソフト、エディタで作成したHTMLタグを貼り付けて下さい。
その際挿入するテーブルタグの幅を中央の場合は、460px?500px、左右の場合は、140px?160px(※テンプレートにより多少違いがあります。)に設定して下さい。

画像ファイルをアップロードする
画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、画像URL部分にその画像URLを記載して下さい。画像ファイルのURLは絶対パスで記載して下さい。
例) https://demo.ocnk.net/data/demo/image/test.jpg

また、左エリアに画像を挿入される際は、https://~とsを記載して下さい。

挿入テーブルタグ例 →サンプルページ ※下記タグを入れた例】

■中央エリアに入れる場合

下記のテーブルは横幅を500pxにしています。表示が崩れる場合は、横幅を小さくし調整して下さい。
バナー画像は横240px×縦50pxにしています。制作された画像に合わせてwidthとhightの指定は変更して下さい。
アンカー指定(#の部分)は、リンクさせたい先のURLを記載して下さい。
代替テキストalt指定はリンク先に合わせて記載して下さい。
---------------------------------------------------------------------------------------
<table width="500" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td>
<td><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td>
</tr>
<tr>
<td><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td>
<td><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td>
</tr>
</table>
---------------------------------------------------------------------------------------

■左右エリアに入れる場合

下記のテーブルは横幅を160pxにしています。表示が崩れる場合は、横幅を小さくし調整し合わせてバナー画像も小さくして下さい。
バナー画像は横160px×縦33pxにしています。制作された画像に合わせてwidthとhightの指定は変更して下さい。
アンカー指定(#の部分)は、リンクさせたい先のURLを記載して下さい。
代替テキストalt指定はリンク先に合わせて記載して下さい。
---------------------------------------------------------------------------------------
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50"><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td>
</tr>
<tr>
<td height="50"><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td>
</tr>
<tr>
<td height="50"><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td>
</tr>
<tr>
<td height="50"><a href="//www.ocnk.net/faq/?sid=33983070&lang=ja&action=faq&cat=281597&id=271&artlang=ja#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td>
</tr>
</table>
---------------------------------------------------------------------------------------


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

画像ファイルをアップロードする
画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、上記の画像URL部分にその画像URLを記載して下さい。