FooGallery「ギャラリー」と「アルバム」の追加・作成

FooGallery ,

FooGalleryの画像のアップロードとギャラリー登録とそして、アルバム作成についてです。

画像とギャラリー(Galleries&Gallery)の追加

FooGallery_menu

FooGallerymenu

1.Add Galleryクリック

Add New Gallery画面が開き、ギャラリーを新規作成することができます。
この画面で、投稿記事や固定ページで表示させる際のレイアウトなどを設定します。今回は、あくまでアップロードのみの解説なので省略します。

ad_galaarrery _cut

Add New Gallery

そして、通常の画像をアップロードする手順でアップロードします。新規で画像をアップロードする場合は、「ファイルをアップロード」。既にアップロードしている画像をギャラリーとして使いたい場合は、「メディアライブラリ」で使用するファイルを選択します。

2.写真を追加

ad_media

photo upload

3.ギャラリーに載せる画像を選択

ギャラリーに追加したい写真を選択します。
基本的には、キャプションと説明を追記すればいいと思います。

ad_medialib

select photo

そして、AddMediaを押すとギャラリーに追加されます。

ad_medialib_photo

add photo

そしたら、AddNewGalleryに選択した写真が追加されます。

さらに、写真を追加したい場合は、AddMediaから再度アップロード&選択すれば追加されます。
タイトルを追加して、下書き保存&更新すれば終了です。

作成したギャラリーは、下の画像のように追加されていきます。

Galleries_cut

Gallery list

アルバムの追加(Album)

次にアルバム作成です。複数のギャラリーを表示することができます。
この機能は、別途プラグインのインストールが必要です。

1.Albumsをクリック

Albumのページが開きます。

 

2.Add Albumクリック

新しいアルバムを作るページにつながります。

3.アルバムにするギャラリーを選択

add_album

add New Album

選択すると、チェックマークがつき、いつでも追加や解除をすることができます。

その後は、タイトルを追加して、下書き保存&更新すれば終了です。

そしたら、アルバムのページに以下のように追加されます。

album

Album list

と、ギャラリーとアルバムの作り方の説明です。
次は、記事や固定ページに掲載するときの表示やレイアウトなどの細かいところを解説していきたいと思います。

FooGalleryの使い方

インストール編

スポンサーリンク

11 Comments

  1. ご存知でしたら、教えていただけないでしょうか。お願いいたします。
    Galleryのプラグインを探していて、記事を読ませていただいて、FooGalleryを選びました。
    FooGallery は設定して、無事動作しました。が、
    その後、FooGallery – ZOOM をプラングインして、 画像を設定して、サイトを表示して、
    画像にアイコンを持っていっても、ZOOMしません。いろいろ、試してみましたが、分からず、
    メールさせていただきました。
    解決方法、ご存知でしたら教えていただけないでしょうか。

    推測ですが、
    設定の箇所に
    The gallery template that will be used when the gallery is output to the frontend.
    ギャラリーがフロントエンドへの出力であるとき、使われるギャラリー・テンプレート

    とあります。
    上記は、どういう意味なのかご存知でしょうか。
    意味や方法がお分かりなようでしたら、教えていただけないでしょうか。
    何卒、お願いいたします。

    • ごうさんコメントありがとうございます。

      今、確認したら自分のサイトでも動作してないのを確認しました。
      しかも、ZOOMのプラグインを作っている公式HPでも動作していないですね。
      https://www.mattcromwell.com/products/foogallery-zoom-template/
      う~ん、正直わからないです。

      The gallery template that will be used when the gallery is output to the frontend.は、このギャラリーは、設定した「今はZOOM」で表示されますということのようなので、エラーとかではないかと思います。

      ただ、1個気になるのが、最近FooGalleryがアップデートされました。もしかしたら、バージョンアップのせいで、ZOOMのエクステンションが正常に動かないバグがおきているのではないかなと思っています。
      ZOOMの方は3ヶ月前で更新が止まっています。それが影響しているのかなと。
      もし、これが原因ならアップデートを待つしかないです。

      プラグイン自体の問題でなければ、インストールしているほかのプラグインを疑うしかないです。

      自分も最初にインストールした時、実はうまく動作しませんでした。
      この時の原因は、サイトの動作を早くするための「W3 Total Cache」(キャッシュによる高速化)が原因でした。
      キャッシュをクリアしたらしっかり動作。

      プラグインが動かない原因を追求する方法は、他のプラグインの動作が邪魔していることがあるので1個1個プラグインをオフにして確認するのが一番のようです。
      特に、HeadCleanerを導入している場合は、設定を見直すというのが一般的らしいのです。

      まったく解決にはなっていないコメントですみません

      • Yusuke Takeuchi 様
        早くに返信してくださり、ありがとうございました。
        自分のやり方次第でなんとかなるなら、と思い
        いろいろ試していたので、
        しばらく試すのはやめて、ZOOMがアップデートされるのを待とうと思います。

        虫眼鏡のようにZOOMができたら、面白いと思い何か良いプラグインがないか
        ネットでいろいろ検索しましたが、
        プラグインだけでなく、コードもいじらないといけないものばかりで、
        FooGallery ZOOM に期待していました。

        教えていただき、助かりました、ありがとうございました。

      • Yusuke Takeuchi 様
        メールありがとうございました。
        ZOOM、動作確認してうまくいきました。
        ご親切に教えていただきありがとうございました。

  2. はじめまして、FooGalleryを使用していて、こちらのページを拝見しました。

    こちらにお伺いしてよいかわからず恐縮なのですが、開発者様が海外の方のため、もしお判りになれば教えていただきたいことがあります。

    Simple Portfolio で表示した際の「タイトル」=画像の「キャプション」に入力した部分 が、サイトCSSのh4が適用されるようです。
    ここを編集するには、どうしたらよいかわからず困っています。

    いろいろ検索してここかな?というページはあったのですが、
    https://wordpress.org/support/topic/foogallery-text-edits/

    .foogallery-caption-title {
    }
    をFoo Gallaryのcustom CSSに記入しても、適用されません。
    なおワードプレスのテンプレートはsimpricityを使用しています。

    お時間がありましたら、ご教示いただければ幸いです。
    よろしくお願い申し上げます。

    • 浅倉様

      コメントありがとうございます。
      CSSの読み込み優先順の問題かと思います。だからといってCSSに詳しくないので的確なアドバイスができなくて申し訳ないのですが・・・
      私もスタイルシートがうまく反映されなくて苦労しています。wordpressのプラグイン(キャッシュ関連)をいろいろ採用しているので、キャッシュクリアなどなどしないときちんと反映してくれない場合があります。
      ちなみに私は、有料テンプレートのSiteOrignのテンプレートを利用しています。

      問題のCSSですが、「!important」宣言を使ってはいかがでしょうか。
      調べていただけると詳しい解説が出てきますが、読み込み優先順を無視して、最優先に読み込ませることができるようです。

      テンプレートのCSSの条件やwordpressのプラグインによってうまく反映できないかもしれないですが、!important宣言の性質上うまくいくのではないかと・・・。無理だったらごめんなさい。

      もっとも確実に情報を得るとしたらwordpressのフォーラムで聞くのが一番かな・・・・・と。

      もし解決したらご報告いただけると、とても助かります。
      よろしくお願いします。

  3. 初めまして、wordpressの初心者です。
    FooGalleryのextension Cube Galleryを購入して決済までは出来ました。
    届いたメールのリンク先からファイルのダウンロードも出来ましたが、その先
    FTPでそのファイルを手動でどこかにアップロードするのでしょうか?
    もしお分かりでしたら教えてください。よろしくお願いします。

    • osamuさま
      コメントありがとうございます。
      プラグインのインストールですが、いつもwordpressのプラグイン検索からインストールしているので、FTPなどを使ってやったことがないです。
      ただ、「プラグイン→新規追加」で「プラグインのインストール」をクリックするとZIPファイルをインストールすることができるようです。
      おそらくこの方法でできるのかなと。
      もし、ダメであればFooGalleryにお問い合わせください。

  4. 解凍したファイルを¥pluginの下にFTPでアップロードしたら上手く行きました。
    ありがとうございました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


おすすめ記事

  • FooGalleryインストール編FooGalleryインストール編 FooGallery本体のインストールとエクステンションの機能の簡単な独断と偏見の解説です。 プラグインのインストール インストールに関しては、他のプラグインをインストールするのと同様に、Wordpress&g […]
  • FooGalleryの記事のアクセスが頻繁にある。ありがたい。FooGalleryの記事のアクセスが頻繁にある。ありがたい。 Foogalleryのことを記事にしてから、たくさんの方に閲覧していただいているようで感謝です インストール編とギャラリーの登録に関してして、まだ、書いていないので記事を読んだ方は、がっかりかもしれないですが […]
  • 投稿記事の前後ページ表示投稿記事の前後ページ表示 今の記事のページだと、投稿した記事の前後のページへ飛ぶことができるようにテンプレートをカスタマイズしました。投稿記事から同じカテゴリの前後記事へ飛んでもらうきっかけのひとつになればよいなぁ。 2015.05.09 同カ […]
  • Wordpressプラグインの日本語化に挑戦Wordpressプラグインの日本語化に挑戦 WordPressのプラグインは、たくさんあるけど日本語化がされていない。よく使われるプラグインすら日本語化が進んでいない。 そこで、自分が苦労せずにプラグインを使いたいので、プラグインの日本語化に挑戦することにしまし […]
  • VantageテンプレートでのPageNaviプラグインは一苦労VantageテンプレートでのPageNaviプラグインは一苦労 Vantageテンプレートにページ送りをカスタマイズできるPageNaviをインストールしてみました。 ただ、簡単にインストールすることはできなかった・・・・。 普通ならインストールしてコードを入れ込むだけ Pag […]
  • アイキャッチ画像を猫だらけにアイキャッチ画像を猫だらけに アイキャッチ画像を猫だらけにしてみました。 撮りためた野良猫を!! アイキャッチ画像に今まで撮りためている猫の写真にしてみました。多くのブログとかでは、カテゴリ名にあったアイキャッチ画像を採用していますが、本サイト […]