Submit Search
Upload
Cpi mega mix
•
2 likes
•
1,708 views
Ryuji Egashira
Follow
Vagrant 環境で学ぶ baserCMSハンズオン
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 47
Download now
Download to read offline
Recommended
Vagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみよう
Takuma Morikawa
うわ…私のEmacs力、低すぎ...?
うわ…私のEmacs力、低すぎ...?
Masahiro Sano
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
666oh666
仮想マシンを使った開発環境の簡単共有方法
仮想マシンを使った開発環境の簡単共有方法
Hideo Takahashi
仮想マシンとVagrant + Vagrant 1.5
仮想マシンとVagrant + Vagrant 1.5
Daisuke Kikuchi
Vagrant - 最近流行ってるらしいけど何者?
Vagrant - 最近流行ってるらしいけど何者?
Yoshinori Nakanishi
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
今流行りのウェブアプリ開発環境Yeoman
今流行りのウェブアプリ開発環境Yeoman
tomo_masakura
Recommended
Vagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみよう
Takuma Morikawa
うわ…私のEmacs力、低すぎ...?
うわ…私のEmacs力、低すぎ...?
Masahiro Sano
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
666oh666
仮想マシンを使った開発環境の簡単共有方法
仮想マシンを使った開発環境の簡単共有方法
Hideo Takahashi
仮想マシンとVagrant + Vagrant 1.5
仮想マシンとVagrant + Vagrant 1.5
Daisuke Kikuchi
Vagrant - 最近流行ってるらしいけど何者?
Vagrant - 最近流行ってるらしいけど何者?
Yoshinori Nakanishi
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
今流行りのウェブアプリ開発環境Yeoman
今流行りのウェブアプリ開発環境Yeoman
tomo_masakura
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
Vagrant+Ansibleで検証環境を簡単構築
Vagrant+Ansibleで検証環境を簡単構築
Ken Sawada
とある Perl Monger の働き方
とある Perl Monger の働き方
Yusuke Wada
Vagrant+virtualboxを使ってみよう
Vagrant+virtualboxを使ってみよう
Kei IWASAKI
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
Y Watanabe
Looking glass + videoplayer
Looking glass + videoplayer
優介 黒河
VagrantからDockerに開発環境を移行した時の話
VagrantからDockerに開発環境を移行した時の話
Daijiro Abe
究極にして至高のWAF
究極にして至高のWAF
Yuki Ishikawa
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
Yukihiko SAWANOBORI
「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方
Yusuke Wada
かなりすごい発表(かなり) at VimConf2014
かなりすごい発表(かなり) at VimConf2014
Sugoi Kanari
小さく始めて後で困らないためのVPCとChefを使ったAWS運用
小さく始めて後で困らないためのVPCとChefを使ったAWS運用
Satoru Nakamura
バージョン管理#01 -Subversion編-
バージョン管理#01 -Subversion編-
hakoika-itwg
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
20191003 classi night-04
20191003 classi night-04
Akihiko Kigure
HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura
em-dosbox
em-dosbox
sairoutine
Rubyコミッタのいる開発いい話
Rubyコミッタのいる開発いい話
Kenichi Murahashi
20150523
20150523
Toshihiro Suzuki
次期baserCMSの新機能と今後の展望
次期baserCMSの新機能と今後の展望
Ryuji Egashira
baserCMSのstripe連携プラグインを作った話
baserCMSのstripe連携プラグインを作った話
Tatsuhiko Uchiba
More Related Content
What's hot
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
Vagrant+Ansibleで検証環境を簡単構築
Vagrant+Ansibleで検証環境を簡単構築
Ken Sawada
とある Perl Monger の働き方
とある Perl Monger の働き方
Yusuke Wada
Vagrant+virtualboxを使ってみよう
Vagrant+virtualboxを使ってみよう
Kei IWASAKI
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
Y Watanabe
Looking glass + videoplayer
Looking glass + videoplayer
優介 黒河
VagrantからDockerに開発環境を移行した時の話
VagrantからDockerに開発環境を移行した時の話
Daijiro Abe
究極にして至高のWAF
究極にして至高のWAF
Yuki Ishikawa
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
Yukihiko SAWANOBORI
「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方
Yusuke Wada
かなりすごい発表(かなり) at VimConf2014
かなりすごい発表(かなり) at VimConf2014
Sugoi Kanari
小さく始めて後で困らないためのVPCとChefを使ったAWS運用
小さく始めて後で困らないためのVPCとChefを使ったAWS運用
Satoru Nakamura
バージョン管理#01 -Subversion編-
バージョン管理#01 -Subversion編-
hakoika-itwg
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
20191003 classi night-04
20191003 classi night-04
Akihiko Kigure
HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura
em-dosbox
em-dosbox
sairoutine
Rubyコミッタのいる開発いい話
Rubyコミッタのいる開発いい話
Kenichi Murahashi
20150523
20150523
Toshihiro Suzuki
What's hot
(20)
Ember コミュニティとわたし
Ember コミュニティとわたし
Vagrant+Ansibleで検証環境を簡単構築
Vagrant+Ansibleで検証環境を簡単構築
とある Perl Monger の働き方
とある Perl Monger の働き方
Vagrant+virtualboxを使ってみよう
Vagrant+virtualboxを使ってみよう
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
Looking glass + videoplayer
Looking glass + videoplayer
VagrantからDockerに開発環境を移行した時の話
VagrantからDockerに開発環境を移行した時の話
究極にして至高のWAF
究極にして至高のWAF
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方
かなりすごい発表(かなり) at VimConf2014
かなりすごい発表(かなり) at VimConf2014
小さく始めて後で困らないためのVPCとChefを使ったAWS運用
小さく始めて後で困らないためのVPCとChefを使ったAWS運用
バージョン管理#01 -Subversion編-
バージョン管理#01 -Subversion編-
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
20191003 classi night-04
20191003 classi night-04
HTML5 開発環境の紹介
HTML5 開発環境の紹介
em-dosbox
em-dosbox
Rubyコミッタのいる開発いい話
Rubyコミッタのいる開発いい話
20150523
20150523
Similar to Cpi mega mix
次期baserCMSの新機能と今後の展望
次期baserCMSの新機能と今後の展望
Ryuji Egashira
baserCMSのstripe連携プラグインを作った話
baserCMSのstripe連携プラグインを作った話
Tatsuhiko Uchiba
OSC2013@FUKUOKA
OSC2013@FUKUOKA
Ryuji Egashira
Cake php×国産!オープンソースcms「basercms」が熱い!
Cake php×国産!オープンソースcms「basercms」が熱い!
Ryuji Egashira
構築事業の支援プラットフォームについて
構築事業の支援プラットフォームについて
Six Apart KK
強化された baserCMS の使いどころとは?
強化された baserCMS の使いどころとは?
Ryuji Egashira
20150718 a-blog cms × baserCMSのご紹介
20150718 a-blog cms × baserCMSのご紹介
Daisuke Abe
CakePHP × 国産! baserCMS3の深化と今後の拡がり
CakePHP × 国産! baserCMS3の深化と今後の拡がり
Daisuke Abe
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
Ryuji Egashira
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
Ryuji Egashira
Baser oscdo-20106
Baser oscdo-20106
Hiromasa Tanaka
これからのCMSマーケットトレンドとPHP (for fukuoka.php)
これからのCMSマーケットトレンドとPHP (for fukuoka.php)
株式会社ミツエーリンクス
拡大版 CMS大阪夏祭り2015 baserCMSのご紹介
拡大版 CMS大阪夏祭り2015 baserCMSのご紹介
Daisuke Abe
「コーポレートサイトにちょうどいい」CakePHPベースの国産CMS「baserCMS」 - ここがちょうどいい機能(OSC2015大分)
「コーポレートサイトにちょうどいい」CakePHPベースの国産CMS「baserCMS」 - ここがちょうどいい機能(OSC2015大分)
Takayuki Gondoh
自動化を支えるCI/CDパイプライン
自動化を支えるCI/CDパイプライン
JunichiMitsunaga
20150110 concret5 baser_cms合同勉強会
20150110 concret5 baser_cms合同勉強会
Daisuke Abe
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
Garyuten
イマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考する
株式会社ミツエーリンクス
20150606 CMS Fun名古屋 vol.2 baserCMSのご紹介
20150606 CMS Fun名古屋 vol.2 baserCMSのご紹介
Daisuke Abe
baserCMSの今
baserCMSの今
Youhei Iwasaki
Similar to Cpi mega mix
(20)
次期baserCMSの新機能と今後の展望
次期baserCMSの新機能と今後の展望
baserCMSのstripe連携プラグインを作った話
baserCMSのstripe連携プラグインを作った話
OSC2013@FUKUOKA
OSC2013@FUKUOKA
Cake php×国産!オープンソースcms「basercms」が熱い!
Cake php×国産!オープンソースcms「basercms」が熱い!
構築事業の支援プラットフォームについて
構築事業の支援プラットフォームについて
強化された baserCMS の使いどころとは?
強化された baserCMS の使いどころとは?
20150718 a-blog cms × baserCMSのご紹介
20150718 a-blog cms × baserCMSのご紹介
CakePHP × 国産! baserCMS3の深化と今後の拡がり
CakePHP × 国産! baserCMS3の深化と今後の拡がり
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
Baser oscdo-20106
Baser oscdo-20106
これからのCMSマーケットトレンドとPHP (for fukuoka.php)
これからのCMSマーケットトレンドとPHP (for fukuoka.php)
拡大版 CMS大阪夏祭り2015 baserCMSのご紹介
拡大版 CMS大阪夏祭り2015 baserCMSのご紹介
「コーポレートサイトにちょうどいい」CakePHPベースの国産CMS「baserCMS」 - ここがちょうどいい機能(OSC2015大分)
「コーポレートサイトにちょうどいい」CakePHPベースの国産CMS「baserCMS」 - ここがちょうどいい機能(OSC2015大分)
自動化を支えるCI/CDパイプライン
自動化を支えるCI/CDパイプライン
20150110 concret5 baser_cms合同勉強会
20150110 concret5 baser_cms合同勉強会
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
イマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考する
20150606 CMS Fun名古屋 vol.2 baserCMSのご紹介
20150606 CMS Fun名古屋 vol.2 baserCMSのご紹介
baserCMSの今
baserCMSの今
More from Ryuji Egashira
baserCMS5の機能とver4からの変更ポイント
baserCMS5の機能とver4からの変更ポイント
Ryuji Egashira
ヘッドレス化したbaserCMS5とその機能
ヘッドレス化したbaserCMS5とその機能
Ryuji Egashira
自由自在にWebサイト作るためのbaserCMS入門
自由自在にWebサイト作るためのbaserCMS入門
Ryuji Egashira
フレームワークで開発されたbaserCMSの原点を探る。そしてどこ目指す?
フレームワークで開発されたbaserCMSの原点を探る。そしてどこ目指す?
Ryuji Egashira
あらためて baserCMS ってなんだろう?
あらためて baserCMS ってなんだろう?
Ryuji Egashira
CMSを利用した次世代ワークフローを考える
CMSを利用した次世代ワークフローを考える
Ryuji Egashira
GitHubとTravisCIで回す社内ライブラリの継続的インテグレーション事例
GitHubとTravisCIで回す社内ライブラリの継続的インテグレーション事例
Ryuji Egashira
コミュニティがあなたを強くする
コミュニティがあなたを強くする
Ryuji Egashira
オープンソースCMSにみる、現場で使えるjava scriptライブラリ
オープンソースCMSにみる、現場で使えるjava scriptライブラリ
Ryuji Egashira
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアル
Ryuji Egashira
baserCMSにみられるCakePHPノウハウ蓄積法
baserCMSにみられるCakePHPノウハウ蓄積法
Ryuji Egashira
国産baserCMSの基本機能と秘めたポテンシャル
国産baserCMSの基本機能と秘めたポテンシャル
Ryuji Egashira
やさしいBaserCMSのディスりかた
やさしいBaserCMSのディスりかた
Ryuji Egashira
いったい何ができる?!福岡県産BaserCMSの基本機能と秘めたポテンシャル
いったい何ができる?!福岡県産BaserCMSの基本機能と秘めたポテンシャル
Ryuji Egashira
More from Ryuji Egashira
(14)
baserCMS5の機能とver4からの変更ポイント
baserCMS5の機能とver4からの変更ポイント
ヘッドレス化したbaserCMS5とその機能
ヘッドレス化したbaserCMS5とその機能
自由自在にWebサイト作るためのbaserCMS入門
自由自在にWebサイト作るためのbaserCMS入門
フレームワークで開発されたbaserCMSの原点を探る。そしてどこ目指す?
フレームワークで開発されたbaserCMSの原点を探る。そしてどこ目指す?
あらためて baserCMS ってなんだろう?
あらためて baserCMS ってなんだろう?
CMSを利用した次世代ワークフローを考える
CMSを利用した次世代ワークフローを考える
GitHubとTravisCIで回す社内ライブラリの継続的インテグレーション事例
GitHubとTravisCIで回す社内ライブラリの継続的インテグレーション事例
コミュニティがあなたを強くする
コミュニティがあなたを強くする
オープンソースCMSにみる、現場で使えるjava scriptライブラリ
オープンソースCMSにみる、現場で使えるjava scriptライブラリ
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアル
baserCMSにみられるCakePHPノウハウ蓄積法
baserCMSにみられるCakePHPノウハウ蓄積法
国産baserCMSの基本機能と秘めたポテンシャル
国産baserCMSの基本機能と秘めたポテンシャル
やさしいBaserCMSのディスりかた
やさしいBaserCMSのディスりかた
いったい何ができる?!福岡県産BaserCMSの基本機能と秘めたポテンシャル
いったい何ができる?!福岡県産BaserCMSの基本機能と秘めたポテンシャル
Cpi mega mix
1.
Vagrant 環境で学ぶ baserCMS ハンズオン 江頭
竜二 CPI MEGA MIX
2.
自己紹介 ¡ 江頭 竜二(えがしら
りゅうじ) ¡ CPI 8番目のエバンジェリスト ¡ baserCMS リードデベロッパー ¡ 福岡から来ました 最近、採用活動で迷走中 誰か相談にのってください><
3.
どんたく 行った事ないです
4.
山笠行った事ないです
5.
中洲はあります!!
6.
baserCMSとは?
7.
「コーポレートサイトにちょうどいい CMS」をキャッチフレーズに、 コーポレートサイトに必要な機能を最初から搭載し、海外でなく、日本 国内で、日本人の為に開発されているCMS。 ダウンロード数:約86,000回 搭載サーバー:ロリポップ、ヘテムル等
8.
この夏 CPI にも搭載予定 !?
9.
Vagrant とは?
10.
テスト用の仮想マシン作成やその環境設定などを自動化 するツール。 これを利用することで、仮想環境の作成からセットアッ プ、そして破棄までを、簡単なコマンドを実行するだけ で行える。
11.
なぜ、Vagrant か? ¡ yum や
Chef 、 Composer によりアプリケーションが 動作する直前までを完全に自動化 ¡ 環境差異による問題を防ぐ事ができる ¡ 様々な人が開発に関わるオープンソース開発では必須
12.
さあ、ハンズオン
13.
baserCMSをVagrantで動かすまで(座学) ¡ GitHub より、baserCMSのレポジトリをクローンしディレクトリに移動 https://github.com/baserproject/basercms $
git clone git@github.com:baserproject/basercms.git $ cd basercms ¡ 準備された Vagrant 設定ファイルを配置 $ cp Vagrantfile.default Vagrantfile ¡ Vagrant 経由で、CentOS を起動し環境構築(約20分∼30分) $ vagrant up
14.
ブラウザにアクセスすると インストーラーが起動します。 http://192.168.33.10/
15.
おわり
16.
baserCMSをVagrantで動かすまで (ハンズオン) ¡ セミナー会場はネット回線が混雑するおそれあり ¡ そうでなくてもサーバー起動まで30分近くかかる ¡
=ハンズオンにならない可能性が高い ¡ 今回は USBメモリで構築済パッケージを配布します ¡ 実はセミナー内容を告知してから上記の問題に気づいた
17.
USBメモリを受け取って さあ、ハンズオン
18.
ZIPをPC内に解凍しディレクトリに移動 ¡ USBメモリを受け取ったら、PC内のどこかに basercms.zip
を解凍して ください。 ※ コピーしてから解凍せず、直接、場所を指定して解凍しましょう ¡ ターミナルを起動し、ディレクトリに移動します。 $ cd basercms ※ Windows ユーザーは、Git for Windows 等を利用します。
19.
事前にインストールしておくべきもの ¡ Virtual Box ¡
Vagrant ¡ Git for Windows
20.
Vagrant に box
ファイルを追加する ¡ ZIPファイル内に梱包した package.box を Vagrant に追加します。 $ vagrant box add "chef/centos-6.6 package.box 通常は、ネット経由で自動的にダウンロードしますが、今回は、時間短 縮の為、梱包した CentOS 6.6 の box ファイルを追加します。
21.
Vagrant 設定ファイルを配置 ¡ baserCMSのパッケージで提供されている設定ファイルをコピー $
cp Vagrantfile.default Vagrantfile Vagrantfile には、Vagrantマシンがどのように生成されるのかを決める 設定内容が記述されています。
22.
Vagrant のゲストマシンを生成する ¡ Vagrant
のコマンドでゲストマシン(CentOS 6.6)を生成します。 $ vagrant up 初回実行時には、yum や、Chef、PHP の Composer により、環境構築が 始まりますが、今回、配布しているパッケージは既に環境構築済の為、 2回目の起動となる為、1∼2分で完了します。 通常、開発前にはこのコマンドを実行します。
23.
Vagrant のゲストマシンを生成に失敗する 別のマシンから Vagrant
の box ファイルをインポートしている為、今回 に限り、ゲストマシンの生成に失敗します。 MACアドレスの重複が原因らしい。
24.
Macアドレスの設定を調整 ¡ 今回に限り、仮想マシンにログインし、以下のコマンドを実行します。 $vagrant ssh $
sudo ln -s -f /dev/null /etc/udev/rules.d/70-persistent-net.rules 後から調べると box 化する前に対策を施せたようですが、今回、準備が 間に合いませんでした。。
25.
VirtualBox の GuestAdditions
を調整 ¡ 今回に限り、VirtualBox の GuestAdditions を明示的にセットアップします。 $ sudo /etc/init.d/vboxadd setup GuestAdditions のバージョンがホスト側 と ゲスト側で一致しない場合、 Vagrant のゲストマシンが正常に起動しない場合がありますので、念のため実行 しておきます。 GuestAdditions を自動アップデートする Vagrant のプラグインをインストー ルしておくと2回目以降は安心です。
26.
ゲストマシンをログアウトし再起動 ¡ Vagrant のゲストマシンよりログアウトします $
exit ¡ Vagrant のゲストマシンを再起動します $ vagrant reload ¡ 今回利用したBoxを削除しておきます $ vagrant box remove "chef/centos-6.6
27.
baserCMSの デモンストレーション
28.
注意事項 今回利用しているbaserCMSは、 「開発版」です。 そのまま本番稼働のWebサイト には利用しないでください。
29.
シナリオ 美容室「Colabo」向けのWebサイト構築 ¡ baserCMSのインストール ¡ デザインテーマ適用 ¡
Webページ更新 ¡ 運営ユーザー追加 ¡ 管理画面調整 ¡ 新着情報発信
30.
ブラウザより アクセスする ブラウザより Vagrant
ゲストマシンの Webサーバーにアクセスすると、 baserCMSのインストール画面が起動します。 http://192.168.33.10/
31.
baserCMSのインストール ¡ ステップ1:インストールスタート ¡ ステップ2:自動環境チェック ¡
書き込み権限、必要モジュールのチェック ¡ ステップ3:データベースの選択・接続情報の入力 ¡ 今回はSQLiteを選択 ¡ ステップ4:管理ユーザー情報の登録 ¡ admin 以外のユーザー名を(ブルートフォースアタック対策) ¡ ステップ5:完了
32.
baserCMSの管理画面構成 CMSメインメニュー ツールバーメニュー サブメニュー フロントと管理システムの行き来 初期構築時に利用する事が 多いメニュー 表示している管理機能に 関連するメニュー よく使う項目 フロントと管理システムの行き来 ブラウザのブックマークのように 利用するメニュー^ ヘルプ・検索・制限 画面に関するヘルプや 一覧の検索機能を表示
33.
baserCMSの管理画面構成 システムナビ 管理システムの全ての メニューを表示
34.
デザインテーマの適用 通常は、baserマーケットでデザインテーマをダウンロードしますが、 今回は、USBメモリ内の bccolors.zip を利用します。 http://market.basercms.net テーマ管理 → テーマ新規追加 bccolors選択 → 適用
35.
デザインテーマの初期データ読込 baserCMSは、デザインテーマに合わせたコンテンツ等のデータを「初期 データ」として登録が可能。 ※ 初期データ読込を行うとデータが初期化されるので注意が必要 テーマ管理 → 現在のテーマ → 初期データ読込
36.
アップローダープラグインの登録 ファイルをブラウザよりアップロードする為、アップロードプラグイン を登録します。通常は、baserマーケットでプラグインをダウンロードし ますが、今回は、USBメモリ内の Uploader.zip を利用します。 ※
次期バージョンよりアップローダープラグインは同梱されます。 プラグイン管理 → プラグイン新規追加 Uploader.zip を選択 → インストール
37.
デザインテーマのカラーを変更 baserCMSは、デザインテーマにおいてメインカラーやサブカラー等を設 定できるように作成可能。 テーマ管理 → テーマ設定 下記を設定し保存 ¡ メインカラー:1C996C ¡ サブカラー:0C828A
38.
ロゴ画像とスライダー写真の変更 baserCMSは、デザインテーマにおいて、ロゴ画像とメインイメージを設 定できるように作成可能。 テーマ管理 → テーマ設定 USBメモリの assets.zip を解凍 各画像を設定し保存
39.
デザインテーマのカラーを変更 baserCMSは、デザインテーマにおいてメインカラーやサブカラー等を設 定できるように作成可能。 テーマ管理 → テーマ設定 下記を設定し保存 ¡ メインカラー:1C996C ¡ サブカラー:0C828A
40.
Webサイトの名称を設定 baserCMSにおいて、Webサイトの名称は、SEOを考慮し、「正式名称」 と「タイトルタグ用名称」を設定できます。 システム設定 ¡ Webサイト名:Colabo ¡ Webサイトタイトル:福岡の美容室|Colabo
41.
Webページの更新 固定ページ機能より、Webページの更新を行います。 固定ページ → 会社案内の編集 → 保存 ¡ 会社名:Colabo ¡ 所在地:福岡市西区拾六町1−15−1 ¡
事業内容:美容室業
42.
運営ユーザー作成 機能を制限された運営ユーザーを作成します。 システム管理 → ユーザー管理 → ユーザー新規追加 → 保存 ¡ アカウント名:demo ¡ 名前:demo ¡
グループ:サイト運営 ¡ パスワード:demodemo
43.
運営ユーザーへの切替 「代理ログイン機能」により運営ユーザーに瞬時に切り替える事ができ ます。 これは管理者が運営ユーザーがどのような画面を見ているかを確認する 為の機能です。 システム管理 → ユーザー管理 → demo にログイン
44.
よく使う項目の調整 運営ユーザーが迷わないようにする為、不要なメニューを削除します。 他にもアクセス制限管理より表示項目の細かい調整が可能です。 画面左のよく使う項目の 「新着情報管理」以外を 右クリックして削除
45.
新着情報を登録 運営ユーザーで新着情報を登録します。 新着情報管理 → 記事新規追加 → 保存 ¡ タイトル:demo ¡ 本文 この度ホームページをオープンしました。 今後とも末永いお付き合いをよろしくお願いします。 ¡
公開情報:公開
46.
ハンズオン終了
47.
ご清聴ありがとうございました まずはココからご参加を Facebook「baserCMS雑談広場」
Download now