WordPress先日、当ブログのサイドバーに設置している人気記事ウィジェットのサムネイルサイズを変更しました。使用しているテンプレートは、WordPressのSimplicity。Postsプラグインを利用したSimplicityの「人気記事ウィジェット」を使用し表示させています。LINK人気記事ウィジェットのサムネイル設定この「人気記事ウィジェット」、「表示タイプ」項目でサムネイルの表示方法をカスタマイズできます。上の「デフォルト」を選ぶと、オーソドックスな正方形。サムネイルサイズは75×75。「大きなサムネイル」を選ぶと、このようなカード型デザインに。「タイトルを重ねた大きなサムネイル」にすると、カード型サムネイルの上に記事タイトルのキャプションが乗ります。当ブログは当初、「デフォルト」設定しにし、サムネイルを正方形(75×75)にしていました。インデックスページの記事サムネイルと同サイズにしたほうが見栄えがいいかと思い、先日、正方形から長方形に変更。「人気記事プラグイン」のサムネイル設定を「大きなサムネイル」に変更。「デフォルト」のままCSSで画像サイズをいじると、解像度の問題で画像がぼやけてしまうからです。次に、以下コードをCSSに追加。「人気記事プラグイン」のサムネイルを左寄せにし、記事タイトルを回り込ませてリストデザインにします。li」にoverflowを設定しておかないと、記事がきれいに並びません。left;}このCSSを追加すると、サイドバーの「人気記事プラグイン」のサムネイルが長方形になります。サムネイルに使用される記事アイキャッチの画像比率をそのまま維持したいときは、「height:100%」に変更すればOK。当ブログは、パソコン表示のときサムネイルサイズ85×65、モバイル表示のとき100×80に切り替えています。LINKあわせて読みたい@hiroseyonaka【第13回】佐藤優樹と消耗していく娘。’14時代の7~9月MBSヤングタウン土曜日2018年6月9日書き起こし※解説つきRankingXperiaが充電できない原因は内部コネクタの接触不良!直し方を解説おしゃれで美しいサインを作成できるWEBサービスまとめコーラックは何時間で効く?1粒から10粒までの統計結果を取りました努力を一切せず「ながら習慣」だけで指を長くする方法モーニング娘。冷蔵庫なし生活や災害時に役立つ、常温保存できる食品リストデザインの参考に!おしゃれなタブメニューを導入しているサイトまとめ【第13回】佐藤優樹と消耗していく娘。’14時代の7~9月Android端末所持のままNHKの放送受信契約を解約する方法また現メンバーが腐るぞ!カガシステム発動がモー娘。’17とハロプロに及ぼす悪影響はてなブログPROを強制非公開にされたので、WordPressに引っ越しましたイオンバイクの自転車5台を超本音レビュー!購入する際の参考にどうぞ【第1回】佐藤優樹と消耗していく娘。以前10着のアイテムで作る「シンプルなのにセンスが良い」ベーシックファッションスタイル転居届を出したのに郵便物が届かない!郵便局への問い合わせ・再配達依頼のやり方Xperiaが勝手に動く原因はタッチパネルの故障じゃなく熱暴走!自力でも直せるよモー娘。無味に飽きたらちょい足しで変化を。音楽NewMBSヤングタウン土曜日2018年6月9日書き起こし※解説つきSimplicity人気記事ウィジェットのサムネイルを長方形にする【第13回】佐藤優樹と消耗していく娘。【第12回】佐藤優樹と消耗していく娘。【第11回】佐藤優樹と消耗していく娘。【第10回】佐藤優樹と消耗していく娘。【第9回】佐藤優樹と消耗していく娘。【第8回】佐藤優樹と消耗していく娘。