まずはWEB全体の大きさを変更。wp-content/themes/twentyten/style.cssを編集
/* =Structure
————————————————————– *//* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 1160px; /*全体の幅*/
}中略
/* =Header header画像の大きさの調整は functions.phpで設定
————————————————————– */#header {
padding: 30px 0 0 0;
}
#site-title {
float: left;
font-size: 30px; /* ヘッダー画像左上のフォントサイズ */
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#site-description { /* ヘッダー画像右上の文字関連 */
clear: right;
float: right;
font-style: italic;
font-size: 18px;
margin: 15px 0 18px 0;
width: 220px;
}/* This is the custom header image */
#branding img {
/* header image 上下の線の色 コメントアウトして線を入れない様にした */
/* border-top: 4px solid #fff; */
/* border-bottom: 1px solid #000; */
display: block;
float: left;
}/* =Menu header画像の下にあるメニュー
————————————————————– */#access {
background: #000;
display: black;
float: left;
margin: 0 auto;
width: 1160px; /* 上部のメニューの幅 */
}
#access .menu-header,
div.menu {
font-size: 18px; /* menu size、オリジナルより大きくした*/
font-weight: bold; /* 太字にした */
margin-left: 12px;
width: 1130px;
}
画像の大きさはwp-content/themes/twentyten/functions.phpを編集
// The custom header business starts here.
$custom_header_support = array(
/*
* The default image to use.
* The %s is a placeholder for the theme template directory URI.
*/
‘default-image’ => ‘%s/images/headers/path.jpg’,
// The height and width of our custom header.
/**
* Filter the Twenty Ten default header image width.
*
* @since Twenty Ten 1.0
*
* @param int The default header image width in pixels. Default 940.
*/
‘width’ => apply_filters( ‘twentyten_header_image_width’, 1160 ), /* ヘッダー画像の横幅 */
/**
* Filter the Twenty Ten defaul header image height.
*
* @since Twenty Ten 1.0
*
* @param int The default header image height in pixels. Default 198. /* ヘッダー画像の縦幅 */
*/
‘height’ => apply_filters( ‘twentyten_header_image_height’, 198 ),
// Support flexible heights.
‘flex-height’ => true,
// Don’t support text inside the header image.
‘header-text’ => false,
// Callback for styling the header preview in the admin.
‘admin-head-callback’ => ‘twentyten_admin_header_style’,
);
これで、画像は1160×198ピクセルを使用する
