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でのブログ運営に興味のあるあなたへ♡

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

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

ご登録はこちらから

ご登録はお名前(ハンドルネームOK)とメールアドレスのみ。
フォームへ入力後、仮登録のメールが届きます。
メール内の「リンク」をクリックすると登録完了です。
フリーランスママデザイナー るこ

コンピューターは道具だよ。息を吸うみたいに、手足のように、使っちゃおう!
幼少期から自分自身が目立つことが苦手で「写真を撮られると魂が抜ける〜!」と、逃げ回ってました。
そんなこんなで、ただいま、顔を出さずにどこまで信頼度を得られるか、実験中です!
あっ、作品が目立つのは大歓迎!(笑)

WordPress

この記事がお気に召したら……

最新情報をお届けします