【賢威7】「最近の投稿」サムネイル画像と文字サイズを変更する方法

賢威7,カスタマイズ

賢威のサイドバーに表示させる「最近の投稿」

直近の投稿のタイトルと一緒に
サムネイル画像も表示させることができます。

この「最近の投稿」のサムネイル画像と
タイトルの文字を任意のサイズに変更する方法を解説します。

賢威7「最近の投稿」をサムネイル画像付きで表示させる方法

まず念のため、「最近の投稿」をサムネイル画像付
で表示させる方法を確認しておきます。

まずはWordPressの管理画面から
外観→ウィジェットと進みます。

賢威7のデフォルト設定だと
サブコンテンツ(サイドバー)には
「最近の投稿」が設定されているかと思います。

賢威7,最近の投稿

ただしこれだと投稿タイトルしか表示されず、
サムネイル画像は表示されないので、
左のウィジェット一覧にある
「賢威 サムネイル付き最近の投稿」に変更します。

賢威7,最近の投稿

表示形式は「シンプルなリスト」にしておきます。

そうするとサイドバーにはこのような感じで
「最近の投稿」がサムネイル画像とともに表示されるようになりました。

賢威7,最近の投稿

でもサムネイル画像サイズがイマイチ…

現状は100px×100pxの正方形なのですが、
アイキャッチ画像と同じく横長に変更したい!

ということで下記のステップでカスタマイズをしてみましょう。

賢威7「最近の投稿」のサムネイル画像サイズを変更する方法

賢威7の「最近の投稿」のサムネイル画像
サイズを変更するにはfunction.phpを修正する必要があります。

まずWord Pressの管理画面から
外観→テーマの編集と進みます。

賢威7のfunction.phpから下記の記述を探します。

add_image_size( 'ss_thumb', 100, 100, true );

このssサイズのサムネイルが先程の
「最近の投稿」に使われていた画像サイズです。

デフォルトですと100px×100pxとなっているので、
こちらを任意のサイズに変更します。

add_image_size( 'ss_thumb', 90, 60, true );

私は90px×60pxに設定しています。

サムネイル画像サイズの変更後は
このように表示されるようになりました。

賢威7,最近の投稿,サムネイル画像

注意!変更後にアップロードした画像しか適用されないよ

ここで一点注意事項ですが、この変更は
コードを書き換えた後にアップロードされた
サムネイル画像にのみ適用されます。

過去のものに遡って変更は適用されないので、
注意してくださいね!

賢威7「最近の投稿」の文字サイズを変更する方法

ついでに、サムネイル画像に対して
大きく感じる投稿タイトルの
文字サイズも変更しておきましょう。

賢威7のbase.cssに下記のコードを記入します。

/*サブコンテンツ・タイトル文字サイズ*/
.sub-conts .link-menu-image .post-title {
    font-size: 0.9em;
}

これで最近の投稿の文字サイズが小さくなりました。

0.9emの部分は自分のお好みに合わせて
好きな数値に変更してくださいね。

それでは♪

Scroll Up