シリウスで(SIRIUS)サイトレイアウトが崩れる原因と解決法

シリウスを使っていると、作成途中でプレビューで確認ししたときに、

あれ?なんかずれとるな?

あら、サイドバーが無くなってる!

などのトラブルが起きることがあります。

最初は僕もあせりましたが、気が付けば簡単なんですが、解決法を備忘録として書いておきます。

まず、レイアウトが崩れている画像はこんな感じです。

ねっ!ずれてるでしょ(笑)これは1カラムなんでグローバルメニューがずれてますが、2カラムや3カラムの場合はサイドバーがずれたりします。

他のページは大丈夫なのにある1ページがレイアウトが崩れていたり、テンプレートを変えてもやっぱりずれてしまいます。

ズバリこの原因は!!

犯人はdivタグの閉じ忘れ

レイアウトが崩れてしまう原因はdivタグの閉じ忘れです。

シリウスの便利機能のポイントタグやボックスタグなどを使って記事を編集していると「<div>~</div>」のタグが用いられます。これを多用して編集していると<div>の消し忘れがおこることがあります。

今回は説明用にわざと<div>タグを入れて説明しています。

上記の部分に1カ所わざと入れています。こいつが原因でレイアウトが崩れることがほとんどです。こいつを消してやることで崩れは解消します。

タグチェック機能を使おう

シリウスには便利なタグチェック機能が付いていますので、いちいち探す必要はありません(^-^)

レイアウトが崩れるページのサイト作成画面の上で右クリックすると「タグチェック」が表示されます。

これを選択すると次のような画面が出てきます。

divタグを閉じ忘れていると、上記の注意書きが表示されますので、そのページ内にあるdivタグを消してみましょう。

全てのページが崩れている場合

上記とは別にすべてのページが崩れている場合はフリースペースなどのdivタグの閉め忘れが考えられますが、フリースペースには、タグチェック機能がありませんので、使用中のフリースペースを1つづつ調べてみましょう。

またテンプレートのHTMLを弄ってしまって、レイアウトが崩れてしまう場合は、ミスった個所が自分で見つけれないなら、テンプレートの再適用しましょう。

テンプレートの再適用は、サイト全体設定からテンプレートを再度選びなおしてください。


この場合カスタマイズした個所はクリアされますので、カスタマイズがかなり進んでいるならHTMLとCSSをメモ帳などに貼り付けてバックアップしておきましょう。

テンプレートの再適用しても、今まで書いた記事や画像などはそのままですので安心してください。

以上がレイアウトが崩れた時の原因と解決法でした(^^)

いつもご覧いただきありがとうございます!
お役に立てましたらポチしてくださいm(__)m


人気ブログランキングへ

スポンサーリンク

コメントを残す




日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)