諸般の事情からWordpressのギャラリープラグインを物色しています。@web_shufuです。今回はWordPressのギャラリープラグインの元祖とも言える「Gallery」を試してみました。
インストールとギャラリー作成準備
Worpdress管理画面左サイドバー「プラグイン」⇒「新規追加」からインストール・有効化します。
すると、管理画面左サイドバーに「Galleries」というタブが出現します。クリックしましょう。
「Add a gallery」をクリック
ギャラリー作成
ギャラリーのタイトルと説明文を入力しましょう。終わったら下スクロール。
「Upload a file」をクリックして、ギャラリーに使用する画像をPCから選んでアップロード。
アップロードが終わるとこんな画面になります。すかさず上スクロール。
「下書きとして保存」を押したら、再び下スクロール。
先ほどアップロードしたギャラリー用の画像をドラッグ&ドロップで並び替えて、ギャラリーでの表示順を自由自在に変えられます。
並べ替えが終わったら、再び上スクロールして「公開」ボタンを押します。青枠で囲ったショートコードは投稿や固定ページでギャラリーを表示させるためのものです。
##投稿や固定ページへの埋め込み
[print_gllr id=○○]の形式のショートコードを埋め込むとこんな感じでギャラリーに登録した画像がずらりと並びます。
[print_gllr id=○○ display=short]の形のショートコードを埋め込むと、ギャラリーには別の専用ページが用意され、投稿や固定ページではギャラリーページへのリンクが表示されます。
レスポンシブ対応
管理画面左サイドバー⇒「BWS Plugin」⇒「Gallery」と進み、下スクロールして「Number of images in the row」を見てください。デフォルトでは3になっていますが
このままだとデバイスの幅によってはこんなへんてこりんな表示になります。レスポンシブデザインのサイトには使いにくいです。
この問題は「Number of images in the row」をかなり大き目の数字にすることで
解決します。
オーソドックス過ぎ
いかにも元祖っぽい名前が付いているので使ってみましたが‥
ほんと元祖って感じでオーソドックスすぎる感じです。