画像ギャラリー プラグインで少し動きを付ける
複数の写真を並べて、クリックしたら拡大表示するギャラリー機能ですが、ワードプレスにデフォルトで備わっています。ギャラリーブロックを配置するだけなので簡単です。「ブロック追加ボタン」をクリックし、一般ブロックの中の「ギャラリー」をクリックします。

パソコン内もしくはライブラリの中から、ギャラリーに並べたい画像を選択します。

画像を選択したら右下の「ギャラリーを作成」をクリックします。

ギャラリー編集画面になりますので、画像を並べ替えたり、画像タイトルや画像説明のキャプションを入力して編集が完了したら「ギャラリーを挿入」をクリックします。

以上で完了です。
以上で完了なのですが、拡大表示のときに少し動きを付けたいのでギャラリープラグインを使いたいと思います。ワードプレスの編集画面左のメニュー内、「プラグイン」、「新規追加」をクリックします。

検索ボックスに「easy fancybox」と入力します。いろいろなギャラリー系のプラグインがあるのですが、今回はこれを使います。「今すぐインストール」をクリックします。

インストールが完了したら「有効化」をクリックします。

以上で完了ですが、設定を変更する場合はEasy FancyBoxの「設定」をクリックします。英語ですので、ブラウザがChromeであれば画面を右クリックして「日本語に翻訳」をクリックします。

ほとんどの設定はデフォルトのままで大丈夫です。当ブログではトップページにギャラリーがありますが、タイトルを表示させない設定にするために「Appearance」の項目の二つのチェックを外しただけです。上が”Show title”つまりタイトルを表示するチェックボックスで、下のチェックボックスは、タイトルはalt属性に同ずるという意味です。alt属性とは下記の代替テキストを指します。

メディアライブラリで画像をクリックすると、右側に、代替テキストとキャプションの入力画面が表示されます。代替テキストが画像タイトル、キャプションが一言説明のような意味合いです。どちらも入力しなくても問題ありません。上記のチェックボックスをオンにする場合は画像タイトルを入力します。(タイトルと表示されている欄にはファイル名が入力されています。)

設定変更が完了したら「変更を保存」をクリックします。

このように少し動きの付いた画像表示をするギャラリーになります。

ディスカッション
コメント一覧
まだ、コメントがありません