相談所からのネタ 第1号ですw

bizvektorでウィジェットにPopular Postsを使うと、何もしなければ、こんな表示になります。

Capture_2015_03_08_21_49_14_519
Capture_2015_03_08_21_48_54_793

 

上の空白は何!? サムネイルの右にタイトル出てほしいんだけどっ!

・・・相談者の方は2週間、解決策を求めて彷徨ってたそうです^^;

原因がどうとかは、置いといてさっさと行っちゃいましょう♪

サムネイル画像ありの場合

ウィジェットの「BV_最近の投稿」と同じスタイルで表示させます。

( ← このあたりに表示されてるやつです)

ウィジェットの設定の一番下 「Use custom HTML Markup」 にチェックを入れてください。

Before / after Popular Posts: の左右にそれぞれ

Post HTML Markup: に

Capture_2015_03_08_08_03_07_611

これで、このとーり^^

Capture_2015_03_08_21_02_18_190

(サムネイルのサイズは縦横80pxで「BV_最近の投稿」と同じになります。)

 

タイトルのみの場合

こちらも同じく、

Before / after Popular Posts: の左右にそれぞれ

Post HTML Markup: に

Capture_2015_03_08_21_44_31_580

で、こんな感じ。

Capture_2015_03_08_21_46_10_743

どのスキンでも同じです。cssをイジって調整してる人は、こっちに変えた方がドンピシャでスタイルが揃います。

と、偉そうに言ってる私が、この件、最初はcssで解決しようとしてたんですけどねー^^;

 

そして、オマケ。

ビュー数やコメント数などを付ける場合

何パターンか試してみたんですが、個人的に許容範囲なのは、こういう感じ。

サンプルとして、「タイトル表示+ビュー数表示」

Display viewsにチェックを入れて、Post HTML Markup: に

Capture_2015_03_08_21_23_00_798

このままだと、ビュー数が左に表示されるので、ちょっとcssを追加。

として、こうなります。

Capture_2015_03_08_21_24_04_579

何を表示させるかとか、好みの問題もあると思うので、cssで調整してください^^

サンプルでは、一番需要が多そうなビュー数を表示させてみましたが、他にも使えるパラメータはありますので、[設定]-[WordPress Popular Posts]の「parameters」タブの下の方”post_html”内を参考にPost HTML Markupに記述してください。

他のテーマの場合でも、そのテーマの表示させたいタグ構造に合わせてPost HTML Markupに記述してあげると、ピッタリはまるハズですよ^^

 

「bizvektorのcss・phpカスタムまとめ」へ