アップルストア心斎橋 20100226

!

Webデザイナーから見た

1

!

どんなサイトができるの？どうやって使い始めるの？

本日の内容

2

!

疑問1

3

どんなサイトができるの？

!

新しいCMSは興味深い

けど「今までと同じサイト」しか作れないのだったら…

今使ってるCMS（MTとか？）でいいじゃん！

どんなサイトができるのか

4

!

そう！

5

Webクリエイターは新しい事がしたい！

!

運用しやすいサイトができた問い合わせフォームの安心感が増したエントリーが書きやすくなった

どんなサイトができたのか？

6

!

サイトの変更は「モジュール」で行うメニューの変更

表示件数の修正

バナーの追加、削除

運用しやすいサイト？

7

!

フォーム機能が標準装備

STEPフォームに標準で対応（ショッピングカートみたいな複数項目の流れ）

CSVで投稿データが残る

管理画面から「必須」などを調整できる

問い合わせフォーム？

8

!

ユニットを自由に調整できるように

ウィジウィグがついた

いざとなったら静的ファイル

エントリーが書きやすくなった

9

!

a-blog cmsのサイトは「モジュール」をいろいろ埋め込んで作られています

サイトの概要だけ確認しておきましょう

12

!

データファームの場合はこんな風

13

ナビゲーションモジュール

!

データファームの場合はこんな風

13

バナーモジュール

フォトモジュール

エントリーリストモジュール

エントリーリストモジュール

!

疑問2

15

どうやって使い始めるの？

STEP1

!

まずはインストール（テーマはcompany1で）

次に　　用のスニペットのインストール

ブログにログインします

どうやって使い始めるの？

16

STEP2

!

記事を「書くべし」「書くべし」「書くべし」

いろんな記事をいれてa-blog cmsを楽しみましょう

画像もどんどん投稿しましょう

ログインしたら…

17

STEP3

!

空のtest.htmlを一枚用意します

テーマフォルダ（例：company1）にいれたら、ドメイン＋ファイル名でアクセス

空のtest.htmlがa-blog cms上で表示されます

そしてカスタマイズです

18

STEP4

!

スニペットからビルトインモジュールを選び、適当にいれてみます（Entry～系が楽しい）。

htmlファイルをアップロード。

再度アクセスすると、モジュールが動いてます。

そこでスニペットです

19

STEP5

!

つけるべき名前は「ID」

こんな風につけます（CSSと同じ）<!-- BEGIN_MODULE Entry_List id=”news” -->

使ったモジュールとつけた名前を、管理画面に入れてみましょう

モジュールを制御します

20

!

まとめ

22

このプレゼンを最後まで聴いて下さった皆さんへ

Follow

!

は「お試し」できます。

23

1ライセンス¥52,500

Follow

!

は「お試し」できます。

23

60日間お試し無料

ショッププラグインもOK

Follow

!

は「お試し」できます。

23

個人の非商用利用は無料

Follow

!

サイト制作の流れは変わりません。

24

静的サイトの場合

1コーディングをして

2FTPでアップロード

3サーバ上で確認

Follow

!

サイト制作の流れは変わりません。

25

の場合

1コーディングをして

2FTPでアップロード

3サーバ上で確認

モジュールをhtmlで埋め込んで

管理画面で動作を設定

Follow

!

基本部分は動画コラムがあります。

26

http://datafarm.jp/movies/

!

ご質問があれば…

28

!

ご静聴ありがとうございました

29