jetpack、人気の投稿とページのサムネ変更

Jetpackのwidgetである”人気の投稿とページ”を利用して右側の人気のページを表示させているわけですが、サムネイルが小さいのです。

サムネイルを変更するためにやることは、

テーマのfunctions.phpに追加
cssに追加

です。

functions.phpに追加

How to change the size of the thumbnails in the Top Posts widgetによると、
まず、使っているテーマのfunctions.phpに以下の文を追記します。

function jeherve_custom_thumb_size( $get_image_options ) {
        $get_image_options['avatar_size'] = 600;
 
        return $get_image_options;
}
add_filter( 'jetpack_top_posts_widget_image_options', 'jeherve_custom_thumb_size' );

CSSに追加①

次にCSS編集のプラグインに

.widget_top-posts .widgets-list-layout-blavatar {
    width: 40%;
    max-width: 600px;
}

を追記します。
こうすればサムネイルの大きさが大きくなります。

CSSに追加②

僕だけかもしれませんが、リンクがこんな風に変わってしまいました。
リンクずれ_c
これを解決するためにはCSS編集用のプラグインに

.widgets-list-layout-links {
    float: right;
    width: 55%;
}

を追記すればいいです。

サムネイル画像を切り取りではなく、縦横比にしたり、サムネイルを横長にしたりしたいと思いましたが、変更方法は分かりません。調べても出てこないです。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です