ランキング

ランキング作成タイプで作ってね

 

ランキング画像がかっこ悪かったのでフラットデザインっぽいのに変更。

 

枠を角丸に変更。 題名部分はフォントカラーは直してないけど、背景をほんのりピンクに。

 

価格部分も同様に灰色ベースからピンクベースに変更。

 

 

 

エステ さよならラブハンドルの特徴

ラブハンドルってすごい


  • やせるって大変

  • 夜食はかかせない

  • 運動すりゃいいか


価格
評価 評価5
備考

 

アイコンとか見出しとか。

 

見出し3(記事題名)は、シンプルで余白をとった感じに。

 

見出し4(カテゴリ一覧ページ記事題名)もシンプルにアンダーラインだけに変更。

 

更新履歴・メニュー 部分も背景シンプルなピンクにした。

 

見出しH3

 

見出しH4

 

見出しH5

 

見出しH6

 

個別ランキングの画像もかっこいいやつに変更

 

 

個別ランキング
個別ランキング
個別ランキング
個別ランキング
個別ランキング

 

チェックマークは、マージン調整してください。
ポイントの画像も変更してます。

 

個別ポイントデフォ
個別ポイント
個別ポイント
個別ポイント

 

画像回り込み治した。

レスポンシブテンプレで 画像を左回りこみ、widthを%指定をしてスマホで見ると上部に来て回り込みしなかったので修正してます。ちゃんと回り込むよーになってます。

ヘッダー

フローティングメニュー

 

編集 − メニューの編集 でメニューを追加することを前提にテンプレ作ってます。
安心してください、スクロールしても付いてきます。

 

デフォルトレスポンシブテンプレでは スマホのハンバーガーメニュー(三本のやつ)を消されていたのでつけたのと
英語で MENU  を メニューを開く に変更した。(回遊率アップするとどっかで見たので)

 

 

ヘッダーH1テキスト

H1テキストでかくてかっこ悪いので小さくした。。色もアクセントでオレンジに。

 

 

フッター

フッターにフローティングバナー

 

楽天コンサルが言ってたけど、フローティングバナー(テキストではなく画像)にしたらコンバージョンアップするって。
なので、キャンペーンバナー貼ればいいかなと思って設置。

 

(バナー変更方法)
imgフォルダにfooterbaner.png を入れる
HTMLの トップページ・エントリーページ・カテゴリーページの3つの</body>上あたり
のコードのgooterbaner.pngを探してAタグを自分のキャンペーンタグに変更するだけ。

 

ページの先頭に戻る

ここもかっこ悪かったので変更。でも中途半端になってます。ごめんちゃい。

更新履歴

フッターバナー