Popular Postsの表示を横並びにする

WordPress

2024.12.132024.12.16

Popular Postsの表示を横並びにできないかなと思っていたら、バッチリの記事がありました。助かります。

うちの表示に合わせて以下のように変更

<h2 class="wp-block-heading">Popular Posts(last24hours)</h2>

 【Teams】保存したメッセージはどこ？サイドバーに「保存済み」が表示されないときの解決策 4件のビュー
 【解決法】Adobe Readerで「not enough space for thread data」エラーが出たときの対処法 4件のビュー
 【JP1/AJS】「計画実行（すぐに）」と「即時実行」の違いとは？スケジュール無視による誤動作を防ぐポイント 3件のビュー
 【JP1/AJS】「しきい値」設定、勘違いしていませんか？警告・異常判定の仕組みと注意点 3件のビュー
 【HULFT】よく遭遇するエラーコード対処法まとめ！333450、0301-0201、710-11001の原因と対策 3件のビュー

↓

<style type="text/css">
div.mywpp li {
  display: inline-block;
  vertical-align: top;
  width: 9em;
  margin-right: 5px;
  font-size: 13px;
  line-height: 1em;
}
</style>
<div class="mywpp">
<table style="border-collapse:collapse;width:100%;"><tr style="background-color:#f7f7f7;">
<th style="padding:0px"><span style="float:right;font-size:11px;"><a href="http://wp.kikuchisan.net/wpp-cat-shortcode.html" target="_blank">by ブログ工房</a>　</span>週間人気ランキング TOP 5</th>
</tr><tr>
<td style="padding:0px">
 【Teams】保存したメッセージはどこ？サイドバーに「保存済み」が表示されないときの解決策 4件のビュー
 【解決法】Adobe Readerで「not enough space for thread data」エラーが出たときの対処法 4件のビュー
 【JP1/AJS】「計画実行（すぐに）」と「即時実行」の違いとは？スケジュール無視による誤動作を防ぐポイント 3件のビュー
 【JP1/AJS】「しきい値」設定、勘違いしていませんか？警告・異常判定の仕組みと注意点 3件のビュー
 【HULFT】よく遭遇するエラーコード対処法まとめ！333450、0301-0201、710-11001の原因と対策 3件のビュー

</td>
</tr></table>
</div>