ご質問ありがとうございます。
ご指摘の通り、一部のサイトテンプレートでは、ヘッダの背景として RSS で記事に添付された画像をランダムに表示します。
RSS にない画像は読み込まれませんので、現在表示されるプロフィール画像についても、物件情報や記事が増えると表示されなくなるとは思います。。。
さて、ヘッダ部分のレイアウトは、「ナビメーカー」の「ナビゲーションレイアウト」設定で行います。
- メンテナンスステーションのスパナアイコン側、環境設定モードで「ナビメーカー」をクリックします。
- 左上のメインメニューから「ナビゲーションレイアウト」を選択します。
- 画像サイズを変更する場合は「Vicuna 互換ヘッダ方式」の「追加CSS」を変更します(後述)。
- ヘッダ背景をランダムに変える必要がない場合はページ下部にある「フッタ」に記述された JavaScript をすべて削除します。
- メインメニューから「ナビゲーション作成」を選択します。
- 「ナビゲーション書き出し」を実行します。
ヘッダ画像に関わる CSS の変更点は下記の太字の部分です。
div#header {
margin: 0 auto;
padding: 0;
width: 960px;
height: 160px; /* 高さの増減を加算 */
position: relative;
text-align: left;
}
div#header p.siteName {
margin: 0;
padding: 0;
width: 960px;
height: 128px; /* 高さ */
background: #333 none;
}
div#header p.siteName a {
display: block;
margin: 0;
padding: 35px 0 0 40px;
width: 920px;
height: 93px; /* 高さの増減を加算 */
color: #fff;
font-size: 18px;
font-weight: bold;
font-weight: 900;
font-weight: extra-bold;
text-decoration: none;
text-shadow: #000 0 2px 2px;
background: transparent url("../image/style-stationery/header.png");
/* 文字も画像にする場合は以下を追加 */
font-size: 1px;
text-indent: -960px;
overflow: hidden;
/* 文字も画像にする場合は以上を追加 */
}
* html div#header p.siteName a {
background: transparent none;
width /**/: 960px;
height /**/: 128px; /* 高さ */
}
* html div#header p.siteName a:hover {
background: transparent url("../image/style-stationery/header.png");
}
div#header p.description {
margin: 0;
padding: 0;
position: absolute;
top: 64px;
left: 40px;
color: #fff;
font-size: 13px;
text-shadow: #000 0 1px 1px;
/* 文字も画像にする場合は以下を追加 */
font-size: 1px;
text-indent: -960px;
overflow: hidden;
/* 文字も画像にする場合は以上を追加 */
}
ヘッダ画像は「/lib/image/style-stationery/header.png」にあります。画像サイズは 960x128 px です。こちらの画像を差し替えるとヘッダの背景が新しい画像となります。
以上参考になりましたら幸いです。