WordPress サムネイル画像の横に出てくる記事タイトルの位置を変える方法

Question

WordPressをローカル環境にて構築中の者です。

あちこちのサイトで見かけられるカスタマイズ方法を元に、
Twenty Fourteenをベースに手を加えています。

「WP-PostViews」のプラグインを利用して、サイドバーに人気記事ランキングを出したいと考えています。
実際に出しまして、テスト記事のアクセス回数の表示の色を変えたり、記事に登録してあるアイキャッチ画像をサムネイル表示もできました。
しかし、それらサムネイルの横に出てくる記事タイトルの位置が常にサムネイルの中央から始まってしまっています。
これですと変なところで改行されていまい、見ずらくなってしまっています。

添付ファイルの下部分にあるように、サムネイルの上辺から記事タイトルが始まれば良いのですが、その方法が分かりません。

参考にしたサイトは以下です。
http://jobtech.jp/wp/124/
http://blog.rhasm.net/wpp-postviews-how-to-display-eyecatch/

※使っているのは「WP-PostViews」です。「WordPress Popular Posts」を使おうともしましたが、何故かこちらは動作しませんでした。

どなたか答えをご存じの方、おられましたらご教授頂けますよう、よろしくお願い致します。

Answer 1

WordPress サムネイル画像の横に出てくる記事タイトルの位置を変える方法2 を参照下さい。
そちらに参考サイトを掲載済みです。

ご協力ありがとうございました。

Answer 2

CSSをうまく効かせればできると思います。
お手数ですが、PostViewsの設定のMost Viewed Template:のテキストエリアの中身を貼って頂ければ、
そのまま実装できるコードでお返事できると思います。

Comments

[cole_ranbert]

<li>%THUMBNAIL%<a href="%POST_URL%" title="%POST_TITLE%">%POST_TITLE%</a> - <span style="color:#dc143c ">%VIEW_COUNT% アクセス</li>

↑こちらになります。

[akira888]

cole_ranbertさん

ありがとうございます。以下をお試しください。
1. Most Viewed Templateの書き換え
--------
<li>%THUMBNAIL%<a href="%POST_URL%" title="%POST_TITLE%">%POST_TITLE%</a><span style="color:#dc143c "> - %VIEW_COUNT% アクセス</span></li>
--------

2. テーマのCSSのどこでも良いので、以下を追記してください

--------
.widget_views li {
display:inline-block;
width:100%;
vertical-align:top;
}
.widget_views li a,
.widget_views li span {
display:inline-block;
height:100%;
vertical-align:top;
}
--------

以上です。
ハイフンも赤くなってしまうと思います。おこのみで調整が必要かもしれません。

[cole_ranbert]

akira888さん

回答ありがとうございます。
今しがた、ご指定頂いたコード２つともそれぞれの箇所に書き換え＆追記してみたのですが、今までと同様の表示のまま変わらずでした。
理由は良く分かりませんが、今まで他の箇所を弄った際の別の指示が効いているのかもしれません。

[cole_ranbert]

akira888

上記の方法で表記が変わりました。
続きのスレッド『WordPress　サムネイル画像の横に出てくる記事タイトルの位置を変える方法２』を立てました。
よろしければ、そちらもご覧下さい。