プラグインWP-PostViewsを使用して人気記事ランキングにサムネイルを表示する。22プラグインWP-PostViewsを使用して人気記事ランキングにサムネイルを表示する。プラグインバージョンアップしたら表示されなくなってしまったので備忘録的に記述します。こんな感じに読者に多く読まれた記事のサムネイル画像を表示されるものですが先日WP-PostViewsのバージョンアップ(1.68→1.69)したら下記のようになってしまいました。原因は、バージョンアップで記述していたファイルも上書きされてしまったためです。$chars);という行を探します。スラッシュのあと上記をコピペすると指定行にジャンプします。“(アルファベットのオー)を押すとカーソルの下行に挿入できます。$temp);上記の2行を追加してください。array(50,50)の数字は、画像の大きさなのでそれぞれのブログの表示にあわせて調整してください。下記のようになればokです。”を押すと次の場所までジャンプします。バージョン1.75からは、これ以降の設定で問題ないようです。</li>と記述しました。href=”%POST_URL%”>%THUMBNAIL%</a>を追記すればOKです。あとは、外観のウィジットからサイドバーに追加すれば当ブログのようになります。ここで見てわかるようにまだサムネイル画像と投稿記事の題名がきれいに表示されていないのでCSSの回り込み設定等して少し見栄えを良くします。それぞれのwordpressテーマによって若干の違いはあると思いますが大きくは、同じようです。スタイル設定する前にスタイルシートで設定するIDを調べます。ブラウザでソースの表示を押して人気記事ランキングの場所を探して下記のようにIDを調べておきます。chromeで行いました。他のブラウザでも同様の場所を探してください。こちらのサイトでは、views-2となってます。次にテーマのスタイルシートstyle.cssを開きます。当サイトでは、Grapheneというテーマです。その最下部に以下を追記します。問題なければファイルの更新をしてください。margin-right:5px;}1行目のheight:50px;は、各記事行の幅になるので空白が大きい場合は、数値を少なく、空白がないなどの場合は、大きくしてください。通常は、画像の表示サイズと同じ位にするのがベストです。今回は、array(50,50)なので50pxに設定してます。改行がずれる場合は、この数字を大きくしてみてください。)2行目でfloat(回り込み)をしています。margin-rightは、画像と文章の空白の幅です。こんな感じできれいになりました。これでプラグインの追加もしくは、バージョンアップしても大丈夫ですね。サムネイルのサイズを直接変更するとできるようです。それぞれのサイトにあわせて変更してみてください。31プロフィール札幌に在住、さくらVPS+centOSを運用してのブログです。サーバ、wordpressなどのシステム系情報から毎年のサロマ100km完走、カメラ、釣り、山菜、ラーメンなど日常の雑多なブログになってます。相互リンクもいつでも誰でも大歓迎です。紹介コメント欄等からお願いします。書いておりますのでおつきあいのほどお願いします。Grapheneの設定.。