シリウスでのスマホサイトへの最適化について

今ちょっと、新しい特典あるいは追加マニュアルを考えてます。

 

このサイトをちょっと見てください。

 

育毛剤サイト(ダミー、忍者HPで制作)

 

シリウスで作成した、2カラムの育毛シャンプーの紹介サイトです。

 

サーバーは忍者HP

 

一見は何の変哲もないサイト。

 

しかし、これをスマホで見るとどうなるかというと・・・・

QRコード(実機持ってる人は読んで下さい)

 

 

鋭い人は、「自分の持ってるシリウスと違う。」と気がつくはず。

 

まず、1つに、忍者HPの無料サーバーでもスマホ用サイトが表示されるようにしました。

 

通常シリウスでは無料サーバーではスマホサイトへの切り替えはできないのですがそれを可能に。

 

それと、もう一つがスマホサイトへの最適化

 

こちらがシリウスで普通に作ったサイトです。

 

育毛サイトダミーその2

 

横にメニューがあって、コンテンツがあるというよくある形です。

 

とは言っても、PCでみてもわかりません。

 

これをスマホにするとどうなるかというと・・・・

実機がある人は確認しつつ見ていただきたいですが。

いびつですよね。

ページの頭

ランキング

スマホサイトというか、サイトを左右からプレスした感じ。

とくに、ランキングは視るも無残。

シリウス使っていると、なんとかならないものかと考えたことはあるはず。

どいうことかというと・・・・

そこで、いろいろやってみて、アレンジしてみました。

そのサイトがこちら。(上の忍者HPのサイトも同じですが)

育毛ダミーサイト2その2

これも、見れる人は実機で見ていただきたいです。

スマホに変換すると、写真の左右の回りこみが解除され、写真は真ん中に来ます。

そして、あるべきデザインへ変換されます。

そして、ランキングも見やすくスッキリと。

あるべき姿へ変換。

ランキング

商品イメージ

説明文

リンクの順へ。

しかも、文章は左寄せ、写真やアフィリエイトリンクは真ん中寄せという形に。

これであるべき姿です!(・∀・)

タグ

2013年9月10日 | コメント/トラックバック(1)|

カテゴリー:情報

このページの先頭へ