Celtis_s テーマのギャラリーデモ

ギャラリー表示デモ(標準)

ギャラリーを表示した場合のサンプルです

 

WordPress 標準のサムネイルグリッドだとあまり見栄えがしませんが、JetPackのタイルギャラリーを導入するといい感じになります

JetPack タイルギャラリー

JetPack のタイルギャラリーを使った場合を順に見てみます

タイルモザイク
正方形タイル
丸型
スライドショー

スライドショーには JavaScript が必要です。

このように簡単にギャラリーのタイプを指定することが出来ます

参考サイト:ギャラリーの使い方を分かりやすく説明してくれています

Celtispack Gallery Slider

Celtispack プラグインのギャラリースライダー機能もお勧めです (^^)

  • Sydney Harbor Bridge

    Sydney Harbor Bridge

    Sydney Harbor Bridge

    Public domain via http://www.burningwell.org/gallery2/v/Objects/dsc09114.jpg.html

  • Yachtsody in Blue

    Yachtsody in Blue

    Boats and reflections, Royal Perth Yacht Club

    Public domain via http://www.burningwell.org/gallery2/v/Landscapes/ocean/dsc03149.jpg.html

  • Boardwalk

    Boardwalk

    Boardwalk at Westport, WA

    Public domain via http://www.burningwell.org/gallery2/v/Landscapes/ocean/DCP_2082.jpg.html

  • Golden Gate Bridge

    Golden Gate Bridge

    Golden Gate Bridge

    Public domain via http://www.burningwell.org/gallery2/v/Objects/100_5478.JPG.html

  • 青空と凧

    青空と凧

    天空を目指す龍のようです

    青空高く舞い上がっていく連凧が天お目指して登っていく龍のように見えます

  • スカイツリーと富士山

    スカイツリーと富士山

    スカイツリーと富士山

ギャラリースライダーの使い方は下記記事を参照して下さい

WordPress ギャラリーを印象的に見せるレスポンシブスライダー(複数設置対応)プラグイン
WordPress のギャラリーにレスポンシブなスライダー機能を追加するプラグインです。標準ギャラリーと同じ使い方で、ギャラリーを簡単にスライダー表示にし、スライダーをページ内に複数設置することも出来ます (^^)…

このようにギャラリーを使用すると様々な形式で写真を効果的に魅せることが出来ます

さらに大きく魅せたい画像はリンク先を添付ファイルのページに指定すれば、画像をクリックした時にブラウザのサイズに合わせて表示されます

 

search star user home refresh tag chevron-left chevron-right exclamation-triangle calendar comment folder thumb-tack navicon angle-double-up angle-double-down angle-up angle-down quote-left googleplus facebook instagram twitter rss