国産baserCMS Made In Japan

baserCMSを使ってみよう!ブログでも使えるbaserCMSを活用しよう。コーポレートサイトに最適。

nada-iconsのトップページの変更方法

f:id:basercms:20160929230841g:plain

環境

baserCMS4 beta

nada-icons

windos7 xampp

php 5.6.21

mariaDBmysql

 

特に今回はxampp、mampなどの

環境は関係はないと思います。

インストールしてみてください。

f:id:basercms:20160929231253g:plain

 

管理画面を開いてください。

 

f:id:basercms:20160929231330g:plain

 

「テーマ管理」をクリックして、進んでください。

 

 

f:id:basercms:20160929231441g:plain

 

テーマを選択できる画面が表示されます。

 

f:id:basercms:20160929231544g:plain

 

「テーマ管理メニュー」から。

 

f:id:basercms:20160929231622g:plain

 

「テーマ設定」をクリックして進んでください。

 

f:id:basercms:20160929231656g:plain

 

使用画像が表示されます。

 

f:id:basercms:20160929231758g:plain

 

しかし、ここから変更は不安的です。

 

他の方法を紹介します。

 

f:id:basercms:20160929231838g:plain

 

ある意味、原始的な方法です。

 

収納フォルダーから直接、

 

ファイルから変更します。

 

f:id:basercms:20160929231928g:plain

 

トップページのロゴから変更します。

 

 

f:id:basercms:20160929231956g:plain

 

basercms/app/webroot/theme/nada-icons/img/

 

このフォルダーへ移動します。

 

f:id:basercms:20160929232103g:plain

 

 nada-iconsの画像フォルダーです。

 

ロゴやスライダーの画像が

 

並びます。他にもdefaultの

 

画像が収納されています。

 

f:id:basercms:20160929232213g:plain

 

ロゴの画像が「logo.png」であります。

 

作ったヘッダーロゴにlogo.png

 

リネームして置き換えます。

 

f:id:basercms:20160929232319g:plain

 

今回、このロゴ画像を置き換えます。

 

「samplelogo.png」を「logo.png」に

 

リネームします。

 

f:id:basercms:20160929232417g:plain

 

まだ、デフォルトのままです。

 

f:id:basercms:20160929232500g:plain

 

「logo.png」に変更。

 

f:id:basercms:20160929232536g:plain

 

 

logo.pngファイルをnada-iconsの


imgフォルダーヘ入れて置き換えます。

 

f:id:basercms:20160929232612g:plain

 

置き換え確認のメッセージが出る


ので置き換えます。

 

f:id:basercms:20160929232652g:plain

 

 

外観を更新すると、


変更したロゴになります。

 

f:id:basercms:20160929232736g:plain

 

スライダー画像の変更です。

 

f:id:basercms:20160929232818g:plain

 

スライダー画像の名前はmain_image_1、main_image_2

 

main_image_3、main_image_4main_image_5

 

と最後「_整数」になってます。横750Px × 縦300px

 

で5枚の画像を作ってそれぞれの名前に変えてください。

 

f:id:basercms:20160929232924g:plain

 

他トップページの画像。2箇所あります。

 

f:id:basercms:20160929232959g:plain

 

icons_banner_l_01.png

 

icons_banner_l_02.png

 

このふたつの名前で保存されてます。

 

345px × 110pxで画像を作って、

 

この名前に変えると変更できます。

 

f:id:basercms:20160929233039g:plain

 

サイドバー画像の変更。サイドバナーが2つと、

 

ロゴの変更ができます。

 

f:id:basercms:20160929233205g:plain

 

サイドバーの画像はsideboxフォルダーに


収納されてます。

 

f:id:basercms:20160929233429g:plain

 

サイドバーのロゴなど収納されています

 

3枚の画像はsidebox_logo.png、icons_banner_01.png

 

icons_banner_02.pngと名前で保存されてます。

 

説明ではfireworksで画像は簡単に編集ができると

 

書かれていました。当方は確認できませんでした。

 

 

f:id:basercms:20160929233746g:plain

 

この「baserCMS」部分はファイルから変更します。

 

f:id:basercms:20160929233246g:plain

 

一旦、themeフォルダーのところまで戻ります。

 

f:id:basercms:20160929233917g:plain

 

/theme/nada-icons/Elements/sidebox.php

 

にサイドバーのファイルがあります。

 

f:id:basercms:20160929234001g:plain

 

sidebox.phpファイルサイドバーを形成

 

するコードが書かれています。

 

f:id:basercms:20160929234046g:plain

 

30行目あたりに「baserCMS」と書かれた箇所があります。

 

ここを変更するとサイドバーのbaserCMS部分を変更できます。

 

 

f:id:basercms:20160929234136g:plain

 

「ベッシー」と変更してみます。

 

f:id:basercms:20160929234157g:plain

 

「ベッシー」と変わりました。

 

 

f:id:basercms:20160929234224g:plain

 

これでnada-iconsの基本変更は

 

お し ま い。

 

他、トップページの操作について

  

以下の投稿に書いてます。

 

 

インストール後の管理画面からの変更