Xeory Baseのアイキャッチ画像のサイズを変更するWordPressテーマのカスタマイズ

こちらの記事は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

WordPressではじめるWEBの仕組みづくり7日間メール講座

オトナ女子にピッタリ!ブログ運営に集中できるWordPressテーマプレゼント
  • 「@luelue.com」というドメインからメールが届きます。あらかじめフォルダ分け設定を行って頂きますようお願い致します。
      Yahoo、hotmailなどのフリーメールアドレスでは受信できない場合がありますので、プロバイダーメールアドレスを推奨いたします。
  • メールアドレスは個人情報の観点より、プライバシーを遵守しております。
  • 本メール講座及びメールマガジンは利益の保証や損失の補填を行うものではなく、効果には個人差があります。
  • いつでも解除可能です。

Pickup Article同じカテゴリーの記事

ブログ一覧へ戻る