頑張らない!でも諦めない!必死にならずにええかげん

08.カルーセル-Jetpack by WordPress.com

      2014/11/22

Google or AdMax Promotion(it)

wordpressを利用していて一番利用されているプラグインが、
このwordpress.comが提供しているJetPackではないでしょうか。
JetPackプラグインは機能が多いのですが、
ここでは「カルーセル」の機能についてご紹介します。

はじめに

Jetpack by WordPress.comのすべての機能を使っているでしょうか。
私はこれまで必要なものだけを使って、ほかの機能はあまり気にしていない状態でした。

ざっと全体の機能を確認しようと思いましたので、ご紹介しておきます。

カルーセル

Jetpack のカルーセルの機能概要は以下のように表示されます。

カルーセル

カルーセルを有効化すると、投稿に埋め込んだ標準の WordPress ギャラリーの写真が美しいフルスクリーン表示で楽しめるようになります。コメントや EXIF メタ情報にも対応しています。

01_JetPackカルーセル詳細

JetPackカルーセル詳細

通常のギャラリー

通常wordpressのギャラリーは、以下のように表示されるものが標準で利用できます。

通常ギャラリーとして投稿を行う場合、[ gallery ids=”” ]ショートコードを利用します。
テキストエディタモードでgallery_snippetと入力することで、ギャラリーを表示することができます。

ギャラリーの利用方法については以下でご紹介しています。
wordpressでメディアページ(ギャラリー、gallery)を表示する方法

ギャラリーを設定している状態

02_ギャラリーの投稿

ギャラリーの投稿

ギャラリーに画像を設定しブログを表示した状態

03_ギャラリーの表示

ギャラリーの表示

このギャラリー表示を行っているサムネイルをクリックすると、
ギャラリーに設定した画像のメディアURLが開かれます。

04_メディアページとURL

メディアページとURL

標準ギャラリーでは画像を拡大した状態が表示されるだけです。

05_メディアページの表示

メディアページの表示

カルーセル有効

カルーセルを有効にすると、
過去のギャラリーまで含めて画像の表示がリッチになります。

Lightboxといった流行の表示効果はありませんが、
画像のページ送りなども行うことができるようになります。

06_カルーセル表示

カルーセル表示

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

最近はLightbox効果を利用した画像の表示を多く見かけますが、
こうしたシンプルな画像表示の仕組みを採用して軽快に画像を見てもらうのも便利かもしれません。

別のプラグインも併せて導入し、LightBoxプラグインなどと併用して、
投稿内に貼り付けた画像はLightbox表示を、
画像が主体の投稿はカルーセル表示と併用するのも便利かもしれません。


WordPress™はWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
WordPress.com、WordPress.net、WordPress.org、WordPress.tv、
WordPressFoundation.orgはWordPress Foundationが
管理運営を行なう正式なトップレベルドメインであるとともに、
WordPress Foundationが運営を行うサービスの名称です。

Jetpack by WordPress.comはAutomattic, IncのCreative Commonsによってライセンスされています。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

 - jetpack, WordPress , ,

  関連記事