できるところから始めよう

　まずは，現在使っているサンプルテーマを管理画面からダウンロードしました。

フォルダ名を書き換え，config.phpとsrc/Plugin.phpを書き換えました。次に，ヘッダとフッタを書き換えようとしましたが，templatesフォルダの中にelementフォルダがありません。

バージョンアップの度に当サイト用に書き換えているファイルは，/vender/baserproject/bc-frontフォルダ内にあるので，ここからheader.phpとfooter.phpをコピーすることにしました。

footer.phpには画像スライドショーを埋め込んでいましたが，Blog記事内の画像表示に不具合が出ていたのでいったん削除しました。

テーマを切り替える

　ここまで作業したところで，テーマフォルダを/pluginsフォルダにアップロードして切り替えました。

レイアウトは変更していないので，見た目は何も変わっていませんが，フッタはテーマフォルダ内のfooter.phpを書き換えると反映されるので，今後はbaserCMSアップデートのたびに書き換えなくてもよさそうです。

上記のことを確認したので，/vender/baserproject/bc-frontフォルダ内で，アップデートのたびに書き換えていたファイルをテーマフォルダにコピーすることにしました。

これらのファイルについてもテーマフォルダにコピーしたファイルを書き換えると反映されました。

画像スライドショーを再設定する

　次は先日設定した画像スライドショーの設置をします。バナー管理プラグインでスライドショーをするために，bxslider関連のファイルを/vender/baserproject/bc-frontフォルダ内にコピーしていたのですが，bc-frontフォルダ内をよくみると同じようなファイルがあらかじめ入っていました。おそらく標準テーマでbxsliderが使われているようなので，確認して必要そうなcssファイルを1つだけテーマフォルダの中のwebroot/cssフォルダにコピーしました。

その後，トップページのレイアウトファイル（default.php）で上記のcssファイルを読み込む設定を追加し，バナー管理プラグインのフォルダに作成していたバナー表示用のレイアウトファイルからcssとjsの読み込み部分を削除しました。

トップページにバナーを読み込む部分は新しくエレメントテンプレートを作成してトップページのレイアウトファイルから読み込むようにしました。

ここまで設定して確認したところ，画像スライドショーがきちんと表示され，Blog記事内の画像表示に出ていた不具合も解消されました。

カスタマイズの準備が整いました

　何となく軌道に乗り始めたので，ここからレイアウトテンプレートやcssファイルを書き換えていこうと考えています。（さらに続く）