スポンサードリンク

WordPress Popular Postsのデザイン(css)編集

是非シェアしてください!

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-27-01-13-49

サイドバーの人気記事の部分ですね。

このプラグインは本当に便利です!

簡単にアクセス数の多い記事を表示できます。

ただ、デフォルトだとデザインが微妙です…

そのため自分でデザインをある程度編集できるようになっています。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-27-01-16-42

一番下の

HTML Markup settings
[?]

の部分ですね。

画像のように

ここを左を

右を

こんな感じに設定

次は

このcustomPopのcssを設定したいので

管理画面の

「プラグイン」→「プラグイン編集」

「WordPress Popular Posts」を選んで選択

wordpress-popular-posts/style/wpp.cssを編集します。

この下にでも入れましょう。

こんな感じです。

これで一番上の画像の感じになります!