この記事の所要時間: 443

 

事の始まりは、1通のメールからでした。

はじめまして。Nと申します。
実は、少し前に他のかたからシリウスを購入しました。

それまではホームページビルダーでHPを作成していましたが、
シリウスの方が簡単に創れる神ツールだというのでマニュアル頼りに作成しました。

レンタルサーバーはさくらです。

ところが、度重なるアクシデントにまいっております。

メインのHPは上記のHPですが、
先日TOPページやエントリーページ等を修正加えたところ、具合が悪くなりました。

TOPページのレイアウトがくずれてしまいました。2カラムで左側にプロフィールとかメニューが表示されていたのが、中央の下に表示されてしまうようになりました。

上段カラム等の変更等はまったくしておりません。

原因がわからないのです。

(中略)

頑張って作業してきたつもりですが、つまづくことだらけで、シリウスを購入したアフリエイターの人は、購入前は、とても親切に返答してくれましたが、購入後は、満足な回答がありません。本当に購入する人を誤りました。

シリウスを信用し、購入したのですがわからないことだらけで、毎日アクシデントの連続ばかりで記事更新もままならなく時間だけが過ぎて行くようで辛いです。

そんな時、こちらのサイトでシリウスの教科書を別途に販売されていらっしゃると示されていました。ユーザーズページのマニュアルよりも詳しく解説がされているとのことで、もし私の悩みが解決できるようであれば、何とか別途販売していただけないかと思いました。

同じ商材であっても購入する人を誤ってしまうととんでもない目にあうことを今回つくづく感じました。

何とか助けていただけるとありがたいのですが、大変ぶしつけな質問で長文になりもうしわけございません。

どうかご検討下さい。

よろしくお願いします。

 

はい、途中中略としました。
実は途中省略の部分は別のトラブルが書かれていたのですが、
これはまた別の時に記事にしてみてもいいかなと思います。

 

メールの最後にも礼儀のしっかりした方ですので、なんとか
助けられればと思い、メールのやり取りを開始しました。
(こういう礼儀って人を動かしますよね)

状況を見させてもらうとこんなかんじでした。
(Nさんのサイトにボカシを入れて掲載する許可を得ています)

発生している状況

2014-07-14_015411

2014-07-14_015617

 

なるほど、
確かに本来ある2カラム左メニューが下へ落ちて
レイアウト崩れを起こしています。

 

大体Webサイト(Wordpressでもシリウスでも)で
レイアウト崩れを起こす原因で一番多いのは
「<DIV>タグ」の閉じが無いというエラーです。
</div>という記号が足りないということです。

 

DIVというタグは<div></div>で囲まれた領域を
見えない箱で覆い、その中のタグをひとまとめにしてくれる
働きがあります。

あくまで<div></div>でワンセットなので個数が一致してないといけません。

 

レイアウトが崩れたらDIVタグ閉じ忘れチェッカーを実行してみよう

ちょうどこのトラブルに対処するにあたり、
いいサイトを見つけました。

DIVタグ閉じ忘れチェッカー(別窓で開きます)

 

これ、以外に使えました。

image

 

実際にはメールに添付されていたURLのソースを直接コピペして
見たのでdivの数は30個以上ありましたが、今回はサンプルとして
シリウスの記事1のみの内容で表現しています。

 

チェックボタンを押すと、下に開始タグ<div>と終了タグ</div>の
個数を数えてくれるわけです。

 

開始が4つ、終了が3つなのでDIVタグの数に違いがあります!
と警告を与えてくれます。

 

数が違う=レイアウト崩れの原因

ただ、これでは、レイアウト崩れの原因が<div>のとじ忘れにある
ことしかわからないのであとは地道に一つ一つのブロックがちゃんと
閉じられているかの確認をしていかなくちゃいけないんですね。

 

どこにエラーが有るかを見つける

まず、DIVのとじ忘れ、つまり</div>がどこかに足りないので
メニューが落ちてしまったわけですけど、</div>がない場合は
他にもレイアウトの微妙なところに影響が出ています。

 

そこで、サイトをひと通り眺めていくと、トップページのある箇所にも
レイアウト崩れが見られました。

2014-07-14_015457

 

おそらく原因はココにあるな!と突き止めました。

 

そしてシリウスの記事本文1の中身を確認してみたところ
最後に</div>が足りませんでした。

 

結構記事の最後の</div>って下にあるスペースを
削除しようとしていっしょに消してしまうケースが
あるんですね。

おそらくこれが原因でしょう。

 

無事直りました。

2014-07-14_015213

 

レイアウトが崩れ時の対処法

レイアウト崩れが起きた時は間違いなく
パニックになります。

 

まずは、冷静になってください(笑)

 

そして直前に作業した内容(編集した内容)を
忘れないうちに書き留めておきましょう。

 

そしてこの記事を思い出してください。

やることはいたって単純明快です。

  • レイアウト崩れ=</div>がどこかに抜けている可能性が高い!
  • DIV閉じチェッカーで調べてみる。
  • 他にレイアウトが崩れている箇所を発見してみる。
  • 文末に</div>となって終わってるところに、もう一つ</div>を
    入れてみる。
  • プレビューを見て確認(以下3~4の繰り返しで該当箇所を発見する)
  • 以上の修正を直すのに、
    メールのとりを12通ほどいたしまして、修正完了いたしました。

     

    このあとNさんは大変満足していただけて
    長文からなるお礼のメールを頂きました。

     

    今回の記事はNさんからのお願いでもありました。

    Nさんは、私のサイトに来る前にも
    いろいろなシリウスをアフィリエイトしている人にも
    質問したみたいです。もちろん公式サポートにも来たけど、
    専門用語が羅列して分からなかったということでした。

    • 専門用語で分からない
    • 「買う気無いなら教えられません」といわれた
    • 無視

    こんな感じでうちに辿り着いたようです。

    いろいろな方いますなぁ・・。

     

    Nさんから今回のようなトラブルは絶対に他にも困っているひとが
    いると思うのでぜひ記事にしてください!という依頼を受けました。

    アフィリエイトサイト以外のサイトをシリウスで作りたいなら、htmlやCSSについてそれなりに知っていて、なおかつわかりやすく説明できる人から購入したほうが無難です。

    Nさんはアフィリエイトのサイトではなく、
    ご自身のお店のサイトをシリウスで作成されていました。

    こうなってくるとどうしても細部のレイアウトに細工を
    しなければいけませんから<html>や<CSS>ということを
    勉強しなくてはいけません。その際に公式サポートは
    CSSなどの改造はサポート対象外なので、知識を持ってないと
    できないという事になります。

     

    シリウスのウリはこういったことが無くてもだれでも
    簡単に綺麗なサイトが作れるので神ツールという評判になり、
    いろいろなアフィリエイターさんが紹介しています。

     

    しかしアフィリエイターとしてサイトを作るだけなら、ほとんど
    どの方から購入してもそんなに変わらないと思いますが、
    会社のHPとかお店のHPを作りたいなら、細部にわたる修正が
    必要になるので<html>や<CSS>も勉強している方から購入
    されたほうが間違いは無いと思います。

     

    アフィリエイト能力が高いのと、SIRIUSを使いこなし、
    購入者さんのサポートを最大限にできる能力は別問題なので。
    (もちろん、サイトを上位表示させるとかの能力も必要になりますが)

     

    困ったらメールして頂いていいですよ。

    • こんなサイトを作ってみたいのだけど、シリウス買ってもいいの?
    • 他でシリウスは買ったんだけど、こんなサイト作りたいんだけど、知恵を貸してください。

    なんていうものがありましたら、
    いつでも遠慮無くお問合せください。
    私ができる最大限の努力をしてお返事を差し上げますので。

     

    私がサポートできて、シリウスでもできることなら、
    その時に購入をオススメ致しますし、
    シリウスじゃなくてホームページ・ビルダーや
    WordPressのほうがいいならそちらを薦めます。

     

    特にこんなサイトを作りたい!というサンプルページみたいなものを
    いっしょに添付してくれるとお話がしやすくなるので
    お問合せの際にはURLもつけていただけると良いかと思います。

     

    Nさん、無事にサイト直ってよかったですね。
    そしてネタの提供ありがとうございました^^