シリウススマホ最適化拡張マニュアル

シリウススマホ最適化拡張マニュアル

新特典

 

シリウススマホサイト最適化拡張マニュアルです。

 

サイト作成ツールシリウスのスマホサイトをさらにスマホサイトに見やすくするための、スタイルシート追加マニュアルです。

 

シリウススマホサイト最適化拡張マニュアルでできること

 

シリウスでPCサイトをスマホサイトにしたばあいのいびつな画像の配置を修正した、追加スタイルシートです。

 

1.スマホでいびつに変化しないランキングテンプレート
2.スマホサイトで見た場合のみ、任意の画像やテキストが真ん中配置になるスタイルシート
3.無料HPでもスマホサイトに切り替える方法(ただし、数ページくらいの小型サイトのみ推奨)
4.PCでは左右に配置した画像や文章をスマホでは全て中央配置にできるようになります。⇒シリウスバージョン12でデフォルトで可能に。

 

※追記のヴァージョン12についての記載も必ずお読み下さい。

 

なお、本マニュアルですが、シリウスの特典にしたいところですが、既にお持ちの方も多いと思われますので、特典のみの販売も銀行振り込み・ペイパルにて対応させていただきます。

 

シリウススマホサイト最適化拡張マニュアル:価格2980円

 

 

以下、マニュアルの詳細

 

こちらのサイトを御覧ください。

 

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

 

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

 

 

 

サーバーは忍者HP

 

 

 

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

 

 

 

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

 

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

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

育毛サイトダミーその2

 

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

 

 

 

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

 

 

 

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

 

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

 

 

いびつですよね。

 

 

ページの頭

 

 

ランキング

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

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

 

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

 

長くなりますが、サイト全体をキャプチャしてみました。

 

※シリウスの元々のスマホサイト

※問題点
1.画像の配置がPCのままのため、テキストと画像の配置がおかしい。
2.ランキングがPCのランキングの幅を単に横に狭くしただけなので、ランキングのデザインがスマホでは非常におかしい。

 

 

あるべき姿

 

私のスマホ最適化テンプレートの場合

改善点
1.画像は基本的にセンターに配置(左右に配置することも当然可能です。)
2.ランキングもランキング⇒商品イメージ⇒リンクの順に調整

 

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

 

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

 

スタイルシートテンプレートの素材屋と合わせて使うと

 

※以下は、本マニュアルではなく、私が販売するスタイルシートテンプレート素材屋のテンプレートです。

 

私の販売する商材:スタイルシートテンプレートの素材屋さん

 

http://www.オールインワン日焼け止め.com/

 

上のサイトをスマホで見るとこうなります。

 

 

このように、スマホでもシリウスが非常に自然に見えます!(・∀・)!!

 

売上が変わることまちがいなしです!

 

 

 

 

2013年10月 シリウスがver12にバージョンアップしました。

2013年10月 シリウスがver12にバージョンアップしました。

 

これにより、次のことはデフォルトで可能になりました。

 

画像の真ん中よせ
ランキングの一部改善
一分画像の縮小

 

具体的には・・・

 

こちらのサイトです。

 

育毛サイトダミーサイトシリウスver12版

 

スマホで見た場合

 

 

難点
ランキングのアフィリエイトリンクが目立たない
無料HPはやはり非対応

 

 

というわけで、基本的には私のテンプレのほうが使いやすいと思います。