プラグイン/ツール

【オススメ】あなただけのネットギャラリーを作る方法ープラグイン『Robo Gallery』のご紹介

アイキャッチ画像:フォトミック・ハウプトUnsplash

こんにちは。

 

タイトルにもありますが、

私もやっと自分の筆文字作品をギャラリー化する事が出来ました!

 

今回の記事は、こんな方にオススメです。

  • 自分のブログでギャラリーを作りたい。
  • Robo Galleryの簡単な設定方法が知りたい。
  • とりあえずギャラリー作って公開したい!全部英語だから全くわからん!

 

スポンサーリンク

プラグイン『Robo Gallery』とは…

フォトエリック・パークUnsplash

今回ご紹介する『Robo Gallery』は、WordPressのプラグインです。

有料版もありますが、私の場合はとりあえず無料版で様子を見ようと思っています!

 

このプラグインをインストールする事で、こんな感じのギャラリーを作る事が出来ます。

 

如何でしょう?

例えば、皆さんの描いたイラストや撮り溜めた写真。

ギャラリーとして公開したくありませんか?

 

ギャラリーページを中程までご覧いただく分かると思うのですが、

画像サイズの違うモノが混ざっていても、このプラグインでは自動でサムネイルをリサイズしてくれるので形が揃ってなくても大丈夫なんです!

 

すごい!優しい!

 

スポンサーリンク

インストール方法

1.Wordpressメニュー>プラグイン>新規追加

2.「Robo Gallery」と検索

3.「今すぐインストールする」>「有効化」クリック。

※画像は、私のスクリーンショットで既に導入済みの為表示が異なります。

赤枠に「今すぐインストール」と表示されていると思います。

スポンサーリンク
スポンサーリンク

ギャラリー作成手順

設定項目・説明が全て英語表記です。

また、項目が多く複雑なので詳細な設定方法については別の記事にまとめたいと思っています。

 

この記事では、以下の3点のみ解説します。

  1. 新規ギャラリーを作る方法
  2. ギャラリーに作品を追加する方法
  3. ギャラリーを公開する方法

新規ギャラリーを作る方法

1.Wordpressメニュー>Robo Gallery>Add Gallery

2.「タイトルを追加」の欄にギャラリーのタイトルを入力。

→この設定画面は、投稿記事を新しく作成した時の「記事編集画面」と同じイメージです。

 

3.とりあえず右側メニューの「下書き保存」しておきましょう。

→ここも、記事投稿時の右側メニューと同じ雰囲気ですね。

 

4.以上で、ギャラリーの枠が出来ました!簡単!

→Wordpressメニュー>Robo Gallery>Manage Galleries

と進むとこんな感じになってると思います。

 

「テストギャラリー(ギャラリータイトル)」をクリックして編集画面に戻りつつ、

この記事を読み進めてください。↓

ギャラリーに作品を追加する方法

1.ギャラリータイトル入力欄の右側にある「Manage Images」をクリック。

2.Wordpressのメディアライブラリが立ち上がります。

→ココにある画像からギャラリーに追加したいモノを選んでください。

ない場合は、青枠の「ファイルをアップロード」からアップして下さい!

 

3.選び終わったら右下にある「ギャラリーに追加」ボタンをクリック。

 

4.お好みで追加した画像の並び替えをする。

→自動で「ギャラリーを編集」の画面に遷移したと思います。

ここでは、自由にドラッグ&ドロップで並び替えが可能です。

 

5.完成したら、右下の「ギャラリーを更新」ボタンをクリック。

6.最後に、「公開」ボタンをクリック。準備完了です!

スポンサーリンク

ギャラリーを公開する方法

公開方法は、2通りあります。

メニューに直接追加する方法

「メニュー」は、パソコンでご覧の方はこのブログの上部にある項目(Home/MyGallery/cook/…)の事。

スマホ版では、画面下部にある「メニュー」の事です。

1.Wordpressメニュー>外観>メニュー

2.メニュー項目を追加>Robo Gallery>該当項目にチェック

3.以上でメニューからギャラリーを見に行く事ができます!完成!

 

固定ページ(投稿記事)にギャラリーを表示する方法

私はこの方法を採用しています。

理由は、アイキャッチがつけられる事が大きな決め手です。

(よく調べれば最初の方法でも可能かもしれませんが…)

1.まず、Robo Gallery>Manage Galleriesで右側にある(赤枠内の)コードをコピー。

 

2.Wordpressメニュー>固定ページ>新規追加

→投稿>新規追加 でもOKです!お好みでどうぞ!

今後の操作はほぼ同じだと思います。

 

3.タイトルをつけて、本文に1.でコピーしたコードをペースト。

→以上です!

公開した固定ページ(若しくは投稿ページ)を確認しましょう!

 

スポンサーリンク

まとめ

手順が長くなってしまいましたが、うまくギャラリーの作成・公開ができたでしょうか?

 

うまくいかなかった場合は、コメント等いただければ出来るだけ回答したいと思います。

気軽にコメントしていって下さいね。

 

逆に、「出来ました!」なんて報告も励みになります^^

 

私は公開した時、すごく綺麗に表示されていて感動したのを覚えています!笑

自分が作ったものがこうして綺麗に表示されてるのを見るととても嬉しいですよね!

 

誰かのギャラリー作成の一助になれば幸いです。

最後までありがとうございました。

 

それでは!

 

コメント

タイトルとURLをコピーしました