【Plugin】RapidAlbum の使い方

RW3.6検証済み
このエントリの内容は RapidWeaver 3.6 を使用して検証、カスタマイズされた時のものですが、このバージョンでの動作を保証するものではありませんのでご注意下さい。また、表示の無いバージョンでは動作しない、エラーが出ないという意味ではありません。
Rapidweaverには、画像を見せるのに最適な「フォトアルバム」というプラグインが入っていますが、SlimBoxGrayBoxなどを独自に導入している人も多いと思います。

今回ご紹介するRapidAlbumというプラグインは、フォトアルバムの表示方法(LightBoxやSlimBoxなど)を簡単に切り替えが出来るとても便利なプラグインです。
まずは、
smackie.orgのサイトに公開されているTemplate Examplesをご覧下さい。ここで公開されているサンプルは、すべてRapidAlbumという1つのプラグインで作られたものです。サーバーに直接ファイルをアップする手間もなく簡単に作ることが出来ます。(RWのバージョンやテーマによっては導入出来ないものがあります。フリーテーマなどにあるようなので要注意。)

では、導入方法を解説します。(本家サイトに
ビデオチュートリアルもあります。)

まず、
RapidAlbumのページのDownloadというアイコンをクリックしてファイルをダウンロードします。RapidAlbumというボリューム(白いアイコン)がマウントされるので、その中の「RapidAlbum.rwplugin」をダブルクリックするなどしてインストールします。インストールが済んだら、新規ページでRapidAlbumを追加して下さい。(ビデオチュートリアル:Installing Extra Templates を見ても同じ内容です。)

RapidAlbumを追加したら、「Template」というタブをクリックして、右側にあるアクションボタン(歯車のアイコン)をクリック、「Install Templates...」を選択します。



テンプレートを選択する画面になったら、先程マウントしたRapidAlbumのボリュームの中にある「Templates」の中身を全て選択しインストールボタンを押します。(必要の無いものはインストールしなくても構いません。)
インストールが完了したら、「Template:」のプルダウンメニューを開いて、テンプレートがインストールされているか確認して下さい。




テンプレートを変更する時は、任意のテンプレートを選択肢、右側の「Apply」ボタンを押してページに適用します。このボタンを押さないとテンプレートが反映されません。(ビデオチュートリアル:Changing Templates を見ても同じ内容です。)


写真を追加する方法ですが、RapidAlbumページのMediaタブが選択された状態で…

  • 左下の+ボタンをクリックして任意の画像を追加(ビデオチュートリアル:Creating A Manual Page
  • 画面上にある「Type:」のプルダウンメニューから、「Folder」を選択し、フォルダの中の全ての写真を追加(ビデオチュートリアル:Creating A Folder Page
  • Rapidweaverのメニューバーにある「表示」から「iMedia Browser」を呼び出して写真を直接ドロップすることも出来ます。


また、RapidAlbumは、複数のRapidAlbumをまとめる機能があります。各フォトアルバムへのリンクページ作成機能みたいなものです。
リンクページとなるRapidAlbumのページの中に、RapidAlbumで作ったフォトアルバムを入れ子(サブページ)にします。リンクページとなるRapidAlbumの画面上にある「Type:」のプルダウンメニューの「SubAlbum」を選択すると、各フォトアルバムのサムネイルが表示されます。

各フォトアルバムのサムネイルを変更する場合は、サブページに作成したフォトアルバムの編集画面(Media)右上にある矢印のアイコンの所に、サムネイルにしたい写真を追加した写真の中からドロップします。(ビデオチュートリアル:
Changing A Page Thumbnail



ドロップした後は、リンクページとなるRapidAlbumの編集画面(Media)右下のリフレッシュボタンをクリックして、サムネールを更新して下さい。




写真に「Caption」などの情報を加えるには、編集画面(Media)右下の「Setup...」ボタンから行います。これはチュートリアルを見た方が早いですね。(ビデオチュートリアル:
Editing Photo Descriptions
サムネイルに「Caption」などの情報を加えるには…面倒くさいのでビデオチュートリアルを見てください(笑)。(ビデオチュートリアル:
Editing Thumbnail Descriptions


最後に、サムネイルのレイアウトを変更するには、編集画面(Media)右下の「Setup...」ボタンをクリックしてページインスペクタを表示。ウィンドウ最上部の左から3番目のアイコン(ページのヘッダ)をクリックして、カスタムCSSを利用して調整します。(ビデオチュートリアル:
Changing Thumbnail Layout


この他にも、使い方を工夫すれば色々なことに利用出来そうです。いつかサンプルページを紹介しようと思います。

blog comments powered by Disqus