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

メルマガはじめました

WordPressでのブログ運営に興味のあるあなたへ♡

プチマガでは、井戸端会議のおばさん風味の軽〜いノリで、
「今週のblanc note.(WordPress無料テーマblanc noteのアップデート情報)」
「\これであなたも耳年増/ブログよもやまばなし」
「メルマガっておいしいの?」
など、ゆる〜〜く発信しています。

メンバー特典 blanc note.のテンプレートも鋭意開発中。 ほぼ週1配信です〜。

ご登録はこちらから

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

最新情報をお届けします

Web / Graphic Designer 丸山るこ

大人カワイイデザイン&イラストが得意なデザイナー、丸山るこです。 想いを持った、起業女性・スモールビジネスを応援しています。 様々な業種の案件に関わってきましたので、女性向けサービスからビジネスライクなデザインまで幅広く対応できます。 現在は、起業を考え半常駐ワークに励んでいます。一児の母。