WordPress Popular Postsプラグインの黄色の警告の対処法

WordPress Popular Postsプラグインとは

WordPress Popular PostsはWebサイト上の人気の投稿を表示できるプラグインです。

WordPress本体には人気の投稿を表示する機能がないため、WordPress Popular Postsプラグインを使用しているWebサイトがたくさんあります。

iwb.jpもWordPress Popular Postsを使用しており、人気の投稿の部分はプラグインを使用して表示させています。

WordPress Popular Postsで黄色の警告

WordPressにログインした状態でWordPress Popular Postsプラグインで表示させている部分を見ると、下図のような黄色の警告が表示されている場合があります。

Important notice for administrators: The WordPress Popular Posts "classic" widget is going away!

This widget has been deprecated. Please replace it with the WordPress Popular Posts block or the wpp shortcode as soon as possible.

翻訳すると以下の通り。

管理者様へ重要なお知らせです: WordPress Popular Postsの「クラシック」ウィジェットは廃止されます！

このウィジェットは非推奨となりました。できるだけ早く、WordPress Popular Postsブロックまたはwppショートコードに置き換えてください。

前述の通り、旧式のウィジェットが非推奨となったことが原因なので、WordPress Popular Postsを新しくブロック形式で表示させる必要があります。

Popular Postsをブロック形式にする方法

まず、WordPressのサイドバーから「外観 => ウィジェット」のページに遷移して「＋」ボタンを押して「wordpress popular posts」で検索して表示されたものをクリックします。

WordPress Popular Postsのブロックが追加されるので、TITLEなどにウィジェットと同じ内容を入れます。

必要事項を入力したら、画面右上の更新ボタンを押せば反映されます。

反映後のWebページで問題なく表示されたら古いウィジェットのWordPress Popular Postsは三点リーダーから「従来のウィジェットを削除」で削除してください。

ブロック形式はh2タグにCSSクラスがない

WordPress Popular Postsをブロック形式に変更するとh2タグの「widget-title」のCSSクラス名が付かなくなります。

そのため、見た目が変わってしまう場合は、別途CSSを追記して調整が必要な点に注意してください。

<div class="widget popular-posts">
  <h2>人気の記事</h2>
  <ul class="wpp-list">
    <li><a href="#">link1</a></li>
    <li><a href="#">link2</a></li>
    <li><a href="#">link3</a></li>
  </ul>
</div>