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

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

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

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

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

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

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

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

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

ズバリこの原因は!!

犯人はdivタグの閉じ忘れ

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

シリウスのサイト複製機能が超便利!!

ブログやサイトを作る時、WordPressとシリウスどちらを使うべきか悩みますが、僕はペラサイトをシリウス、ロングレンジをWordPressって感じで分けていますが、今回はシリウスの優れている機能の一つ「サイト複製機能」について紹介したいと思います。簡単です(笑)

上記画像はパリを拠点に活躍するダンスデュオLes Twins(レ・ツインズ)ことLarry Bourgeois(ラリー・ブルジョア)とLaurent Bourgeois(ロラン・ブルジョア)

シリウスサイト複製方法

 

サイト管理画面で複製したいサイトを右クリックサイトの複製をクリック

 

ごめんなさいm(__)mこれだけです(笑)

これだけでは申し訳ないので複製サイトの良いところは、単純なペラサイトや同系列のアフィリエイト商材のサイトを作るのに活躍します。

 

同系アフィリ商材やペラサイト複製の使い方

 

シリウスのサイト複製機能はペラサイト(5記事~10記事程度)でニッチな個別テーマのサイトを量産していくのに優れています。

例えばアフィリエイトサイトでダイエットのサイトを作る場合

  • キャベツダイエット
  • バナナダイエット
  • キャベツダイエット
  • コーヒーダイエット
  • マイクロダイエット
  • 玄米ダイエット
  • こんにゃくダイエット
  • 乳酸菌ダイエット

などのサイトを作っていく場合、大まかなダイエットの説明、テンプレートの設定や
CSSの設定などまた1から作るよりも複製した方が早いです。

また、シリウスの置換機能を使えばわずかな修正で新しいサイトに早変わりです。
置換方法も簡単なので説明します。

 

シリウスの置換設定方法

 

これもとっても簡単です(笑)

編集記事の置換をクリック

 

まずは置換する文字を検索部分に入れます。
次に置換したい文字を入力して
「現在編集中のページ」「現在開かれている全てのページ」「全てのページ」

を選んで置換をクリックで数秒ほどで入れ替わります。

この時「全体のページ」を選択することをおすすめします。

万が一他のページなどに前回のキーワードなどが残っているとみっともないし、この置換で変わるのは記事関係だけで、タイトルやサイト全体設定で記入したものは変わりません。

商品選定の時など、いろいろなペラサイトを見ていると、タイトルと商品名が合ってないサイトがチラホラあるので皆さんも気を付けてください。

 

 

シリウスにお問い合わせフォームを無料で作ろう

SIRIUSシリウスに無料でメールフォームを設置するやり方です。

ブログやサイト運営をしていくなら可能な限りサイトにはお問合せ」ページを設置しておくことをおススメします。

理由は

サイトの信頼性の向上サイト訪問者とのつながりです。

無料メールフォームプログラムに登録しよう

 

自分が契約しているレンタルサーバーのCGIを利用したり
無料のメールフォーム作成サービスを利用したりと方法はいくつかありますが

今回はHTMLやCGIなどをいじることなく簡単に誰でも使える無料で多機能な

フォームズ】でお問い合わせを作りたいと思います。

まずは、フォームズのトップページに行き赤枠にお問い合わせに使用するメールアドレスを入力しましょう。

入力したら、メールフォームを作るをクリックしてパスワードを入力

同意して進むをクリック

 

次にフォーム表示をクリックしてください。

 

この画面が出てきたと思いますが、正直この時点でOKなら、このまま使っても構いません。左の一番下のフォーム保存で設定は終了です。

今回はせっかくなので、もう少し色付けしたいと思います。
って今回自分が必要だから作ったのを載せるだけなんですが(;^_^A すいませんw

 

左の選択の中から、項目の追加をクリックします。

 

 

こんな風にカーソルおあてたところに追加できる場所が出てきます。
今回はここに、選択型チェックボックスとメッセージの下にコメントをつけたいと思います。

 

追加したい場所をクリックすると下の画像が出てきます。

この中から選択型チェックボックスコメントを追加します。

 

選択型チェックボックスコメント欄設定をしたら、フォーム保存をクリックします。

 

この画面の一番上の数字はログインIDになります。

登録したメールアドレスにもこの内容が記載されているので保存しておきましょう。

次はシリウス側の設定です!

 

シリウスのメニューにお問い合わせを追加しよう

 

シリウスを起動させたら、編集 メニューの編集 に進みましょう。

 

新規追加をクリック

 

この赤枠の部分に、テキスト(問い合わせ)と先ほどのフォームズのURLを張り付けて、OKをクリック。画面が変わったらもう一度OKをクリックしてシリウスの設定は完了です。

 

プレビューで確認して、きちんと作動するか確認してください!

 

以上でシリウスにお問い合わせを設置する方法の解説でした。

今回は簡単設定でしたが、フォームズの無料版ではアクセス解析の トラッキングコードを入れたり、問い合わせのカラーを変えたりいろんなことが出来ますので、皆さんのサイトに合わせて、いじってください。

更新をしなければ保存されませんので、いろいろ試しまっくて、わからなくなったら
更新せずに「途中でやめるにはこちら」から出てやり直す方がはやいです(笑)

シリウスのh1タグの非表示と消し方

シリウスのデフォルトのテンプレートでは、h1タグが最上部に表示されます。
字が小さくて読みにくく、シリウスユーザーも多くアフィリエイトのサイトはどれも似たようなサイトになるので、少しでもカスタマイズしたい!

でもh1テキストはSEO上、重要なキーで消してしまうと不利らしい。
(実際はあまり関係ないという方もいます)

まずは、透明にして隠す方法をご説明します。

h1タグを非表示にしてみよう

 

編集スタイルシートに進んで/* 各種見出し */ 部分を探します。
その下に、color: #666666; 部分があります。

この部分を transparent; に書き換えましょう。

transparent;とは、テキストを透明にして見えなくしますが 実態はあるということです。

 

保存を押したら完了です。プレビューで確認してください。

 

 

次は、完全に消してしまうやり方です。

h1タグスペースを削除する方法

 

ここからは、見えなくするのではなく、h1そのものを削除するやり方です。

編集 > HTMLテンプレート から<!– ★ヘッダーここから★ –>の下の

<div id=”rndtop”>
<% pageTopic %>
</div>

この部分を消してください。

 

 

保存を押したら完了です。

 

 

プレビュー表示で消えていることを確認してください。

テキストの透明化も、削除もいつでも編集画面から、「デフォルトに戻す」で戻せますので、失敗しても大丈夫です。

スマホなどで見た時の印象が変わるので、僕もサイトによっては消しています(^-^)

シリウスにアドセンスを貼る方法

シリウス(SIRIUS)にアドセンスを貼る方法 

多分、初めてシリウスに導入しようとすると上手く表示されないことが多いと思いますので、やり方を説明しておきます。

 

シリウスでアドセンスを貼るにはnoreturnタグを利用する

 

シリウスでは編集画面に文字列を書くと、デフォルトでは自動で改行される仕様になっています。

 

 

この設定は余程の事情が無い限り変更する事はありません。

 

この状態でそのままアドセンスコードを貼ると、プレビューやサイト生成した際にpタグが自動付加されてしまうので、アドセンスが表示されません。

こういう場合は改行無視エリア(noreturn)タグを付加します

アドセンスコードを選択したら
右クリック > タグ挿入 > 改行無視エリア を選択しましょう。

 

すると、アドセンスコードの上下に<noreturn>タグが付加されます。この「タグの範囲は改行しませんよ」という意味です。アドセンスコードに限らず、ブログパーツやウィジェットなどを導入する際でも、この<noreturn>タグを利用すると解決します。

 

アドセンスをスッキリ表示させたい場合はモジュール設定しよう

アドセンスコードは文字列が長いですし、HTMLコードの中に混ざると判別しづらくなる事があります。

こういう場合はアドセンスコードをモジュール設定してしまうことをお勧めします。

サイト全体設定 > モジュール設定 を選択し、新規追加をクリックします。

モジュール名はわかりやすく「アドセンス記事中」などにしておくといいと思います

アドセンスの上部には

<span style=”font-size:14px” class=”lbg”>スポンサーサイト</span><br/>
<noReturn>
アドセンスコード
<noReturn>

コピペして入れておきましょう!

「改行タグを挿入しない」にチェックを入れていればnoreturnタグを付加する必要はありませんが、シリウスはバージョンアップ時にたまにバグる為、何があっても良いように僕は念のために<noreturn>タグを付加しています。

これでOKをクリック。画面が変わったらもう一度OKをクリック!

 

シリウスの編集画面上で右クリック >モジュールの設定を選択すると、先ほど設定したアドセンスのモジュールが使えるようになります。

モジュール設定を利用することで、アドセンス挿入箇所の表記がこのようにスッキリさせることが出来ます。

以上、シリウスにアドセンスを貼る方法でした。

シリウスでサイトを作るときに絶対最初にやっておく初期設定

シリウスでサイトを作るときに最初にやっておく初期設定です。
 超簡単な設定で、シリウス上位版ではスマホ、携帯、iPhoneサイト自動で作成してくれます。
ただ、大体の人が普通にチェック設定して終わらせているので、
もうワンポイント付け加えておきます。 

シリウスで絶対やっておくべきスマホ設定

 

シリウスの管理画面から「サイトオプション」→「携帯サイト設定」

携帯サイトを同時生成するにチェックを入れて、
テンプレートをサイトに合ったものを選択します。

 

次がポイント!!シリウス初心者さん見落としポイント!

【同一URLで振り分け】(推奨・通常のサーバ用)に設定する!

次に隣のiPhoneの設定もしておきましう。

やることは同じです。

iPhoneサイトを同時生成するにチェックを入れて
テンプレートをサイトに合ったものを選択します。

【同一URLで振り分け】(推奨・通常のサーバ用)に設定する!

以上で設定はおわりです。
これをしておかないと、スマホや携帯で見た時にきちんと表示されない場合があるので最初に設定しておきましょう。

今回は簡単な設定ですが、スマホ用のヘッダーにしたり、アクセス解析を入れたり、いろいろな設定が出来ますので、お好みにあわせて設定してください。

シリウスのFTP設定が出来ない!

金払ってますか?って、、、なめてんのか(笑)

ここで何度もいきづまった!

わかってしまえば単純なことだったけど、

サイト量産ツールSIRIUSでエックスサーバーで管理している
ドメインにアップロードして、Web上にサイトを表示させる方法を紹介しときます。

作業手順は3つ

  1. シリウスでエックスサーバーに接続
  2. アップロード先の指定
  3. アップロードの実行

それぞれ解説をしておきます。

XサーバーのFTP設定とアップロード方法

SIRIUSシリウス初心者がこのFTP設定でつまずく人はかなり多いらしい!

ここでは、XサーバーのFTP設定とアップロード方法をご紹介したいと思います。

SIRIUSシリウスでFTPの接続先の設定方法

上部メニューから『設定』 ⇒ 『FTP設定』 をクリックしてください。

FTP接続先一覧が出ますので、『新規設定』 をクリックします。

ここに各サーバーのFTP情報を入力していきます。

この時!※1 FTPユーザー/パスワードはサーバーID/パスワードと同一です。

この言葉に騙される!ID、パスワードなどを変えていたので、てっきりそのパスかと思いきや!違うじゃないか(笑)

ここで、使う情報は最初にメールで送られてきた ↓ これです。

この情報です!

①接続先の名前:好きな名前でOK。

②ホスト名:上記の情報

③ユーザー名:上記の情報

④パスワード:上記の情報

⑤初期フォルダ名:独自ドメインを登録した場合は、
『/ドメイン名/public_html』を入力すると1階層目に接続できます。

申込み後に来た『サーバアカウント設定完了のお知らせ』の中にFTP情報が書かれているなんて、まずFTPが何なのかわからない自分には思い出すことすらできなかった(笑)

エックスサーバーのFTPマニュアルはこちら
エックスサーバーのFTPについて

SIRIUSシリウスでアップロード方法

あとはシリウスで『サイト生成』をクリックして、サイト生成できたら、

⇒ 『アップロードしますか?→はい 』

⇒ 『全てのファイル』をアップロード。

これでホームページ、ウェブサイトの公開が完了です。