WordPressのサイドバーにアイキャッチ画像を背景にした新着記事一覧が表示できるプラグイン「Elegant Posts Widget」 | Knowledge Base

WordPressのサイドバーにアイキャッチ画像を背景にした新着記事一覧が表示できるプラグイン「Elegant Posts Widget」

サイトのサイドバーウィジェットに必ずと言っていいほど表示する「新着記事」。

WordPressのテーマで新着記事の表示方法は「文字のみ」または「文字の左や右にアイキャッチ画像を入れる」の大きく2通りですね。

そのままでもいいけれど、同じテーマを使っている他のサイトと少しでも違う感じにしたい・・・そんなときにおすすめなのが新着記事のタイトルの背景をアイキャッチ画像にすることができる【Elegant Posts Widget】プラグインです。

ちなみにこんな感じの記事一覧が作成できます(公式サイトのスクリーンショットリンクです)

【Elegant Posts Widget】プラグインの基本的な機能・できること

  1. ウィジェットにアイキャッチ画像を背景にした記事一覧を表示
この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については文末に記載しています
  5. 使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【Elegant Posts Widget】プラグインの設定画面や表示の日本語化と翻訳

【Elegant Posts Widget】プラグインは日本語化が可能な言語ファイルが同梱されていますので、翻訳を行えば日本語での使用が可能ですが、設定項目が少ないので特に必要ないと思います

【Elegant Posts Widget】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

【Elegant Posts Widget】プラグインの基本的な使い方

通常のウィジェット一覧に【Elegant Posts Widget】というのが表示されるので、表示したい位置へ追加します。

簡単な単語ですので表示の設定は簡単にできると思います。ウィジェットを保存すれば公開完了です。

【Elegant Posts Widget】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

カスタム投稿タイプの記事を表示するには

標準では「投稿」と「固定ページ」の選択のみしかできないこのプラグインですが、ソースを少し改造すればカスタム投稿タイプでも使えるようになります。

大きく2つの方法がありますが、どちらもプラグイン編集で「class-templatebyte-epw-widget.php」を編集します。

開いたら、337行目あたりにある

‘page’ => esc_html__( ‘Page’, ‘elegant-posts-widget’),
という行をそのまま下へコピーし、貼りつけた行を編集します。

全部の投稿タイプを含めて表示する

複数のカスタム投稿がある場合にはこちらの方法が適当だと思います。投稿・固定ページ・カスタム投稿タイプのすべてが表示されるようになります

先程コピーした行を

‘any’ => esc_html__( ‘any’, ‘elegant-posts-widget’),
にすれば完了です(pageをanyにするだけ)

特定の投稿タイプを表示する

特定の投稿タイプだけのリストを作るには先程コピーした行を

‘カスタム投稿タイプのスラグ’ => esc_html__( ‘カスタム投稿タイプのスラグ’, ‘elegant-posts-widget’),
にします。

変更を保存したらウィジェットの設定に戻り、post typeを変更すれば完了です(ここで追加したメニューが追加されます)

プラグインのテスト環境&個人的評価

最後に【Elegant Posts Widget】を動作確認した際の環境と個人的な評価を書いておきます。導入の検討や参考になれば幸いです。

テストした環境

  1. WordPressのバージョン:4.7.5
  2. PHPのバージョン:7.0
  3. テーマ:Simplicity バージョン2.3.0g
  4. プラグインのバージョン:0.1
  5. このプラグインの最新バージョンは0.1です。バージョンが異なる場合には設定の仕方や動作仕様が変更になっている可能性があります。

個人的な評価・感想ほか

    5段階評価

  1. 設定のしやすさ:★★★★★
  2. 使いやすさ:★★★☆☆
  3. おすすめ度:★★★☆☆

前述したようにカスタム投稿タイプを使用しているサイトで使うにはカスタマイズが必要なのでおすすめ度は3にしました。今後のアップデートで投稿タイプの選択ができるようになればと願っています。

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
【中古】 本格ビジネスサイトを作りながら学ぶWordPressの教科書(2) スマートフォン対応サイト編 /プライム・ストラテジー【著】 【中..

【中古】 本格ビジネスサイトを作りながら学ぶWordPressの教科書(2) スマートフォン対応サイト編 /プライム・ストラテジー【著】 【中..

498 円 (税込)
プライム・ストラテジー【著】販売会社/発売会社:ソフトバンククリエイティブ/ 発売年月日:2013/08/29JAN:9784797370966
一歩先にいくWordPressのカスタマイズがわかる本 仕組みや考え方からちゃんとわかりたい人のために [ 相原知栄子 ]

一歩先にいくWordPressのカスタマイズがわかる本 仕組みや考え方からちゃんとわかりたい人のために [ 相原知栄子 ]

2,894 円 (税込) 送料込
評価 4
仕組みや考え方からちゃんとわかりたい人のために 相原知栄子 大曲仁 翔泳社イッポ サキ ニ イク ワードプレス ノ カスタマイズ ガ ワカル ホン アイハラ,チエコ オオマガリ,ヒトシ 発行年月:2016年04月08日 ページ数:319p サイズ:単行本 ISBN:9784798130934 1 準備編..
楽天ウェブサービスセンター CS Shop

プラグインに関するお問い合わせ

「こんなプラグインないの?」「設定方法をもっと詳しく教えてほしい」「プラグインを少しカスタマイズして使いたい」などのご相談は、こちらのリンクからお願いします(【ココナラ】のサイトへ移動します)。

ココナラ Wordpress プラグイン探し バナー
トップへ戻る