このサイトのつくり方

Movable Type 4.1とAdobe Photoshop Lightroomでつくるブログ＋フォトギャラリー

このサイトをどうやってつくったか簡単にご説明します。

かな～り自己流で間違っているかもしれませんが、実際にこれで何とかつくれました。

このブログのフォトギャラリーはPhotoshop Lightroomがカギの握っています。

というわけで、まずはAdobe Photoshop Lightroomの導入。

このソフトは大量の写真をまとめて管理や編集ができる優れもの。元々はプロのフォトグラファー向けですが、親ソフトであるPhotoshopよりは安くて大体のことは出来るので、むしろアマチュアにもお勧めだと思います。ただし、パソコンのスペックが貧弱だと重くてつらいかも・・・（Photoshopに比べれば軽いです）。

こちらから無料体験版がダウンロードできますのでぜひお試しを！

↓　購入はadobe storeかamazonで。値段はどの店もあまり変わらないようです。

そして、Movable Typeに対応したレンタルサーバーを確保します。私のお勧めは以下の２つ。

写真枚数が大量に無ければ「ロリポップ！レンタルサーバー」がお勧め。安くてコストパフォーマンスの高いサーバーです。私の会社のホームページでもロリポップを使用しています。名前は怪しいですが驚きの安さ！ロリポップは通常２００MB、最大５００MBまで容量を増やせます。

写真を大量に扱う人には「チカッパ！レンタルサーバー」がお勧めです。このサイトもチカッパです！

通常１GB、最大２GBまで容量を増やせて、ロリポップの上級サーバーといったところ。

また、このサイトの「plus-photo.com」のように独自ドメインを取りたい方には「ムームードメイン 」がお勧め。ロリポップとチカッパと同じ会社なのでレンタルサーバーと独自ドメインのセットで安くなります。

そしてMovable Typeをダウンロードしてレンタルサーバーへインストールしましょう！

商用利用の場合は有償ですが、個人で利用する場合は無償です。

こちらから個人ライセンスをダウンロードできます。

インストールの仕方は各レンタルサーバーにマニュアルがあります。

ロリポップの場合　　チカッパの場合

結構面倒くさいです。私は何故か一度失敗して、全部消してやり直したら成功しました。

Movable Typeの使い方は本など読んで勉強してください（笑）私自身、ただ今勉強中です・・・。

↓初心者にお勧めの本です。Movable Type 4.1に対応した本ってまだあまり無いのです。 

ちなみに、このサイトはMovable Type 4.1から用意されている「汎用ウェブサイトテンプレートセット」をカスタマイズして使用しています。

さあ、これで準備完了！

基本的にフォトギャラリーはPhotoshop Lightroomでつくっています。 好きな写真を選んで編集、カタログ分けができ、そのカタログ毎にFlashのフォトギャラリーが簡単に製作できます。そして、Photoshop LightroomでFTPファイル転送設定をセットすれば直接レンタルサーバーへアップロードできます。※Movable Typeで使用しているフォルダを指定しないようにしましょう。

あとは、Movable Typeでウェブページを作成し、iframe（インラインフレーム）を利用してPhotoshop LightroomでアップロードしたFlashを取り込んであるHTMLファイルを表示させてます。

ちなみに当サイトのトップページのフォトギャラリーは以下のような感じで

<iframe src="http://○○○○"
title="menubar" marginwidth="0" marginheight="0" frameborder="0"
scrolling="no" width="570" height="600">この部分は iframe対応ブラウザでご覧ください。</iframe> 

と表記しています。"http://○○○○"の部分は自分がPhotoshop Lightroomでアップロード時に指定した先のアドレスを表記します。width="570" height="600"の部分はフォトギャラリーの形態にあわせて数値を調整してください。

ところで、Photoshop Lightroomを利用したフォトギャラリーは同じ要領で普通のブログにもセッティングは可能です。たとえば、こんな感じ・・・

→フォトギャラリーを組み込んだブログ１

→フォトギャラリーを組み込んだブログ２

普通のブログにはウェブページという概念が無いので、フォトギャラリーをたくさんつくりたいときは管理が難しいですが、工夫すればいろんな活用の仕方があると思います。

というわけでMovable Typeに拘らなくても、Photoshop Lightroomを活用すれば様々なサイトやブログに応用できると思います。

もっと詳しいやり方は時間があれば書きます。

他にもいろいろなやり方や可能性があるはず。自分にWebの知識がもっとあればなぁ・・・・。