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

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

      2014/11/22

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によってライセンスされています。

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


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - jetpack, WordPress , ,

  関連記事

eye_wordpress
09.共有-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
RSS購読ボタンをサイドバーウィジェットにJetpackを利用して表示する

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
Jetpackのwordpress.com連携でエラーは競合が原因だった

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
19.ショートコード埋め込み-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
19_10.Youtubeプレーヤー表示には、Jetpackのyoutube動画ショートコード埋め込み

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressに作成される.htaccessの動作を改めて確認しておこう

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressサイトへの動画埋め込みをプラグインレスで行う方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPress4.0以降のサイトの言語変更による日本語化

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressでTOPに固定ページ、リンク先に最新投稿を表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
headタグ挿入にAdd Text To Head(Add Code to Head)-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …