WordPressをはじめて98日目です。今朝の気温は少し落ち着いています。みんな、夏休みの宿題やってるかいな。

 

Jetpackのギャラリー

WordPressをお使いのみなさんの多くが、プラグインJetpackを入れていると思います。その中に、ギャラリー機能があるのはご存知ですか?

同じJetpackのカルーセル機能とあわせると、こんな見せ方ができます。
よかったら、挑戦してみては?

is16

 

画像をクリックすると・・・

is08

 

 

Jetpackでギャラリーページをを作る

①Jetpackを開いて、[カルーセル]と[タイルギャラリー]を有効化します。

is01

is02

 

②ギャラリーにしたい記事を新規追加します。(私は固定ページに入れて、メニューから飛ばすようにしています。もちろん、普通の記事でもOK)

記事上のギャラリーを入れたい場所でクリック、[メディアを追加]。

is03

 

③左メニューで[ギャラリーを作成]をクリック。
一覧から、ギャラリーしたい画像を選びます。新規で追加もOK。複数選択もできます。
選択後に、[ギャラリーを作成]。

is032

 

④[ギャラリーを編集]画面で、ドラッグで画像の順番を変えられます。[ギャラリーを追加]、「×」をクリックで削除できます。また、画像を選べば、[タイトル]で名前を、[キャプション]で説明をつけられます。

is04

 

⑤ギャラリーの種類を決めます。サイズと種類を組み合わせます。カラム数を指定できる場合もあり。[ランダム]にも表示できます。

is05

 

例)
サムネイル×サムネイルグリッド×カラム3

is07

 

中×サムネイルグリッド×カラム2

is09

 

丸型

is11

 

タイルモザイク

is15

 

タイルカラム

is12

 

 

スライドショー

 

⑥画像クリックで記事ページへ飛ばしたい場合
試しにどれか1つを選んで、キャプション欄に適当な説明を入れてみてください。(全部する前に、ひとつだけテスト用に入力しましょう。)
右側の[リンク先]を[添付ファイルのぺージ]にすると、記事のあるページへ。
[メディアファイル]だと、クリックで画像だけを表示。

 

⑦プレビューします。
[ギャラリーを挿入]して、記事の[下書きを保存](または[更新])し、プレビュー。
画像をクリックすると、カルーセルで次の画像へ回ります。

種類によって、キャプションがすでに表示されているものと、画像をマウスオーバーすると表示されるものがあります。

is066

is08

 

⑧修正したいときは、カルーセルを閉じて、記事上の画像を選ぶと[編集]マークが出るのでクリックします。

is14

 

 

記事のページへリンクできない??

[リンク先]を[添付ファイルのぺージ]に設定した。画像をクリックすると、カルーセルが次の画像へ回る。が、ファイル名をクリックしても、記事のページへは飛ばない。

ひょっとしたら、私と同じかもしれませんよ。諦めるのはまだ早い。

次回に、設定方法をご紹介します!mi