自分で作るウェブサイト | 格安wordpressテンプレート ダウンロード有料販売

楽天デザイン サイドバーテンプレート4種類+おまけ 固定ナビ





楽天ショップデザインにて使えるサイドバーのみのテンプレートを用意しました。

内容はHTML+CSSとなっていて、コピー&ペーストで使用できるようになっています。
各位リンク先や画像のURLを張り替えて仕上げます。

商品をダウンロード購入し、sidebar.zipを開くと以下のファイルが展開されます。

楽天テンプレート サイドバー

HTMLファイルを開きコードをコピーします

おまけに、

・飛び出すサイドバナー
・固定サイドエリア
・上部固定ヘッダーナビ

も同梱されています。(ファイル名:side5)

■side01.htmlの無料版サンプルをご用意しています 購入前にお試しください
楽天サイドバー テンプレート無料サンプル

PSDデータも同梱されていて、オリジナルの写真を入れ替えて書き出せばサイズの合った画像を作ることができます。
※PSDデータを編集するにはPhoto shopが必要です。

作るとややこしいサイドバーですがテンプレートを使い管理しやすく、視認性の良い物に仕上げましょう。

楽天デザインslide1.html 基本的なサイドバー



sidebar01.jpg

楽天デザインside2 枠で強調されたサイドバー



sidebar02.jpg

各エリアで色を変えるのもありです。

楽天デザインside3 画像を使ったサイドバー



sidebar02.jpg

画像を使うと視認性が良くなります。

楽天デザインside4 2列仕様のサイドバー



sidebar02.jpg

2列にすると楽天特有のごちゃごちゃした感じが増します。
カラーで選べるボタンもつけておきました。
カラーで検索しURLをひとつづつ張り替えて使用します

楽天デザインside5 固定型ナビゲーション(おまけ)



sidebar05.jpg

よく見るようになったサイド固定のデータもつけておきました。
またサイドではないですが上部に固定できるナビも同梱しました。

使い方




  • 1.楽天RMSのデザイン設定→ヘッダー・フッター・レフトナビ→編集→レフトナビゲーションにHTMLを貼り付けます

  • 2.CSSをフッターコンテンツに貼り付けます(<style>~</style>で囲います)

  • 3.リンクや画像を使用するものに書き換えます




楽天サイドバーテンプレート詳細動画





楽天・ヤフー&レスポンシブデザインテンプレートセットもご用意しています!



https://www.lopweb.net/?pid=109865946

商品価格(DL販売のみ)

  • 2,160円(税160円)

TOP