記事一覧

$content_width を指定する

 posted by suzu
テンプレート作成のススメ

前回までで、最低限必要な一通りのテンプレートの作成が完了しました。
今回からは、ちょっとしたものからかなり大掛かりなものまで、
Tips 的なものを紹介していければと思ってます。

まず、「ちょっとしたもの」から。
WordPress テーマを作成する場合には、function.php で $content_width
必ず指定するようにしましょう。
Content Width に関してのリファレンス (英語版) はココ ↓
Content Width « WordPress Codex

$content_width には、メインコンテンツ領域の表示可能幅を設定します。
それでは早速仕込んでみます。

//--- contents widthの指定
if (!isset($content_width)) {
	$content_width = 462;	// 投稿記事が表示できるインライン純幅を指定
}

 

ここで指定した $content_width はどこで参照されるのかというと、
(英語版リファレンスに CSS の記載がありますが)
実は (大きな) 画像を投稿に挿入する際に選択できる画像サイズに影響します。
media_upload
横幅がここで指定した Content Width を超える大きさの画像を
挿入しようとした場合、選択できる大サイズ の横幅が
ここで指定した Content Width になっていることが確認できます。
$content_width に値を設定していなかった場合は、
管理画面 [設定 - メディア] で指定する 「大サイズ」 の幅の上限が採用されます。
ここでは、「サムネイル」 や 「中サイズ」 の上限も指定できます
 

たいていの場合、CSS でメインコンテンツ領域の幅は指定するでしょうから、
それに合わせて $content_width を設定しておく方がいいですね。
皆さん、指定しておきましょう!
では今回はここまで。

関連記事

eyecatch_template

index.php を作成する – [2]

前の記事 「index.php を作成する – [1]」 で、 なんとなく画面が...

記事を読む

eyecatch_template

sidebar.php を作成する

前の記事 「header.php / footer.php を作成する」 では ...

記事を読む

eyecatch_template

カスタムヘッダーを表示する – [3]

前の記事 「カスタムヘッダーを表示する – [2]」 で WordP...

記事を読む

カレンダー

2019年6月
« 7月    
 1
2345678
9101112131415
16171819202122
23242526272829
30  
PAGE TOP ↑