シリウスのデフォルトレスポンシブT2カラムへトップページのみパララックス仕様にカスタマイズした
DEMOサイトです。

当サイトのレイアウトは、ソース、CSS記載と下層にご案内しており、ソースを張り替えることで
レスポンシブTPを当サイト例アウトに変更することができますが、当サイトのデザインになってしまものと、
事前ご了承ください...以降のカスタマイズは自己判断で...

各要素については大まかですが、説明を付随しておりますが、HTML、CSSともに理解がいただけない方は
混乱することもあるので、使用はご遠慮ください。

また、サポートは一切致しておりません...自己責任で利用するものとご理解ください。

仕様、スクリプトの説明は少々お待ちください。

---

2018 0115...スマホ用ハンバーガーメニュー仕様変更
従来のシリウスデフォルトハンバーガーメニューは、なぜか開くが、閉じない事情ありでしたので
横スライドに切り替えました。（当サイトを狭めて確認
尚、デフォルトメニューの編集で設定するｇｎａｖｉメニューは、効果なしとなります
ＨＴＭｌで自己編集,.なので削除してください。
削除しないと二つのハンバーガーアイコンが表示されます。


トップのみパララックスデザインで構築...下層、カテゴリー、エントリーPは当サイトのオリジナル仕様
DEMOサイトに切り替えてございます..下層のレイアウトもご確認ください。

ここの記事枠のみ建枠大きめですが、記事量に合わせての自動調整となりますので、記事が少なければ
高さは狭まります...

仕様

トップのみ
h2、h3タグの背景が取り込めない事情あり...後ほど対処しますが、
見た目ならその他のタグで代用もできます

ユーザー定義ボックスを使うと...


もしくは、ソースで記載は確認

画像上テキストは入れても入れなくても好みで...
不要とする際は、HTML上から削除
トップのみパララックスデザインのDEMO

導入の際はPタグではなく、BRタグ改行にすることをお忘れなく



当サイトは、シリウスレスポンシブテンプレートの2カラムで、トップページのみ
パララックス仕様にカスタマイズしています
DEMOのカテゴリーページ確認
demoエントリーページ確認

導入する際は、親サイトの解説PでソースとCSSを追加すれば切り替えもできますが、要所だけなので
簡単に変更するなら当DEMO記載のソース張替えが良いと思います。
http://www.affiliateno1.com/シリウスサイトをパララックス仕様にカスタマイズ/動的作動パララックススクロールデザイン.html
こちらも合わせご理解ください..(参考）
http://www.affiliateno1.com/シリウスサイトをパララックス仕様にカスタマイズ/

張り替えようソース
パララックスソース(トップページ専用）
カテゴリーのソース
エントリーHTMLソース
CSS
仕様説明

ここは記事のスペース


画像も置けるかな

三つ目の記事挿入スペースです

 

 

 

 

 

 

 

好みスタイルにしてみましょう