トップ中央に自由記入欄で表を入れたい
自由記入欄にHTMLタグを挿入することで設定できます。
STEP1 自由記入欄を使用してHTMLタグを挿入する
「デザイン管理」>「画像とコメントの設定」
画像とコメントの設定→コメント→自由記入欄に、他のHP作成ソフトやエディタで作成したHTMLタグを貼り付けて下さい。
その際挿入するテーブルタグの幅を460px~500px(※テンプレートにより多少違いがあります。)に設定して下さい。
画像ファイルをアップロードする
画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、画像URL部分にその画像URLを記載して下さい。画像ファイルのURLは絶対パスで記載して下さい。例) https://demo.ocnk.net/data/demo/image/test.jpg
STEP2 設定を完了するボタンをクリックして下さい。
画像ファイルをアップロードする画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、上記の画像URL部分にその画像URLを記載して下さい。
STEP1 自由記入欄を使用してHTMLタグを挿入する
「デザイン管理」>「画像とコメントの設定」
画像とコメントの設定→コメント→自由記入欄に、他のHP作成ソフトやエディタで作成したHTMLタグを貼り付けて下さい。
その際挿入するテーブルタグの幅を460px~500px(※テンプレートにより多少違いがあります。)に設定して下さい。
画像ファイルをアップロードする
画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、画像URL部分にその画像URLを記載して下さい。画像ファイルのURLは絶対パスで記載して下さい。例) https://demo.ocnk.net/data/demo/image/test.jpg
挿入テーブルタグ例 【→サンプルページ ※下記タグを入れた例】 ※下記のテーブルは横幅を460pxにし左右に空白を持たせ、センター寄せにしています。 ■2行2列テーブル <table width="460" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#E0DFE3"> <tr> <td width="230" align="center" bgcolor="#FFFFFF"><img src="画像URL" width="200" height="200" alt="" /></td> <td width="230" bgcolor="#F5F5F5"> <div style="background-color:#FFFFEA; border: 1px solid #E0DFE3; padding: 5px;"> <strong>イームズアームシェルチェア</strong> <div class="price">89,000円(税込)</div> 皆さんご存知のイームズアームシェルチェアです。色はバタースコッチです。状態はかなりいいのでオススメですよ。</div></td> </tr> <tr> <td width="230" bgcolor="#F5F5F5"> <div style="background-color:#FFFFEA; border: 1px solid #E0DFE3; padding: 5px;"> <strong>カリモク60</strong> <div class="price">50,000円(税込)</div>カリモクのチェア。黒とウッドのあたたかい色合いです。</div></td> <td width="230" align="center" bgcolor="#FFFFFF"><img src="画像URL" width="200" height="200" alt="" /></td> </tr> </table> ■2行5列テーブル <table width="460" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#E0DFE3"> <tr> <td bgcolor="#F5F5F5">項目1</td> <td bgcolor="#F5F5F5">項目2</td> <td bgcolor="#F5F5F5">項目3</td> <td bgcolor="#F5F5F5">項目4</td> <td bgcolor="#F5F5F5">項目5</td> </tr> <tr> <td bgcolor="#FFFFFF">内容</td> <td bgcolor="#FFFFFF">内容</td> <td bgcolor="#FFFFFF">内容</td> <td bgcolor="#FFFFFF">内容</td> <td bgcolor="#FFFFFF">内容</td> </tr> </table> ■2列:左1行、右2行テーブル <table width="460" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#E0DFE3"> <tr> <td rowspan="2" bgcolor="#FFFFFF">内容</td> <td bgcolor="#FFFFFF">内容</td> </tr> <tr> <td bgcolor="#FFFFFF">内容</td> </tr> </table> |
STEP2 設定を完了するボタンをクリックして下さい。
画像ファイルをアップロードする画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、上記の画像URL部分にその画像URLを記載して下さい。