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

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

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


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


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

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

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

AdMax Promotion

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

Rakuten Promotion

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

 - jetpack, WordPress , ,

  関連記事

eye_wordpress
No Self Pingsプラグインでセルフピンバックを停止する

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

eye_wordpress
12.一括検索-Jetpack by WordPress.com

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

eye_wordpress
WordPress4.0が公開されインストール(日本語化は画面選択のみ)

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

eye_google_anl
GoogleAnalyticsのユニバーサルアナリティクスコードを取得する(追加)

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

eye_facebook
Facebook Like ボックスウィジェットをJetpackを利用して表示する

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

eye_wordpress
18.タイルギャラリー-Jetpack by WordPress.com

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

eye_twitter
空のtwitterアプリケーションを作成しWordTwitをOAuth認証で連携・・・できない

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

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

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

eye_wordpress
サブディレクトリに新規インストールする(した)場合のトップページURLの変更

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

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

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