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

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

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

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

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

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

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

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

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

ズバリこの原因は!!

犯人はdivタグの閉じ忘れ

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

リファインSNOWのグローバルメニューの設置方法

LUREA付属のリファインSNOWリファインの
グローバルナビゲーションの設定方法を書いておきます。

リファインSNOWは最初はグローバルメニューが
表示されてないため、自分で設定が必要です。

設定するには、WordPressの管理画面から、
「外観」→「メニュー」をクリックします。

メニューを編集画面に切り替わりますので、新規メニューを作成します。
メニューの名前を入力し、メニューを作成をクリックします。

これで新規メニューを作成できましたので、次に項目を作っていきましょう。

今回は、グローバルメニューに表示する項目を、
「サイトマップ」を例にしていきます。

まだサイトマップを作ってない人は「簡単サイトマップ構築
からどうぞ(^-^)
新規メニューは作成されてますので、サイトマップを作りに行っても大丈夫です

サイトマップがすでにある場合は「サイトマップ」にチェックを入れて、
「メニューに追加」をクリック。

サイトマップが追加されたのを確認して、メニューの位置の「Global Navigation」
チェックを入れて「メニューを保存」

保存をしたら、サイトを確認しましょう!


コテツが使用中のリファインスノーはルレアのおまけ特典です!
おまけでも十分使えておススメです!