ブロックエディター「ギャラリー」 の使い方を説明します

WordpressWordpress
スポンサーリンク

ブロックエディター「ギャラリー」 ブロックエディターにある メディア枠内 のギャラリーは、 記事内に 画像のギャラリーを 設置 することが できます。設置した画像に リンク設定 できるため いろんな使い道が できるのではないかと思います。

ブログ内の コンテンツを画像形式 で、カテゴリー別に 紹介するとか、自分で作った いくつかのサイトを 紹介するなど、クオリティ高い記事が 作成できます。

ブロックエディター「ギャラリー」

 

ブロックエディター「ギャラリー」

 

当サイトにお越しいただきまして、ありがとうございます。とてもうれしく思います☆不思議な話系から、ハウツーまでいろいろサイトで語りたいhukuです。

今回は  Gutenbergブロック機能 メディア枠内にある「ギャラリー」機能の 紹介です。

ブロックエディターにある メディア枠内 のギャラリーは、 記事内に 画像のギャラリーを 設置する ことができます。設置した画像に リンク設定 できるため、いろんな使い道が できるのではないか と思います。

ブログ内の コンテンツを画像形式で カテゴリー別に紹介する 、自分で作ったいくつかのサイトを紹介する など、クオリティ高い 記事を 作成できます。

カラムで 記事紹介という方法と 似ているかと思いますが、違う点は 画像のみが 表示される という点です。この特性を活かして、あらかじめ表示したい画像を カスタムしておきつつ、紹介するなど 工夫することで 文字なしのシンプルな形で アピールしたいコンテンツを 記事内に 設定できるか と思います。

 

実際に ギャラリーを 設定してみました

 

パソコン画面から 見たギャラリー表示と、スマホで見た ギャラリー表示を 実際に 画像を使って 紹介したいと思います。

パソコンの 画像 ギャラリー

 

まず、パソコンの画像を ギャラリーで 設定してみました。こんな感じです。

 

ブロックエディター「ギャラリー」②

スマホで 見た ギャラリー表示

 

ギャラリー表示を スマホで見た場合は こうなります。

ブロックエディター「ギャラリー」 ③

スマホの画像の数が 奇数の場合 パソコン画面は、もし ギャラリー画像を5枚使った場合、上段が 3カラムで 最下段が 2カラムとなり、スマホ画面は 上2列が2カラムで、最後のみ 1カラムの表示 になります。

レスポンシブ (スマホ)で、ギャラリー3枚を 表示したものを 画像にしました。(スマホ表示の場合 こうなります。)画像枚数が 偶数の場合、パソコン画面で 3カラムで 表示しているものが、このように 表示されます。

クラシックエディターでは ギャラリー機能は サイドバー設置用に ギャラリー機能が備わってたかと 思います。一度使ったことが ありましたが それ以降 使うことはなく 使用頻度がゼロに近かった…と思います。

今回は 記事内に 設置できるようになったため 使い道も 広がりそうです。今後 使用頻度が あがるかもしれない… と思いました。

 

記事内に ギャラリーを 設置する方法

 

それでは、記事内に ギャラリーを 設置する方法を 紹介していきたいと思います。

① メディア枠内にある「 ギャラリー」を クリックします。

ブロックエディター「ギャラリー」

 

⓶ 下記の画像が 編集画面に表示されます。

↓ ↓ ↓

ブロックエディター「ギャラリー」 ④

 

今回は メディアライブラリ  ( WordPress内に 保存した画像  ) を使って ギャラリー設置を するのですが メディアライブラリーの リンクを クリック します。

③メディアライブラリーの 画面に 映ります。ここで 作成したいギャラリーの 画像を 選んでいきます。

1.選択したい 画像の 右上に カーソルを当てると ✔が表示されるので 選んだ画像に ✔ を 入れていきます。

2.  画面左下の  青いボタン「ギャラリーを作成」を クリックします。

 

⑤ブロックエディター「ギャラリー」

 

3. ギャラリーを編集という画面に 移ります。ここでは 画像の 並び替えなど 行うことができます。問題がなければ 左下の青いボタン「 ギャラリーを挿入 」を クリックします。

 

ブロックエディター「ギャラリー」⑥

 

 

以上で ブロックエディターの メディア枠内にある ギャラリー機能の 使い方と 設置方法の紹介を 終わります。

 

まとめ

 

ギャラリー機能を 今回 初めて 触ったのですが 触るまで 使い道あるのだろうか とか?ギャラリーと 画像機能の違いとは? みたいな 勝手な印象 しかなかったため 全く 興味を持つこと ありませんでした。(;’∀’)

ですが 実際に使ってみると かなり 面白い機能である ことに 気づきました。
「自分は まだまだ ブロックエディターの 機能の 凄さに 気づいていないのかもな~?」と 思いました。

 

外部関連記事

WordPress エディター : ブロックを使う

 

 


参考になった…と思っていただけた方、
よかったらポチっとお願いしますm(__)m


備忘録・雑記ランキング


 

profile
huku

主婦をしつつ、少しパートをしつつ、そして好きなジャンルのコンテンツを作ることを趣味としている現在(2020年)48歳です。
コンテンツ作りは、2010年アメブロからスタートし、2015年Wordpressを使い始めました。昨年から試験的にYouTube配信もスタートしました。

hukuをフォローする
Wordpress
hukuをフォローする
Huku

コメント

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