Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでNextGENギャラリーからEnviraギャラリーに切り替える方法

NextGEN GalleryからEnvira Galleryに変更しますか?

経験上、NextGENとEnviraはどちらもパワフルなWordPressギャラリープラグインです。しかし、一部の読者からは、NextGenからEnviraへの切り替え方法を尋ねられました。

この投稿では、WordPressでNextGENギャラリーからEnviraギャラリーに簡単に切り替える方法を紹介します。

How to Switch From NextGEN to Envira Gallery in WordPress

NextGEN GalleryとEnvira Galleryはどちらもドラッグ&ドロップで簡単に使えるギャラリープラグインです。しかし、私たちがベストWordPress画像ギャラリープラグインの投稿でそれらを比較したとき、私たちはそれぞれが異なるタイプのWordPressユーザーに対応していることがわかりました:

  • Envira Gallery年間39.50ドルからのプランがある、すべてにおいて優れたギャラリープラグイン。動画ギャラリー、WooCommerce、SEOのためのディープリンクなど、様々なユースケースのためのアドオンを手に入れることができます。また、すべてのトップギャラリープラグインの中で最も高速に動作します。
  • NextGEN Gallery– 年間69.50ドルから始められるこのプラグインは、プロのフォトグラファー向けです。複数のギャラリーテンプレート、透かし、写真を販売するためのeコマースツールが付属しています。

すべてにおいて、ユーザーフレンドリーな方法で複数の写真を表示するためのプレミアムWordPressイメージギャラリー・プラグインが必要であれば、Enviraは素晴らしい設定です。NextGEN Galleryプラグインも素晴らしいですが、特にその価格タグを考慮すると、よりプロフェッショナルな使用向けです。

人気のあるギャラリープラグインについては、NextGENのレビューと Enviraのレビューでさらに詳しく知ることができます。

それでは、WordPress.orgサイトで画像を表示するために、NextGENからEnviraに切り替える方法を見てみましょう。以下のクイックリンクを使って、手順をナビゲーションすることができます:

NextGENからEnviraに切り替える最初のステップは、Envira Galleryプラグインをインストールして有効化することです。

Enviraには無料版がありますが、NextGENインポーターアドオンにアクセスするにはEnvira Gallery Proプランが必要です。これは、NextGENギャラリーを転送するために使用します。

WordPressプラグインのインストール方法については、こちらの投稿をご覧ください。

プラグインが有効化されたら、WordPressダッシュボードからEnvira Gallery ” Addonsに行くことができます。その後、NextGEN Importerアドオンを見つけて、’インストール’をクリックしてください。

Installing the NextGEN Importer addon in Envira Gallery

ステータスが「有効化しない」に変わり、ボタンのテキストが「有効化する」と表示されます。

ボタンをクリックしてアドオンをオンにしてください。

Activating the NextGEN Importer addon in Envira Gallery

ステップ 2: インポートするNextGENフォトギャラリーの選択

この時点で、WordPressの管理エリアを更新してください。次に、Envira Gallery ” NextGENインポートに進みます。インポートするNextGENギャラリーのリストが表示されます。

Enviraに転送したいギャラリーの横にあるボックスにチェックを入れ、’ギャラリーをインポート’をクリックします。

Selecting a NextGEN gallery to import to Envira

アドオンのインポートが完了するまで数分待ちます。

フォトギャラリープラグインがファイルのインポートに成功した場合、このようなメッセージが表示されるはずです:

The success message that appears when the NextGEN gallery has been imported to Envira

ステップ 3: WordPress Envira イメージギャラリーの編集

イメージギャラリーがインポートされたので、さらに編集することができます。

必要なことは、Envira Gallery ” Envira Galleryに 行き、新しくインポートされたギャラリーのタイトルにマウスオーバーすることです。そして、’編集’をクリックします。

Editing the imported NextGEN gallery in Envira

ここでできることはたくさんある。

ユーザーインターフェースの上部では、メディアライブラリ、デスクトップ、またはInstagramアカウントなどの他のソースから新しい画像を追加することができます。

Adding new files to the Envira Gallery

下にスクロールすると、新しいギャラリーを設定するためのカスタマイザーオプションがあります。

ギャラリー」タブでは、画像を管理したり、削除したり、好きなように並べ替えたりすることができます。

Configuring Envira's Gallery settings

設定’タブに切り替えると、ギャラリーの様々な要素を変更することができます。

一つはギャラリーレイアウトです。Automatic(画像の量とサイズに応じてレイアウトが自動的に調整されます)、Mason、Grid、Square、Blogroll、BnBを選択できます。

Configuring the Envira Gallery's layout

ページを下へ進むと、ギャラリー表示オプションがあります。ここでは、WordPressサイトのパフォーマンスを高速化するために、遅延読み込み機能を有効化することをお勧めします。

タイトルやキャプション、サムネイルの切り抜き位置など、残りの設定は必要に応じて調整することができます。ギャラリーのレイアウトによっては、さらに多くの設定がここで見つかるかもしれません。

Enabling the lazy loading feature in Envira Gallery

それでは、「ライトボックス」タブに切り替えてみましょう。Lightboxは、ユーザーが画像をクリックすると、フルスクリーンのポップアップウィンドウに表示する機能です。

Lightbox設定の詳細については、 WordPressのギャラリーをLightbox効果で追加する方法の投稿で詳しく説明しています。

The Lightbox settings of Envira Gallery

次は「モバイル」タブだ。

ここでの設定により、Enviraフォトギャラリーをよりレスポンシブにし、モバイル端末で表示した際に見栄えを良くすることができます。

モバイルギャラリー画像を作成しますか’設定にチェックを入れると、モバイル端末用に特定の画像を有効化または無効化して画面スペースを節約することができます。

Configuring the Envira Gallery's mobile gallery settings

スタンドアロン’タブでは、ギャラリー専用のページを作成し、カスタムページテンプレートを使用することができます。

ただし、WordPressテーマにカスタムページテンプレートがない場合は、このタブをスキップして「Misc.

このタブでは、ギャラリーのスラッグを編集したり、カスタムCSSクラスを追加したり、コンピューターからまたはコンピューターへギャラリーをインポートまたはエクスポートしたり、画像を別の既存のギャラリーにコピーしたり、右から左への言語機能を有効化したりすることができます。

Envira Gallery's Miscellaneous settings

設定に満足したら、「公開する」セクションまでスクロールします。

その後、「更新」をクリックするだけで、正式に変更されます。

Updating the Envira Gallery settings

ステップ4:インポートしたフォトギャラリーを表示する

ギャラリーを編集し、見栄えが良くなったら、ページや投稿など、NextGENギャラリーがあった場所にギャラリーを追加しましょう。

Enviraイメージギャラリープラグインは、WordPressにギャラリーを挿入する3つの方法を提供しています:Gutenbergブロック、ショートコード、テンプレートタグを使用します。それぞれの方法を探ってみましょう。

Envira Gallery Gutenbergブロックの追加

まず、あなたのNextGENギャラリーがあるページまたは投稿に移動します。その後、’+ブロックを追加’ボタンをクリックしてEnviraギャラリーブロックを見つけます。

Adding the Envira Gallery block in the WordPress block editor

ブロックを画面上の最適な場所にドラッグ&ドロップするだけ。

次に、先ほどインポートして編集したギャラリーの名前を入力します。

Choosing a gallery to insert in the Envira Gallery block

これが完了したら、ブロック設定サイドバーでさらにブロックを設定することができます。ここでの編集オプションは、前のステップで利用可能なものと似ています。

また、デスクトップやメディアライブラリからギャラリーに新しい画像を追加することもできます。

Editing the Envira Gallery block in the WordPress block editor

この段階で、このページにあったNextGENギャラリーブロックやショートコードを削除してください。

ブロックツールバーの三点メニューをクリックし、「削除」を選択するだけだ。

Removing the old NextGEN Gallery block in WordPress

ページ右上の「更新」ボタンをクリックし、変更を加えます。

ショートコードでWordPressにEnviraギャラリーを追加する

もう一つの方法は、Enviraが提供するショートコードを使用し、ショートコードブロックを使用して挿入する方法です。Gutenbergブロックが機能しない場合は、この設定をお勧めします。

ギャラリーのショートコードを見つけるには、Envira Gallery ” Envira Galleryに 行き、’ショートコード’カラムにあるコードをコピーしてください。

Copying the Envira Gallery shortcode

または、ギャラリーを開き、’Envira Code’セクションに移動することもできます。

上部にある2つのショートコード(IDのものとスラッグのもの)は基本的に同じように動作します。追加されると、ショートコードは通常のようにギャラリーを表示します。

一方、以下の特別なショートコードは、ユーザーをギャラリーに誘導するリンクを追加したい場合です。

The Envira shortcodes in the Envira Gallery editor

これらのショートコードは、ページ、投稿、またはその他のウィジェット対応エリアに追加できます。ステップバイステップのガイダンスについては、WordPressでショートコードを追加する方法の投稿をご覧ください。

テーマファイルにEnviraテンプレートタグを追加する

最後のオプションは、テーマファイルにテンプレートタグを挿入してEnviraイメージギャラリーを表示することです。これらのタグはギャラリーエディターのショートコードリストの下にあります。

Envira's gallery template tags in the gallery editor

この方法は、ギャラリーをサイトのヘッダーや フッターに表示したい場合にお勧めです。または、ギャラリーをすべてのページや投稿日に一度に表示したい場合にもおすすめです。

カスタマイザーコードを挿入するとサイトが壊れてしまう可能性があるため、WPCodeの使用をお勧めします。このコードスニペットプラグインを使用すると、コアファイルに直接触れることなく、WordPressにコードを簡単かつ安全に追加できます。

まず、WordPressサイトにプラグインをインストールします。そして、Code Snippets ” + Add Snippetに進みます。Add Your Custom Code (New Snippet)」を選択し、「Use snippet」ボタンをクリックします。

Adding custom code in WPCode

次に、スニペットのタイトルを挿入する。これは識別しやすくするためです。Envira Gallery Snippet’のようにすることができます。

その後、コードタイプを「PHP Snippet」に変更する。

次に、Enviraのテンプレートタグをコピー&ペーストして、コードプレビューボックスに貼り付けます。これらは異なって見えますが、実際には同じように動作します。一方はギャラリーのIDを使用し、もう一方はスラッグを使用するという違いがあります。

Inserting the Envira Gallery template tag in WPCode

この段階で、「インサーター」セクションまでスクロールダウンできる。挿入方法は「自動挿入」のままでよい。

場所については、あなたのニーズに最も適したものを選ぶことができる。

例えば、ギャラリーをヘッダーエリアに表示したい場合は、’サイト全体のヘッダー’を選択します。ギャラリーをブログ投稿タイトルの前に表示したい場合は、’投稿の前に挿入’を選択します。

その後、コードを有効化して「Save Snippet」をクリックする。

Configuring WPCode's Insert Method and Location

あとは、あなたのサイトにアクセスして、コードが機能するかどうかを確認してください。

投稿前に挿入」を使用した場合のテストサイトはこんな感じです:

An example of what the Envira Gallery looks like when inserted before the blog post

Enviraフォトギャラリーを向上させる究極のガイド

おめでとうございます!WordPressのNextGENからEnviraへの切り替えが完了しました。Enviraイメージギャラリーを改善するためにインスピレーションが必要な場合は、いくつかの素晴らしいチュートリアルをご覧ください:

この投稿が、WordPressでNextGENからEnvira Galleryに切り替える方法を学ぶのにお役に立てば幸いです。また、WordPressのベストアイキャッチ画像プラグインのリストや、WordPress動画ポートフォリオの作り方ガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

7件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    Thank you for the complete guide. We used NextGen on several older sites and were happy with it. Unfortunately, it is currently not enough, so let’s think about migrating the gallery under Envira. This gallery seems more robust and with better functions. This guide will make it a lot easier for us, because at least I can check step by step whether we are doing everything right.

    • WPBeginner Support

      You’re welcome, glad you’ve found our guide helpful so far :)

      管理者

  3. Silvia

    Hi! Thanks for this guide, very useful.
    I have a question: is it necessary to activate nextgen gallery plugin to do import with Envira?
    Thanks :)

    • Sreehari P Raju

      Yep. You need to activate it.

  4. Dieter Petereit

    What about all the links in the respective articles embedding images stored in the gallery storage path? Are they changed too by importing? Or will I have perfectly imported galleries but completely broken articles?

    • Sreehari P Raju

      There won’t be any problem.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。