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

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

 

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

 

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

 

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

 

サーバーは忍者HP

 

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

 

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

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

 

 

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

 

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

 

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

 

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

 

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

 

育毛サイトダミーその2

 

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

 

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

 

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

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

いびつですよね。

ページの頭

ランキング

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

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

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

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

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

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

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

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

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

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

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

あるべき姿へ変換。

ランキング

商品イメージ

説明文

リンクの順へ。

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

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

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

メルマガも読んでみる

ブログとメルマガで稼ぐ実践メルマガ(>>最新のバックナンバーはこちら<<
メールアドレス
登録

※解除はメルマガ内でいつでも可能です。

当ブログに寄せられたフェイスブックからのコメント

タグ

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

カテゴリー:情報

最新情報

2013年10月3日メルマガバックナンバー
24ドメイン中古ドメイン発掘ツールのレビュー
2013年10月3日メルマガバックナンバー
地域セミナーや最新情報まとめ
2013年9月26日メルマガバックナンバー
ブログ・セミオート・ランチャー レビュー
2013年9月10日情報
シリウスでのスマホサイトへの最適化について
2013年9月3日情報
アフィリエイトリンクをリダイレクトさせるときの注意点。

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

トラックバック&コメント

トラックバック

コメント

  1. にのいち より:

    はじめまして(^^)/
    にのいちと申しますm(_ _)m。

    情報、記事をありがとうございます。
    とれも参考になりました。

    スマホ対応が思うように表示されないのは、
    チャンスロスですよね!

    この情報は知りたいですね♪

    応援クリックさせて頂きます!
    ポチっとな^^

    お時間がある時にも、
    私のブログにも遊びにきてくれると嬉しいです♪


コメントをどうぞ

このページの先頭へ