When we use baserCMS with nada icons.To operate control panel and files.This slide directs how to use baserCMS, with nada-icons, theme.

1. nada iconsテーマ管理
2016/9/末日 記載

2. nada iconsテーマ管理
管理画面
2016/9/末日 記載

3. nada iconsテーマ管理
「テーマ管理」をクリックして進んでください。
2016/9/末日 記載

4. nada iconsテーマ管理
テーマを選択できる画面が表示されます。
2016/9/末日 記載

5. nada iconsテーマ管理
「テーマ管理メニュー」から。
2016/9/末日 記載

6. nada iconsテーマ管理
「テーマ設定」をクリックして進んでください。
2016/9/末日 記載

7. nada iconsテーマ管理
使用画像が表示されます。
2016/9/末日 記載

8. nada iconsテーマ管理
しかし、ここから変更は不安的です。
他の方法を紹介します。
2016/9/末日 記載

9. nada iconsテーマ管理
ある意味、原始的な方法です。
収納フォルダーから直接、
ファイルから変更します。
2016/9/末日 記載

10. nada iconsテーマ管理
トップページのロゴから変更します。
2016/9/末日 記載

11. nada iconsテーマ管理
basercms/app/webroot/theme/nada-icons/img/
このフォルダーへ移動します。
2016/9/末日 記載

12. nada iconsテーマ管理
nada-iconsの画像フォルダーです。
2016/9/末日 記載
ロゴやスライダーの画像が
並びます。他にもdefaultの
画像が収納されています。

13. nada iconsテーマ管理
ロゴの画像が「logo.png」であります。
作ったヘッダーロゴにlogo.pngに
リネームして置き換えます。
2016/9/末日 記載

14. nada iconsテーマ管理
今回、このロゴ画像を置き換えます。
「samplelogo.png」を「logo.png」に
リネームします。
2016/9/末日 記載

15. nada iconsテーマ管理
まだ、デフォルトのままです。
2016/9/末日 記載

16. nada iconsテーマ管理
「logo.png」に変更。
2016/9/末日 記載

17. nada iconsテーマ管理
logo.pngファイルをnada-iconsの
imgフォルダーヘ入れて置き換えます。
2016/9/末日 記載

18. nada iconsテーマ管理
2016/9/末日 記載
置き換え確認の
メッセージが出る
ので置き換えます。

19. nada iconsテーマ管理
外観を更新すると、
変更したロゴになります。
2016/9/末日 記載

20. nada iconsテーマ管理
スライダー画像の変更です。
2016/9/末日 記載

21. nada iconsテーマ管理
スライダー画像の名前は
main_image_1、main_image_2
main_image_3、main_image_4
main_image_5と最後「_整数」
になってます。横750Px × 縦300px
で5枚の画像を作ってそれぞれの
名前に変えてください。
2016/9/末日 記載

22. nada iconsテーマ管理
他トップページの画像。2箇所あります。
2016/9/末日 記載

23. nada iconsテーマ管理
345px × 110pxで画像を作って、
この名前に変えると変更できます。
2016/9/末日 記載
icons_banner_l_01.png
icons_banner_l_02.png
このふたつの名前で保存
されてます。

24. nada iconsテーマ管理
2016/9/末日 記載
サイドバー画像の変更。
サイドバナーが2つと、
ロゴの変更ができます。

25. nada iconsテーマ管理
サイドバーの画像は
sideboxフォルダーに
収納されてます。
2016/9/末日 記載

26. nada iconsテーマ管理
サイドバーのロゴなど収納されています。
2016/9/末日 記載

27. nada iconsテーマ管理
3枚の画像はsidebox_logo.png、
icons_banner_01.png、
icons_banner_02.pngと
名前で保存されてます。説明では
fireworksで画像は簡単に編集が
できると書かれていました。当方は
確認できませんでした。
2016/9/末日 記載

28. nada iconsテーマ管理
この「baserCMS」部分は
ファイルから変更します。
2016/9/末日 記載

29. nada iconsテーマ管理
一旦、themeフォルダーの
ところまで戻ります。
2016/9/末日 記載

30. nada iconsテーマ管理
/theme/nada-icons/Elements/sidebox.php
にサイドバーのファイルがあります。
2016/9/末日 記載

31. nada iconsテーマ管理
2016/9/末日 記載
sidebox.phpファイル
サイドバーを形成
するコードが書か
れています。

32. nada iconsテーマ管理
30行目あたりに「baserCMS」と
書かれた箇所があります。
ここを変更するとサイドバーの
baserCMS部分を変更できます。
2016/9/末日 記載

33. nada iconsテーマ管理
「ベッシー」と変更してみます。
2016/9/末日 記載

34. nada iconsテーマ管理
「ベッシー」と変わりました。
2016/9/末日 記載

35. nada iconsテーマ管理
2016/9/末日 記載
これでnada-iconsの
基本変更は
お し ま い。