ワードプレスでポストイメージギャラリーを作成する方法

  • WordPress
  • 更新:9月05、2017

美しいWordPress Webサイトを構築する ロケット科学ではありません。

すべてのサイト所有者が独自の目標を持っているのと同じように、WordPressサイトには無限の設定が可能です。 WordPressユーザーとしての主な目的は、真に魅力的なユーザーエクスペリエンスのためのプラグイン、コンテンツ、およびスタイリングオプションの完璧な組み合わせを特定することです。

この記事では、画像ギャラリーであなたの投稿を盛り上げる最良の方法を見ていきます。

にジャンプする:

ひび割れさせよう!

方法#1:FooGalleryの使用

WordPressコミュニティに感謝しなければならないことが1つあれば、それは 無料のプラグインリポジトリ 便利な機能をサイトに簡単に統合することができます。

FooGallery ポストイメージギャラリーを作成するために使用できる最も一般的なプラグインの1つです。 これにより、1行のコードを書くことなく、美しく、モバイルレスポンスで、網膜に対応したギャラリーを作成できます。

FooGalleryをインストールする最速の方法は、WordPressのダッシュボードです。 Plugins> Add Newに移動し、 "FooGallery"と入力して、Installボタンをクリックします。

インストールとアクティベーションの後、FooGallery> Add Galleryをクリックして、最初のギャラリーの作成を開始できます。

ギャラリーの内容を特定するのに役立つタイトルを挿入します。 これはユーザーには表示されませんので、好きなタイトルを自由に使用してください。

あなたのギャラリーに写真を追加するには、「ギャラリーアイテム」の下の「メディアを追加」をクリックします。

これにより、メディアライブラリからイメージを選択するか、[ファイルのアップロード]タブをクリックして新しいイメージをアップロードできる使い慣れたインターフェイスが表示されます。

ギャラリーに画像を追加するときは、画像ファイルのキャプションとタイトルに注意してください。ユーザーは、画像ファイルの上にカーソルを置いたときにその画像を2つ表示することができます。

テンプレートの選択

必要なすべての画像をアップロードしたら、適切に設定を調整してください。 まず、ギャラリーのテンプレートを選択します。

テンプレートは本質的にあなたのギャラリーがどのように表示されるかを指示します。

たとえば、レスポンシブイメージギャラリーテンプレートでは、すべてのイメージがグリッドとして表示され、画面サイズに基づいて自動的に調整されます。

一方、イメージビューアテンプレートは、一度に1つのイメージを表示し、ユーザにナビゲーションボタンを提供します。

残りの設定はテンプレートによって異なります。 設定の一部は、ギャラリーの配置、サムネイルサイズ、ホバー効果、グリッド間隔、ライトボックスプラグインなどです。

あなたが望む外観を達成するまで、これらの設定で自由に遊んでください。 1つのタブでギャラリーを開き、別のタブでテストページを開くことをお勧めします。

これは次のステップにつながります。画像ギャラリーを投稿に追加します。

ポストにギャラリーを挿入する

あなたのコンテンツに画像ギャラリーを追加するには基本的に2つの方法があります:ショートコードとWordPressポストエディタを使用します。

特定のギャラリーのショートコードを見つけるには、ダッシュボードからFooGallery>ギャラリーを開きます。 ショートコードをクリックすると自動的にクリップボードにコピーされます。

次に、ポストまたはページのコンテンツ領域にショートコードを貼り付けます。 それが機能する場合は、下部にショートコードが表示された空のギャラリープレースホルダが表示されます。

実際のページが読み込まれたときのプレースホルダは、ギャラリーの外観を表していません。

もう1つの選択肢は、ギャラリーをポストまたはページにまっすぐ挿入することです。 WordPressダッシュボードから、使用するページまたは投稿を開き、エディタで[FooGalleryの追加]ボタンをクリックします。

これにより、「Choose a Gallery」ウィンドウが表示され、使用可能なすべてのギャラリーを見つけることができます。 また、最初から新しいギャラリーを作成することもできます。

ギャラリーを追加するには、そのサムネイルをクリックし、[ギャラリーを挿入]ボタンをクリックします。

使用したいギャラリーが見つからない場合は、別のタブから作成したばかりかもしれません。 その場合は、Reloadボタンをクリックしてウィンドウを更新してください。

FooGalleryの改善

拡張性はFooGalleryの最大の利点の1つです。 FooGallery> Settingsに移動することで、プラグインの動作方法のいくつかの側面を変更できます。

たとえば、[画像]タブでギャラリーのサムネイル品質を最大100に調整できます。

最後に、FooGalleryは機能を追加するさまざまな軽量な拡張機能をサポートしています。 拡張ストアを参照するには、FooGallery> Extensionsをクリックします。

方法#2:プラグインなしのギャラリーの作成

すべてのプラグインを使用するというアイデアに惑わされていない場合は、 組み込みのWordPress機能 代わりに。

プラグインなしでポストギャラリーを作成するには、WordPressポストエディタに移動し、[メディアの追加]をクリックします。

そこから、[ギャラリーを作成]オプションを選択し、使用するイメージを選択します。

すべての画像を選択したら、[新しいギャラリーを作成]ボタンをクリックします。

これにより、ギャラリーの編集ウィンドウが表示され、画像の順序、使用する列の数、ギャラリーのサイズを指定できます。

ユーザーに少しの文脈を与えるために、各画像に適切なキャプションを書くことを忘れないでください。 各画像のリンク動作を変更することもできます。

ギャラリーをインタラクティブにしたくない場合は、これを「なし」に設定します。

方法#3:その他のプラグインの選択肢

WordPressの投稿にポストギャラリーを追加するための最も一般的なオプションの2つを検討しました。

さらに柔軟性を持たせるために、FooGalleryのいくつかの代替案をご検討ください:

Huge ITによるポートフォリオギャラリー

ウェブサイト: huge-it.com/portfolio-gallery/; 価格:無料/ 40サイト用$ 1

ポートフォリオギャラリーは、巨大なIT WordPressプラグインエコシステムの一部です。 フルハイトブロック、コンテンツスライダ、エラスティックグリッド、ライトボックスギャラリーなど、複数のビューを備えた高度にインタラクティブなギャラリーを作成することができる、使いやすいプラグインです。

次世代ギャラリー

ウェブサイト: www.imagely.com/nextgen-gallery/; 価格:無料/ $ 69

アクティブインストールでは、NextGEN Galleryが一番上にあり、1万人を超えるユーザーがいます。 FooGalleryがこの記事で紹介されている唯一の理由は、その急な価格設定です。 それはまた、新しいユーザーに少し混乱させることができるより精巧な設定セクションを持っています。 それにもかかわらず、それはあなたが美しく応答しやすいギャラリーを作成するのに役立つ固体のプラグインです。

InstagramフィードWD

ウェブサイト: web-dorado.com/wordpress-instagram-feed-wd; 価格:無料/ 25サイト用$ 1

Instagram Feed WDを使用すると、Instagramアカウントやカスタマイズ可能なギャラリーにコンテンツを簡単に取り込むことができます。

これはInstagramの存在が証明されているフォトグラファーやブロガーに最適です。

ポストイメージギャラリーを作成する方法に必要なものはすべて見つかりましたか? チェックアウトすることを忘れないでください 必須のWordPressプラグイン すべてのサイトが持っている必要があります!

クリストファー・ヤン・ベニテスについて

Christopher Jan Benitezは、中小企業にオーディエンスを巻き込み、コンバージョン率を高めるコンテンツを提供するプロのフリーランスライターです。 あなたがデジタルマーケティングに関連することについての高品質の記事を探しているならば、それから彼はあなたの男です!Facebook、Google +、そしてTwitterで彼に「こんにちは」と言ってください。

接続します。