livedoor Blogには、ブログテンプレートの画像を簡単に入れ替える事ができる機能ありますので、
今回はそれを使ってブログの背景画像の設置を行ってみましょう。
※第五世代テンプレート以降ではデフォルトでこの機能が備わっておりますので、
下記で説明する導入作業を行う必要はありません。
使用する独自タグ：
・<$BlogBackgroundImageUrl$> ： 背景画像の表示タグ
※「独自タグ」については「独自タグについて」をご覧ください。
導入方法
・<$BlogBackgroundImageUrl$>という独自タグをテンプレートに記述する。<body class="default_2010 index"<IfBlogBackgroundImageUrl> style="background-image:url(<$BlogBackgroundImageUrl$>);"</IfBlogBackgroundImageUrl>>※<IfBlogBackgroundImageUrl>は、背景画像が設定さているかの条件タグ
背景画像を変更する
テンプレート側のカスタマイズで「かんたん背景画像変更」の対応が完了していれば、管理画面で画像の設定が行えます。「管理画面」>「ブログ設定」>「基本設定」>"かんたん背景画像"
でブログのテンプレートとして表示させたい画像を指定/変更します。
つまり画像の変更が管理画面上で行えますので、簡単にブログの模様替えが行えるようになります。
詳しくは「かんたん背景画像について」をご覧ください。
