このサイトのつくり方

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

 

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

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

 

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

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

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

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

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

            

 

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

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

 

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

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

また、このサイトの「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を利用したフォトギャラリーは同じ要領で普通のブログにもセッティングは可能です。たとえば、こんな感じ・・・

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

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

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

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

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

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

 

 

トラックバック(0)

このブログ記事を参照しているブログ一覧: このサイトのつくり方

このブログ記事に対するトラックバックURL: http://plus-photo.com/mt/mt-tb.cgi/5

コメントする

favorite shop

最近のブログ記事

DMC-LX3
GX200を購入したばかりですが、凄†く気になるコンパクトデジカメが登場。   Pana…
帰ってきました。
さてさて、今日より仕事を本格的に再開。 案の定、仕事が超山積み状態・・・・。   夏祭り前…
締め切り前日
今日は鹿児島市で打ち合わせ。 どうやらいい方向に進みそうです。 お客様に信頼して頂けるのは有難いこと…
 ↓ もうひとつのブログ(コラム)最新記事

住まい・建築・デザインに関するコラム