最新投稿をサイドバーウィジェットにJetpackを利用して表示する
2014/11/22
WordPressを利用していて最新投稿の一覧などをサイドバーに表示する際には、
JetPackのDisplay WordPress Postsウィジェットを利用すると簡単に表示することができます。
JetPackでは外部のサイトの最新投稿を別のブログ上に表示することができます。
はじめに
サイドバーに最新投稿を表示して、その他の記事をお勧めするような、
ウィジェットが表示されていることは目にしたことがあるでしょう。
様々な設置方法はありますが、JetPackを利用すると外部のWordPressから、
最新投稿を取得して紹介するウィジェットを設置することができます。
環境
- WordPress: 3.7.1
- JetPack: 2.5
事前準備
JetPackの画像ウィジェットを利用するには、JetPackを有効化する必要があります。
JetPackの有効化に関する詳細は以下でご紹介しています。
23.追加ウィジェット-Jetpack by WordPress.com
利用方法
JetPackを有効化し、追加ウィジェットの機能を有効にすると、
[外観]-[ウィジェット]を選択して「ウィジェット」を表示します。
ウィジェットの使用できるウィジェットのエリアに対して「Display WordPress Posts (Jetpack)」が表示されます。
ウィジェットの配置
ウィジェットをドラッグしサイドバーなど表示したいエリアにドラッグし配置します。
設定
設定では設置するサイトとは別のWordPress.comブログまたは、
JetPackが有効な他のWordPressサイトを設定します。
タイトル
ウィジェットのタイトルを設定します。
「タイトル + : + サイトタイトル」でウィジェットタイトルが表示されます。
Blog URL(Enter a WordPress.com or Jetpack WordPress site URL.)
ブログURLを指定しますが、プロトコルなどは省略して設定します。
http://algorhythnn.wordpress.com/ の場合には、
algorhythnn.wordpress.com として設定します。
Number of Posts to Display
表示する投稿数を設定します。最大は10投稿まで表示できます。
Show Featured Image
アイキャッチ画像を表示する設定かと思います。
WordPress.comブログの投稿にアイキャッチ画像を設定する方法が見当たらなかった、
表示させることができませんでした。
Show Excerpts
抜粋を表示するか否かの設定です。
参考
Display WordPress Posts Widget — Jetpack for WordPress
さいごに
このようにして最新投稿をウィジェットで簡単に設置することができるようになります。
既にJetPackを導入済である場合には、簡単に設置することができますので便利かもしれません。
WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
関連記事
-
-
Welcart e-Commerce_v1.3.15プラグインの各機能と初期状態画面
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
23.追加ウィジェット-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPressテーマファイルの編集に子テーマ利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
ファイルアップロード上限の変更(PHP phpMyAdmin wordpress)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
19_04.Dailymotionプレーヤー表示には、Jetpackのdailymotion動画ショートコード埋め込み
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPressサイドバーにTwitter™タイムライン(timeline)ウィジェットを表示する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
11.VaultPress™-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPress4.0日本語をGoogle App Engine for PHPにインストールする概要
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
05.購読-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
投稿の前後挿入にPost6WidgetArea v0.6.2<-0.5.0-wordpressプラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …