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

最新投稿をサイドバーウィジェットに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を有効化し、追加ウィジェットの機能を有効にすると、
[外観]-[ウィジェット]を選択して「ウィジェット」を表示します。

01_外観・ウィジェットの選択

外観・ウィジェットの選択

ウィジェットの使用できるウィジェットのエリアに対して「Display WordPress Posts (Jetpack)」が表示されます。

01_Display WordPress Posts (Jetpack)

Display WordPress Posts (Jetpack)の追加

ウィジェットの配置

ウィジェットをドラッグしサイドバーなど表示したいエリアにドラッグし配置します。

02_Display WordPress Posts (Jetpack)の配置

Display WordPress Posts (Jetpack)の配置

設定

設定では設置するサイトとは別のWordPress.comブログまたは、
JetPackが有効な他のWordPressサイトを設定します。

04_Display WordPress Posts (Jetpack)

Display WordPress Posts (Jetpack)

タイトル

ウィジェットのタイトルを設定します。
「タイトル + : + サイトタイトル」でウィジェットタイトルが表示されます。

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

抜粋を表示するか否かの設定です。

06_Display WordPress Posts抜粋表示

Display WordPress Posts抜粋表示

参考

Display WordPress Posts Widget — Jetpack for WordPress

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

このようにして最新投稿をウィジェットで簡単に設置することができるようになります。

既にJetPackを導入済である場合には、簡単に設置することができますので便利かもしれません。


WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

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


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

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

AdMax Promotion

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

Rakuten Promotion

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

 - jetpack, WordPress ,

  関連記事

eye_jetpack
JetPack統計情報は復旧できる!見えていないだけだから大丈夫

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

eye_vaultpress
VaultPress™を利用して別のサイトに復旧(テスト・一時)サイトを構成する手順

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

eye_wordpress
ブログ共有データの一括表示にはZenback-wordpressプラグインを利用

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

eye_php
PHP.iniに設定する設定をhttpd.confや.htaccessに対して行うメリット

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

eye_php
PHPを1行目の[#!php-cgi]を省いて(書かずに)CGI実行する方法

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

eye_google
Googleがプラグインを作るとこうなるのか!直観的IFに脱帽した件(Google Publisher Plugin)

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

eye_wordpress
印刷を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カテゴリやタグの投稿でバナー(Google AdSesne)を表示しない方法

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

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

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