トップ画面に自由記入欄を使用してきれいに並べてバナーを表示できますか？
自由記入欄へ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="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td> <td><a href="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td> </tr> <tr> <td><a href="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="240" height="50" border="0" alt="代替" /></a></td> <td><a href="//ocnk.net/faq/index.php?action=faq&id=271#"><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="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td> </tr> <tr> <td height="50"><a href="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td> </tr> <tr> <td height="50"><a href="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td> </tr> <tr> <td height="50"><a href="//ocnk.net/faq/index.php?action=faq&id=271#"><img src="バナー画像URL" width="160" height="33" border="0" alt="代替" /></a></td> </tr> </table> --------------------------------------------------------------------------------------- |
STEP2 設定を完了するボタンをクリックして下さい。
画像ファイルをアップロードする画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、上記の画像URL部分にその画像URLを記載して下さい。