グループ一覧を画像で作成したい
自由記入欄への記載と表示とレイアウトの設定で設定できます。
>サンプルページ
下記の手順で作業を行って下さい。
STEP1 自由記入欄に画像でグループ一覧を作成する
基本的には、全てご自身で制作していただく必要がございます。
管理画面→画像とコメントの設定ページに進んで下さい。
下記の例のようにHTMLタグを自由記入欄に記載し、グループメニューを作成して下さい。
<!-- 画像グループ --> <div class="side_box"> <a href="リンク先URL"><img src="画像URL" border="0" width="160" height="50" alt="Chair" /></a><br /> <a href="リンク先URL"><img src="画像URL" border="0" width="160" height="50" alt="Sofa" /></a><br /> <a href="リンク先URL"><img src="画像URL" border="0" width="160" height="50" alt="Table" /></a> </div> <!-- 画像グループ --> |
※各画像間に空白を入れたい場合は、下記のようにimgタグ内にスタイルシートにて、marginを指定して下さい。
<img src="画像URL" border="0" width="160" height="50" alt="Chair" style="margin-bottom: 5px;" />
●各項目説明
リンク先URL | 各グループページへのリンク先URLを記載して下さい。 |
画像URL | 画像専用管理画面にアップロードしたカテゴリ画像のURLを記載して下さい。 ご注意事項
●画像ファイルは、別途画像専用管理画面からアップロードして下さい。 ●左エリアに画像を設定される場合は、必ずhttpの後ろに「s」を付け共用ドメインのURLにて記載して下さい。 <img src="https://demo.ocnk.net/data/demo/image/demo.gif" border="0" width="160" /> |
imgタグ内属性 | width:画像の横幅・・・例:160 ご注意事項
height:画像の縦幅・・・例:50画像の横幅は、基本的には横幅160ピクセルですが、テンプレートにより異なる場合がございます。表示に不具合が出る場合は、画像サイズを調整して下さい。 alt:代替テキスト・・・例:chair border:画像枠線・・・0に設定しない場合紫色の枠線が表示されます。 |
STEP2 既存のメニューを非表示に設定する
「デザイン管理」→「表示とレイアウトの設定」からグループ一覧(特集)を非表示に設定して下さい。
ページ最下部の「設定処理を完了する」ボタンをクリックして下さい。