ガジェニュー

~iPhone・格安スマホとか~

【STINGER5カスタマイズ】メディアサイズが変更できない問題

      2014/12/22    後で読む

sAMI88_toycameramorigirl500
こちらのブログですが、【STINGER5カスタマイズ】AdSenseセンスの表示を色々カスタマイズした備忘録でも書いていますが、記事の下部に大きめのサイズの広告を並べて表示したいということもありメインエリアの表示サイズを大きくしています。

それにともなって、デフォルトの画像サイズで挿入すると、左右の余白が大きくて気持ち悪いということで今回は投稿されるメディアのサイズの変更をしました。

STINGER5の投稿メディアをカスタマイズ

WordPressで投稿に使えるメディアサイズは下記のとおりになっています。

設定できるメディアサイズ
・サムネイル
・中サイズ
・大サイズ
・フルサイズ

今回はこちらの設定を変更してみます。

メディアサイズの変更手順

サイズの設定自体はWordPressの変更画面から簡単に行うことができます。

設定→メディアと進んでいき数値を変更するのみです。
capture
この数値を変更してお終い。と言いたいところでしたが、、、、

うまく行きませんでした( ´゚д゚`)

しっかりと728pxと指定したのに、実際の投稿画面よりメディアの追加をしても、「大サイズ」の大きさが580pxにしかなりませんでした。これでは余白の問題は解決していませんし、アップロードのタイミングでリサイズなんてだるすぎる。どうにかならないものか。

ということでいろいろ調べてみた結果解決方法が見つかりましたので書いておきます。

STINGER5で大きな画像サイズを使うためにしなくてはいけないこと

STINER5で580pxより大きな画像サイズを設定したいときには下記のカスタマイズをする必要があります。

今回はカスタマイズするのは、function.phpの下記の部分です。

// 管理画面にオリジナルのスタイルを適用
add_editor_style("style.css");	// メインのCSS
add_editor_style('editor-style.css');	// これは入れておこう
if ( ! isset( $content_width ) ) $content_width = 730;//ここの数値を変更!
function custom_editor_settings( $initArray ){
	$initArray['body_id'] = 'primary';	// id の場合はこれ
	$initArray['body_class'] = 'post';	// class の場合はこれ
	return $initArray;
}
add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );

STINGER5ではこの部分がデフォルトで580に設定してあります。これを挿入したい画像サイズより大きな数値に書き換えてください。

POINT
画像の投稿サイズはエディターのコンテンツサイズ以上には設定できない。

ということらしいです。
なので、この部分を変更すればOK。無事728pxで大サイズの画像を挿入することが出来ました。ややこしやー。

WordPressではメディアの新規登録の際に、それぞれ設定されたサイズの画像を保存します。そのため、こちらの設定が有効になるのは設定変更後に追加した画像からになります。

過去の画像のサイズも変えたい場合は、画像を登録し直す必要がありますので注意してください。

function.phpをいじる時はしっかりとバックアップを取るようにしたほうがいいと思います。急にサイトが表示されなくなって焦るかもしれないから。うん。それにしてもWordPressは奥が深い。もっと勉強しないとね。

てな感じで。

 - STINGER5, WordPress , , ,

  関連記事

images_111514_124303_AM
【STINGER5カスタマイズ】ヘッダー周りのカスタマイズ

今回は、STINGER5のヘッダーのカスタマイズをしたので、備忘録がてら書きます …

sum
【アクセス数報告】2014年10月のPVとアフィリエイトの収益を公開します

10月の末から、昨日まで曾祖母のお葬式や、遺品整理やらでバタバタしていて本日から …

blogcard-custamize-tb
サイト内リンクをブログカード風にカスタマイズ!【WordPressカスタマイズ】

2回連続でWordPressのカスタマイズのお話です。 今回はサイト内リンクを画 …

simages_122214_110736_PM
【WordPressカスタマイズ】「Crayon Syntax Highlighter」が重かったのでサイト高速化のため「highlight.js」を入れてみた

最近はWordPressでやっているこのブログがかなり重かったので高速化を目指し …

sHIRO93_machinokurasi500
エックスサーバーにしたら、サーバーの応答速度が大体9分の1ぐらいになった件

ロリポップサーバーからエックスサーバーにお引っ越ししました。でも書きましたが20 …

icon_1r_192
【アクセス数報告】2015年5月のPVとアフィリエイトの収益とか

5月の印象はとしてはとにかく暑い!暑い!やってられません。 という印象でした。 …

images_110914_024007_AM
【STINGER5カスタマイズ】サイドバーの見出しタイトルの前にアイコンフォントを設置

なんとなく、STINGER5のデフォルトのサイドバーの見出しの部分が目立たない気 …

simages_121514_015526_PM
【stinger5カスタマイズ】記事中にプラグイン無しでAdSenseとソーシャルボタンを設置する方法

今まで、「Quick AdSense」というプラグインを使用して文中に置いた「m …

sum
【STINGER5カスタマイズ】iPhoneでAdSenseの表示がはみ出す問題の解決方法

今回は「で発生した問題の解消のエントリーになっています。何度やってもうまく行かな …

images_112014_115155_AM
【STINGER5カスタマイズ】このブログにしたカスタマイズまとめ

STINGER3からSTINGER5に乗り換えたのが、2014年10月1日。もと …

Loading Facebook Comments ...

Comment

  1. milk より:

    小さい画像しかアップできずに困っていました。
    無事解決できました。
    ありがとうございます!

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です