人生を豊かにする+ONE

「人生を豊かにする+ONE」アウトドア系インドア派のTAKAが、調べたことや実際役に立ったことをお知らせしているブログ。

ワードプレステーマCocoonのサムネイルを設定する(はてな移転組)

スポンサーリンク

f:id:takapiece:20200423231146p:plain


はてなブログからワードプレスに引っ越しをしました。

前回の初期設定の続きです。

www.takapiece.com

トップページのサムネイル画像を設定する

サムネイル画像をアップロード

ダッシュボード>>メディアライブラリ

f:id:takapiece:20200423202133p:plain

新規追加>>ファイルをアップロード

f:id:takapiece:20200423202255p:plain

投稿画面からサムネイルを設定

ダッシュボード>>投稿一覧

f:id:takapiece:20200423225011p:plain

サムネイルを設定したい記事を選択。

右下の「アイキャッチ画像」をクリック

f:id:takapiece:20200423223955p:plain

設定したい画像を選択

f:id:takapiece:20200423224130p:plain

画面右下の「アイキャッチ画像を設定」を押す。

f:id:takapiece:20200423224329p:plain

これでトップページにサムネイルが表示されます。

f:id:takapiece:20200423224506p:plain

あれ?

画像が横長で、文字が見切れてる。。。

サムネイルを正方形に設定する

(サイズぴったりの人はそのままでOK)

Cocoon設定から

f:id:takapiece:20200423224735p:plain

画像>>サムネイル画像

f:id:takapiece:20200423225206p:plain

「1:1正方形」にチェック

f:id:takapiece:20200423225242p:plain

 

このままだと古いサムネイル画像が残ったままで、きちんと表示されません。

一括で再設定する必要がありますので、「Regenerate Thumbnails」プラグインを使います。

Regenerate Thumbnails

ダッシュボード>>プラグイン>>新規追加>>

「プラグインの検索」に「Regenerate Thumbnails」と入力。

f:id:takapiece:20200423230327p:plain

 

インストールしたら

f:id:takapiece:20200423230507p:plain

ツール>>「Regenerate Thumbnails」を選択

ボタンを押せば変換スタート

f:id:takapiece:20200423230620p:plain

 

外観チェック

最終確認すると、こんな感じ。

f:id:takapiece:20200423230938p:plain

ん~、ちょとでかい。

でも、わかりやすいので、よし。

あとがき

次回はプロフィール設定します!