SIRIUS(シリウス)のテンプレートやスタイルシートを編集

SIRIUS(シリウス)のテンプレートやスタイルシートを編集

SIRIUS(シリウス)は、テンプレートやスタイルシートを編集することができるようになっています。

SIRIUS(シリウス)のテンプレートやスタイルシートを編集

SIRIUS(シリウス)は、編集で『HTMLテンプレート』『スタイルシート(CSS)』を書き換えて、変更することができます。

 

注意! 
テンプレートやスタイルシートを変更して書き換える場合は、自己責任のもとに行うようにしてください。
このページでは、参考にこのページをSIRIUS(シリウス)で作成したときに、新ビジネステンプレートのブラック3カラムのテンプレートから、どこを変更したのか、その変更した部分について参考として載せていますが、変更はHTMLやCSSを十分に理解した上で、自己責任のもと行ってください。
万一、上手くいかないようでしたら、『サイト全体設定』『テンプレート』でSIRIUS(シリウス)に付属している元の既存のテンプレートを選択すれば、既存に用意されていたテンプレートに戻せるかと思います。

 

 

実際に、SIRIUS(シリウス)『HTMLテンプレート』『スタイルシート(CSS)』を書き換える場合、テンプレートタグをクリックして、変更していきます。
『HTMLテンプレート』を書き換えたい場合は、『HTMLテンプレート編集(Ctrl+Q)』を選択します。
『スタイルシート(CSS)』を書き換えたい場合は、『スタイルシート編集(Ctrl+W)』を選択します。


 

tun200

 

『HTMLテンプレート編集(Ctrl+Q)』を選択すると、次のタグが出てきます。
『トップページ』、『カテゴリーページ』、『エントリーページ』、『サイトマップ』、『サイト内検索ページ』、『リンク集ページ』
該当する書き換えたいタイプのHTMLページをそれぞれ書き換えていくことになります。
例えば、トップページと記事ページを書き換えたいのであれば、『トップページ』、『カテゴリーページ』、『エントリーページ』を書き換えることになります。

 

『スタイルシート編集(Ctrl+W)』を選択すると、次のタグが出てきます。
『メインスタイル(syles.css)』、『ユーザー指定スタイル』、『commonstyles.css』、『tables.css』、『textstyles.css』
該当する書き換えたいタイプのスタイルシートをそれぞれ書き換えていくことになります。
例えば、ページのレイアウトを変更したいのであれば『メインスタイル(syles.css)』を、ページの細かなパーツのスタイルを変更したいのであれば『commonstyles.css』を書き換えたりしていくことになります。

 

SIRIUS(シリウス)をCSS Gridレイアウトにする場合は、スタイルシートではレイアウトを、HTMLテンプレートでは記事が書かれているページは変更していくことになります。
具体的には、スタイルシートでは『メインスタイル(syles.css)』、HTMLテンプレートでは『トップページ』、『カテゴリーページ』、『エントリーページ』を書き換えることになります。

ソースコード編集に関連したオススメツール

ソースコードを強制的にHTML変換してくれる「srctohtml」
http://marginalsoft.com/tools/srctohtml/

 

テキスト比較ツール diff
https://difff.jp/