【STINGER PLUS】ヘッダー画像のサイズを変更する方法

2016年9月21日

みなさん、STINGER PLUS使ってますか？

私も最近STINGER5からSTINGER PLUSにテーマ変更したんですが、これは最高ですね。カスタマイズが簡単にできる！

いままでこんな機能あったらいいなというものが、本当にかゆいところに手が届く感じで容易されています。制作者様に感謝ですね。

STINGER PLUSは標準のデザインだけで十分美しいんですが、ここではオリジナリティを出すためのカスタマイズをまとめていきます。

今回は、ヘッダー画像サイズの変更です。STINGER PLUSではヘッダー画像サイズは幅1060×400に固定されていて、ちょっと高さが大きいんですよね。今回はそれを任意のサイズに修正したいと思います。

STINGER PLUSでヘッダー画像サイズを変更する方法

Content

1 STINGER PLUSでヘッダー画像サイズを変更する方法
- 1.1 function.phpの修正
2 まとめ

この方法はSTINGER PLUSだけではなくSTINGERシリーズ共通で使えると思いますので試してみてください。

変更数はファイルは一か所だけで超簡単です。ただしfunction.phpをいじるので注意が必要です。function.phpは修正を間違えると、画面が真っ白になったりするので、かならずバックアップを取ってから修正を開始しましょう。

function.phpの修正

WORDPRESSにログイン後、「外観」⇒「テーマの編集」から自分の適用しているテーマのfunction.phpを編集します。

function.phpの以下の部分を見つけてください。

// カスタム背景
$custom_bgcolor_defaults = array(
     'default-color' => '#f2f2f2',
);
add_theme_support( 'custom-background', $custom_bgcolor_defaults );

// カスタムヘッダー
if(trim($GLOBALS['stdata62']) !== ''){
     $heightpx = $GLOBALS['stdata62'];
}else{
     $heightpx = 400;
}
$custom_header = array(
     'random-default' => false,
     'width' => 1060,
     'height' => $heightpx,
     'flex-height' => true,
     'flex-width' => false,
     'default-text-color' => '',
     'header-text' => false,
     'uploads' => true,
     'default-image' => get_stylesheet_directory_uri() . '/images/af.png',
);

この中で”//カスタムヘッダー”から始まる部分がSTINGER PLUSでヘッダー画像を定義している領域になります。

この部分の以下の部分がヘッダー画像の高さを定義している部分です。