Umbraco の5分間インストール

Umbraco を5分間で自分の使っているパソコンにインストールする手順を以下に紹介します。Umbraco は、WordPress より簡単にインストールでき、WordPress でいう「ページ」を、WordPress よりも、はるかに自由自在に作成することができます。

1. Web PI での動作環境の構築

1-1. Web PI のインストール

Microsoft Web Platform Installer(Web PI) をインストールしていない場合は、 Microsoft Web Platform Installer のページからインストールします。

1-2. WebMatrix のインストール

Microsoft WebMatrix をインストールしていない場合は、以下の手順で WebMatrix をインストールします。
Web PI を起動すると以下のような画面が立ち上がります。Microsoft WebMatrix の「追加」ボタンをクリックして、「インストール」ボタンをクリックします。
webpi01.png

インストールされるアプリケーション等の一覧が表示されます。WebMatrix をインストールするのに必要なアプリケーションが自動的に選択されています。ライセンス条項に「同意する」のボタンをクリックします。
webpi02.png

WebMatrix のインストールが開始されます。インストールには少し時間がかかります。
webpi03.png

以下の画面が表示されたら、WebMatrix のインストールは完了です。
webpi04.png

2. Web PI による Umbraco のインストール

次は 、Umbraco のインストールです。

2-1. Web PI を起動すると、下の図のように Umbraco CMS が表示されます。Umbraco CMS(英語)の「追加」ボタンをクリックして、「インストール」ボタンをクリックします。
webpi05.png

2-2. どの種類のデータベースを使用するかの選択画面が表示されます。SQL Server と SQL Server CE が選択できますが、ここでは、インストールを簡単にするため SQL Server CE を選択して、「続行ボタン」をクリックします。
webpi09.png

2-6. インストールされるアプリケーションの一覧が表示されます。「同意する」のボタンをクリックします。
webpi10.png

2.7. インストールが開始されます。
webpi11.png

2-8. 以上で、Umbracoのインストールは完了です。WebMatrix の使用を開始するため「起動」をクリックします。
webpi12.png

3. Umbraco の初期設定

次は、Umbraco の初期設定です。データベースに SQL CE 4 を使う場合は、データーベースの設定項目がないのでインストールは簡単です。

3-1. 2-8. で「起動」クリックした場合は、WebMatrix が起動されて、Umbraco のサイトが自動的に表示されます。WebMatrix から起動する場合は、「スタート」->「すべてのプログラム」->「Microsoft WebMatrix」->「Microsoft WebMatrix」の順でクリックして、WebMatrix を起動し、「個人用サイト」から、「Umbraco 4.7 RC」を選択して「OK」ボタンをクリックします。すると以下のような画面が表示され、サイトは既に開始されています。
URL: 以下に表示されるリンク(赤丸の部分)をクリックします。
webpi20.png

3-2. Umbraco のインストール画面が表示されます。「Lets get started!」ボタンをクリックします。
webpi21.png

3-3. ライセンスが表示されます。Umbraco のライセンスは、MIT です。MIT ライセンスを要約すると、再配布時には著作権表示を残すこと、無保障であることの2点です。GPL と違いコピーレフトではなく、この条件を守れば、改変して独占販売してもよいし、ソフトウェアだけ頒布してソースを非公開にしてもよいので、制約の非常に少ないライセンスです。「Accept and Continue」ボタンをクリックします。
webpi22.png

3-4. データベースの設定画面です。既定で SQL CE 4 が選択されているはずですが、それを確認して「Install」ボタンをクリックします。
webpi23.png

3-5. Umbraco のデータベースがインストールされます。インストールが終了したら「Continue」ボタンが表示されるのでクリックします。
webpi24.png

3-6. 管理者の設定です。Username と Password は、管理画面にログインする時に必要になるので忘れないようにします。入力が終了したら「Create User」ボタンをクリックします。
webpi25.png

3-7. Starter kits の設定画面です。初めての場合は Simple がおすすめです。4.7.0では SQL CE を使用する場合Personal と Business をインストールしようとするエラーが発生していましたが、4.7.1 では解消されています。インストールしたい Starter kits の 「Install this kit」をクリックします。
webpi26.png

3-8. スキンのインストール画面です。スキンは、後からでも変更できます。好みのスキンを選択して「Install」ボタンをクリックします。
webpi27.png

3-9. 以上で、Umbraco のインストールは完了です。「Preview your new website」と 「Set up your new website」のボタンが表示されるので、順にクリックして Umbraco を楽しんでください。
webpi28.png

3-10. 「Preview your new website」をクリックすると、スキンのカスタマイズ画面が表示されます。適当な画像等を設定して「OK」ボタンをクリックするとスキンがカスタマイズされます。
webpi18

3-11. 「Preview your new website」から起動された画面は、編集モードになっていて、ページの本文をクリックすると下の図のように上部に TinyMCE のツールバーが表示され、本文を編集することができるようになります。本文の編集の方法については、WordPress 等の CMS と同じなので迷うところはないと思います。編集が終了したら「Save」ボタンか「Save and publish」ボタンをクリックして保存します。「Save」ボタンの場合は、下書き保存されて公開画面は変更されません。

編集モードで他のページに移動する場合は、メニューやリンク上で右クリックして、「開く」、「リンクを新しいウィンドウで開く」、「リンクを新しいタブで開く」を選択するようにします。

また、右上にある「Logout admin」ボタンをクリックすると、通常の公開モードになります。

webpi19

3-12. 「Set up your new website」ボタンをクリックした場合は、管理画面が表示されます。起動時には、コンテンツの管理画面が表示されます。コンテンツは、ファイルマネージャーと同じくツリー構造になっていて自由に追加やコピー、移動が可能です。ノードを選択して右クリックすると操作の一覧が表示されます。操作はマニュアルを見なくても直感でわかる部分が多いのでいろいろと試してみてください。
webpi20

3-13. 次回以降 Umbraco を起動するときは、WebMatrix を起動して、「個人用サイト」から、「Umbraco CMS」を選択します。表示される URL にアクセスすると公開用のページのトップページが表示されます。管理画面にログインするためには、トップページの URL に /umbraco/ を追加した URL にアクセスします。例えば、トップページのの URL が、http://localhost:58089 の場合は、http://localhost:58089/umbraco/ になります。

4. はじめての Umbraco

Umbraco を 5分間で自分のパソコンにインストールできたでしょうか。インストールが簡単だといわれている WordPress より簡単にインストールできたはずで、WebMatrix がインストールできていれば、5分間で余裕でインストールできます。

Umbraco を使えば、自分のパソコンでウェブページを作成でき、完成したら簡単に公開することができます。実際に使っていると Umbraco の優秀さがわかってくると思います。

 

.