カテゴリ一覧を画像で作成したい
自由記入欄への記載と表示とレイアウトの設定で設定できます。
>サンプルページ
※下記のメールマガジンバックナンバーにも詳細な説明がございますので、ご覧下さい。
https://www.ocnk.net/ocnk_ma/ocnkmagazine_asm052.html#de
下記の手順で作業を行って下さい。
基本的には、全てご自身で制作していただく必要がございます。
管理画面→画像とコメントの設定ページに進んで下さい。
下記の例のようにHTMLタグを自由記入欄に記載し、カテゴリメニューを作成して下さい。
※通常のカテゴリ一覧のようにクリックしてサブカテゴリが表示する機能は、このFAQの方法ではご利用いただけません。
サブカテゴリも画像で表示されたい方は、サブカテゴリも含めてカテゴリ一覧の制作をお願い致します。
※各画像間に空白を入れたい場合は、下記のようにimgタグ内にスタイルシートにて、marginを指定して下さい。
<img src="画像URL" border="0" width="160" height="50" alt="Chair" style="margin-bottom: 5px;" />
●各項目説明
「デザイン管理」→「表示とレイアウトの設定」からカテゴリ一覧を非表示に設定して下さい。
ページ最下部の「設定処理を完了する」ボタンをクリックして下さい。
>サンプルページ
※下記のメールマガジンバックナンバーにも詳細な説明がございますので、ご覧下さい。
https://www.ocnk.net/ocnk_ma/ocnkmagazine_asm052.html#de
下記の手順で作業を行って下さい。
STEP1 自由記入欄に画像でカテゴリ一覧を作成する
基本的には、全てご自身で制作していただく必要がございます。
管理画面→画像とコメントの設定ページに進んで下さい。
下記の例のようにHTMLタグを自由記入欄に記載し、カテゴリメニューを作成して下さい。
※通常のカテゴリ一覧のようにクリックしてサブカテゴリが表示する機能は、このFAQの方法ではご利用いただけません。
サブカテゴリも画像で表示されたい方は、サブカテゴリも含めてカテゴリ一覧の制作をお願い致します。
<!-- 画像カテゴリ --> <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 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 既存のメニューを非表示に設定する
「デザイン管理」→「表示とレイアウトの設定」からカテゴリ一覧を非表示に設定して下さい。
ページ最下部の「設定処理を完了する」ボタンをクリックして下さい。