WordPress

Xeory Baseのアイキャッチ画像のサイズを変更する

こちらの記事は2015年5月ごろに試した情報です。
現在では間違っている可能性がございます。
(記事のアップ日が年末になっているのは、別のブログから移転した関係です)
大変恐縮ですが、ご了承いただけますと幸いです。

xeorybase-eyecatch01
Xeoryで直面するこんな悩み……。
「もうすこしアイキャッチ画像、大きくならないかな……」

アイキャッチ画像(メイン画像)が、微妙なサイズ

Xeoryのアイキャッチ画像。
バズ部は確かにこのサイズで運用していますが、個人的に微妙。
大きく感じても、コンテンツ幅いっぱいにしたいと思ったので、カスタマイズしてみました。

表示位置を変更(single.php)

この部分を

の下に移動。

/xeory_base/lib/functions/setting.php 24行目

のサイズを変更。

/xeory_base/lib/functions/setting.phpは、テーマの編集からは編集できません。
FTPソフト、または、サーバーのFTPツールを使ってサーバーにアクセスしてくださいませ。
/WordPressのディレクトリ/wp-content/themes/xeory_base/lib/function/の中にございます。

style.css

.post-thumbnail にかかっているfloat:right;を削除。ついでにmargin-leftも0に。
.post-title の margin-bottomを10px;に。

base.cssに書いてあってややっこしいので、style.cssの一番下に追加しています。

サムネイルをリサイズする

ここまで編集しても、悲しいことに見た目が変わりません……。
一度アップされた画像のサムネイルのサイズは、再アップしないと変わらないんです。

そこで、「Regenerate Thumbnails」というプラグインをインストールします。

Regenerate Thumbnails

有効化すると、ツールに「Regen. Thumbnails」が登場します。

Regenerate Thumbnails02

「すべてのサムネイルを再生成する」ボタンをクリック。

Regenerate Thumbnails03

しばらく待つと……リサイズが完了します。

Regenerate Thumbnails04

サムネイルのサイズをリサイズしたら完了です。

完成!

xeory-base-eyecatch-finish
Category : WordPress
スポンサーリンク

この記事がお気に召したら、いいね!お願いします♪

最新情報をお届けします

想いをカタチにするデザイナー / Web & Graphic Designer 丸山るこ

「自分らしく働く女性」を応援したい想いから、お客様のサービス、お人柄を理解し「一貫してデザインを任せられるパートナー」として活動しています。 当ブログでは、ホームページやブログ、名刺などのツールについてお伝えしています。 5歳の女の子の母。趣味は文房具選びと娘の写真を撮ること。