Popular Postsのデザイン変更@テーマ作成95日目

今日の進捗状況

・Wordpress Popular Postsの体裁を整える

自分でなにかをいじったつもりはないのですが、作成中のテーマを見ていたらPopular Postsの見栄えがおかしなことになっていました。

popularpost

そこで最初から設定をやり直し、ついでにサムネイル付きのものに改良することにしました。

といっても画像表示はさほど難しいことはなくウィジェット画面の「Wordpress Popular Posts」にて「投稿サムネールを表示する」にチェックを入れて、任意のサイズにするだけ(※ついでに抜粋がいらなかったので、チェックを外しました)

popularpost_op

popularpost2

するとこんな感じになります。画像がサイドバーからはみ出している点と文字の位置&サイズを変更したいです。

以上の記事を参考にcssで体裁を整えました。

pperror

↑途中、こんなことになる場面も。

popularpostok

最終的にこんな形に収まりました。ちなみにマウスオーバーすると、文字色が変わるようになっています。

スポンサーリンク
スポンサーリンク

シェアする

フォローする

スポンサーリンク
スポンサーリンク