ここから本文です

baserCMS最短チュートリアル

ここでは、デモ用のテンプレートを元に、「キャッチザウェイブ」という架空の企業を例にとって一番最短の制作方法をご紹介します。

前準備

  • ロゴ画像・・・bg_header.jpg [900 x 60]
  • トップ用メイン画像・・・img_top_main.jpg [900 x 295]

イメージが湧かない場合はデモサイトのトップページをご確認ください。
≫ デモサイト

インストール

導入マニュアルに従って baserCMS をインストールします。

ここでは、最も簡単にインストールできる CSVデータベースを選択します。

Demoテーマをコピーする

  • 管理画面のシステム設定のサイドメニューにある「テーマ管理」を開きます。
  • Demo テーマの「コピー」ボタンをクリックしてテーマをコピーします。
  • FTPソフトで接続し、「demo_copy」の名称を「catch」に変更し、フォルダごとダウンロードします。

用意した画像を設置しテーマフォルダをアップロードする

  • catchフォルダの中の img フォルダ内にある img_top_main.jpg に用意した画像を上書きします。
    {BaserCMSの設置フォルダ}/app/webroot/themed/catch/img/
  • 同様に以下のフォルダ内の bg_header.jpg に用意した画像を上書きします。
    {BaserCMSの設置フォルダ}/app/webroot/themed/catch/css/images/
  • catchフォルダを FTP ソフトでアップロードします。

管理画面よりサイトの基本設定を行う

  • 管理画面にログインし、画面上部の「システム設定」をクリックします。
  • WEBサイト名、サイト基本キーワード、サイト基本説明文を任意の内容に書き換えます。
  • オプションをクリックし、住所、GoogleMapsキーを入力します。
    (Googleマップを利用する場合)
    事前にGoogleMapsAPIサイトでGoogleMapsKeyを取得しておく必要があります
  • テーマ欄で「Catch」というテーマが選択できるようになっているはずですので選択します。
  • 更新ボタンをクリックして保存します。

公開ページを確認する

管理画面右上のWEBサイト名部分をクリックすると公開ページが開きますので確認します。
お疲れさまでした。

  • baserCMS on Twitter
    フォローする