[サイト作り] [WP プラグイン] GRAND Flash Album Gallery – フォトギャラリーのプラグイン

GRAND Flash Album Galleryは、ページや投稿にフォトアルバムを表示させるプラグインです。

細かな設定まで行うとめんどくさいですが、デフォルト設定でも十分使えるので興味ある方は

対応WPバージョン 2.7x以降

作者サイト
ダウンロード
GRAND Flash Album Gallery

1、プラグインをアップロードして有効化

2、管理メニューに”FlAGallery”が追加されるのでクリックしてメニューを開く。

3、メニューの “Manage Galleries”を開き

ページ上部の”Add new gallery”をクリック。

“New Gallery”に、好きなアルバム名を入力して “Add gallery”をクリックし、ギャラリーを作成。
※日本語だと、画像を呼び出せないようなので英数字の名前を

例:20100201

ページした下の”Gallery Overview”に、作成したギャラリーリストが表示される。

4、ページ上部の”Upload images”をクリックし

“Browse…”をクリックして、アルバムに入れる画像を選択。
※、ファイル選択時にドラッグ&ドロップで複数選択する事も可能
※、ファイル名に日本語が含まれてると表示されないので英数字で

選択すると、画像のファイル名が表示されるので、”in to Choose gallery “で、ギャラリーを選択し、”Upload images”ボタンをクリックし、アップロード開始

以上でギャラリー作成は終わり

5、投稿作成画面を開き、ギャラリー用のポストを作成。

投稿のタグリストに”FlAGallery”のボタンが追加されるのでクリック

表示される画面で、投稿に入れたいギャラリーを選択して、”Insert”をクリック

投稿本文にショートコードが追加されるので、あとは投稿するだけ

ショートコード 例;
flagallery gid=4 name=”Gallery”

“gid=”は、ギャラリーID
“Gallery”は、投稿内に表示されるが日本語は無理っぽい

■作成したギャラリーの編集
“Manage Galleries”のページの”Gallery Overview”に表示されてるギャラリー名をクリックすると、ギャラリーの編集が出来ます。

“Add Images”ボタンから、画像を追加したり

※、まれに追加した画像がサムネイル変換されない場合があります。その時はサムネイル表示されてない画像にチェックを入れ、ドロップダウンメニューの”Create new thumb..”を選択し、”OK”をクリックして作成します。

Galleries

メニューの”Skins”から、ギャラリーのスキンを選択できます。

スキン一覧の”Activate”をクリックすると、スキンが変更できます。

デフォルトでは、2種類のスキンしかありませんがスキン配布サイトからダウンロードして、スキンを追加する事も可能

スキン配布サイト

配布サイトからダウンロードしたZIPファイルのまま、”参照”から選択し、”Install naw”をクリックして追加

■Optionsメニュー
デフォルトのままで大丈夫だと思います。

用途に応じて、サムネイルサイズやカラーなどの変更ができます。

※アルバムは、width100%で出力されるのでテーマに合うように出来てますが、サイズを指定したい場合などはOptionメニューから

細かな設定は、最初だけで流れ的には

1、ギャラリーの作成
2、ギャラリーに画像を追加
3、投稿にギャラリーのコードを追加

慣れると簡単です。

Spread on Twitter

関連してるかも

  • 2010年8月15日 -- [WPプラグイン] Image Browser – 画像ページなプラグイン
    ブログ内の画像をページに一覧表示&絞込み検索で表示させるプラグイン 「Image Browser」 表示された画像は、投稿へのリンクになる。 サンプル 「Image Browserプラグインサイト」に、あるフォーム 便利なプラグインです。 NOTE; ファイルアップロードでアップロードした画像に限る。 このブログのように、FTPで画像フォルダディレクトリーにアッ...
  • 2010年7月25日 -- [WPプラグイン] QR Encoder – QRコードエンコーダーをウィジェットに設置
    ウィジェットにQRコードエンコーダーを設置するプラグイン。 「QR Encoder」 プラグインを有効化後にウィジェットに追加するだけ。 プラグイン"QR Encoder"のダウンロードページへのリンクと、URLのインプットフォームが表示され URLを入力してエンターでQRコードが生成される。 QRコードを設置するのでは無く、エンコーダーの設置です。 QRコード...
  • 2010年7月23日 -- [WPプラグイン] HTML5 Player Plugin for Wordpress – HTML5 プレイヤー
    HTML5 Player Plugin for Wordpress は、HTML5 プレイヤーのプラグインです。 Support VIDEO Type .mp4 .ogv .webm Support AUDIO Type .ogg .aac .mp3 作者サイトにテストがあるのでプレイヤーのインターフェースはそちらで確認して下さい。 「CJ Jackson 」 ...
  • 2010年7月18日 -- [WordPress] カテゴリーページの備忘録
    カテゴリーページのループ外にカテゴリー名と、カテゴリー説明と画像を表示する備忘録 カテゴリー説明のタグは WP 3x のデフォルトテーマ2010に使われてるタグです。 使用テーマの画像フォルダ内に、各カテゴリーの画像を用意する。 "wp-content/themes/xxxx/images/cat/カテゴリーID.gif" category.php の if (have_p...
  • 2010年7月17日 -- [WPプラグイン] HidePost – 投稿内に会員にだけ表示させるスペースを
    本文内のショートコードで囲んだ部分をログインユーザーにのみ表示させるプラグイン。 「HidePost」 前からあったプラグインだと思うので前のWPバージョンでもOKと思いますが、今回は WP 3.0 でテスト 1、プラグインを有効化 2、管理メニューの設定から"HidePost"を開く "Enable Hidepost (Uncheck if you want to di...
  • 2010年7月15日 -- [WPプラグイン] Sidebar Photoblog: Photoblog – サイドバーに特定カテゴリーのフォトを一覧表示
    サイドバーに指定したカテゴリー内のフォトをサムネイル表示するプラグイン 「Sidebar Photoblog: Photoblog」 フォトを多く含んだカテゴリーや、フォト日記のカテゴリーがある場合に、サイドバーにサムネイル表示させれれば見栄えもいいかもです。 ※、指定できるカテゴリーはひとつだけ 1、プラグインを有効化 2、管理メニュー「外観」からウィジェットを開き、"Si...
  • 2010年7月12日 -- [WPプラグイン] Simple Footnotes – 事項の作成に便利そうな WordPress Plugin
    Create simple, elegant footnotes on your site. Use the [ref] shortcode and the plugin takes care of the rest. Example usage: Lorem ipsum. [ref]My note.[/ref] 事項ページを作る時に便利そうなプラグイン 「Simple Foot...
  • 2010年7月11日 -- [WPプラグイン] Front Page Categories – トップページに特定カテゴリーの記事だけ表示
    特定のカテゴリーの記事だけをトップページに表示するプラグイン。 「Front Page Categories」 ハックでも出来るんですが、プラグインで簡単に済ませたい時に便利 1、プラグインの有効化 2、管理メニュー「設定」から"Front Page Categories"を開く。 3、表示させたいカテゴリーにチェックを入れて変更を保存 ...
  • 2010年7月8日 -- [WPプラグイン] Improved Page Permalinks – ページに .html を付ける WordPress Plugin
    ページのURLに .html を付けるプラグイン 「Improved Page Permalinks」 プラグインを有効化するだけ 次ぎのようになる ドメイン/ページ名.html ドメイン/親ページ/ ドメイン/親ページ/子ページ.html...
  • 2010年7月6日 -- WPMU 設定備忘録
    WordPress 3.0から使えるようになったMUの設定備忘録。 1、wp-config.phpをダウンロード 2、wp-config.phpに次のコードを追加 define('WP_ALLOW_MULTISITE', true); 追加する場所は * @package WordPress */ ここに追加 // 注意: // Window...