CSS・JavaScriptを編集する

このテーマは、CSS・SCSS・JavaScriptを、テーマとして機能する最低限の内容としています。
上位版でSCSSの内容を整理する予定ですが、HTML側はOOCSSなどのオブジェクト指向を想定し、主要要素すべてにクラスを付与したマークアップとなっています。
Bootstrap 4 AlphaのSCSSを抜粋しているため、グリッド・ボタン・フォーム等の仕様はほぼ同じとなっています。

関連ファイル一覧

テーマ全体のCSS・JavaScriptファイルは以下の箇所にあります。

/dist/themes/echo_zero/css/common.css
/dist/themes/echo_zero/js/common.js

以下は、jQueryライブラリ「hiraku.js」用のファイルです。スマートフォンメニューの演出を変更する場合は必要ありません。

/dist/themes/echo_zero/css/hiraku.css
/dist/themes/echo_zero/js/hiraku.min.js

以下は、jQueryライブラリ「slick.js」用のファイルです。メインビジュアルの演出を変更する場合は必要ありません。

/dist/themes/echo_zero/css/slick.css
/dist/themes/echo_zero/css/slick-theme.css
/dist/themes/echo_zero/js/slick.min.js

以下は、Internet Explorer 8以下でCSS単位「rem」を有効にするためのファイルです。レガシーブラウザに対応しない場合は必要ありません。

/dist/themes/echo_zero/js/rem.min.js

以下は、a-blog cmsの投稿画面を調整するためのファイルです。削除しないでください。

/dist/themes/echo_zero/css/acms_ex.css

CSS・JSファイルを追加する

CSS

以下のテンプレートをエディタで開き、最終行にリンクを追加してください。

/dist/themes/echo_zero/include/head.html

JavaScript

以下のテンプレートをエディタで開き、common.jsよりも後にリンクを追加してください。

/dist/themes/echo_zero/include/body_last.html

CSS・JSファイルを差し替える

CSS・JavaScriptライブラリを完全に入れ替える場合は、以下のテンプレートを編集してください。

/dist/themes/echo_zero/include/head/head_common_last.html
/dist/themes/echo_zero/include/body_last.html

「head_common_last.html」には、METAタグ・カスタムフィールド等も記載されています。編集の際はご注意ください。