海外サイトによく見られる...いや時々でしょうか？
サイト構成にトップページのみ画面全体にGIF画像..シネマグラフを組み込んでいる例が
見られます。

 

検索エンジンか何かで初めて訪れた際のサイトイメージは大事ですね..

 

ま、コンテンツが一番大事なのは重々承知はしておりますけど...？
一瞬で読者を虜にしてしまう...?....表現が大げさすぎ...

 

でも、多くのサイトを運営するなら一つぐらいやってみる価値があるのでは？
と理解しております...です。

 

 

シリウスで実行する場合は、一カラムであれば面倒が少なくやりやすいのですが、
サイトをご案内するサイドメニューの配置要素を考えますと...

 

トップページだけ1カラムとか

 

2カラムの場合でなら、トップページだけ1カラムにするとか

 

2カラムのまま行くなら、記事台紙の非表示とか...

 

サイドメニュー背景の非表示とかの各種レイアウトの可変を行うしかないようですが
...自己努力でお願いします..

 

今後、カスタマイズに関しては追記してまいりますが今回はこの程度でご勘弁くださいね...

 

では、まいりましょうか...

 

トップページ背景のみGIFシネマグラフを設定する手順

 

ちなみに当サイトは、記事台紙,,レイアウト枠を横拡大している..
そしてヘッダー画像...実は背景画像をヘッダーみたいに見せている...諸事情で解説する
カスタマイズが反映しません..

 

上で垣間見えるヘッダーもどきがサイト全体にとご理解ください...

 

従来からのテンプレートでは、記事台紙を削除しなければ両サイドのみ反映..
有料テンプレートでも同じく両サイドのみ...

 

...新１．５テンプレートでは正常反映を確認しております..

 

 

トップページとのタイトルでしたね..
ま、とりあえず言ってますが、各ページで個々に反映も可能です..

 

確認のためのDEMOコードとあなたのサイトに貼り付けるコピーコード二つを用意しましたので
記事内のどこかに？張り付けてみてください...
活用ください..

 

DEMOコード
こちらは当サーバーから呼び込まれます..
<img style="z-index: -1;min-width: 1024px;position: fixed;top:0;left:0;" width="100%" height="100%" src="https://www.affiliateno1.com/img/cointreau-table-980.gif";>

 

 

コピーコード以下..自身のサイトに貼り付けた際は、PC内のGIF画像をシリウスに読み込んでから
img/cointreau-table-980.gifの画像コードを張り替えてください
<img style="z-index: -1;min-width: 1024px;position: fixed;top:0;left:0;" width="100%" height="100%" src="img/cointreau-table-980.gif";>

 

 

簡単すぎますか？

 

でも、記事台紙を非表示にしていないとサイトの両脇だけしか見えませんね

 

 

今回のカスタマイズはページ解説を応用しております..
シリウスサイト背景にユーチューブ動画をＣＳＳのみで設定する方法

 

 

追伸

 

トップページの背景を設定することは、シリウスデフォルト機能の
画像の拡張に障害が発生し設定ではできませんでした...

 

外部から何かしら追加すればできるということが確認されております..

 

当サイトはエントリーページですが、解説のカスタマイズでは表示は
不能なので別な方法で表示しております...

 

 

 

 

シリウスのトップページ背景をGIFシネマで全体表示する設定方法
ＧＩＦアニメ　動く画像をシリウスサイトに設置する方法のご案内
シリウスカスタマイズTOP