Raindrops1.147の新しい機能

ヘッダー画像内に、リンクなどのコンテンツを埋め込めるようになりました

embed header image

以下のコードで再現できます

functions.phpの先頭の前に以下のコードを貼り付けてみてください。

';

}
?>

デフォルトでは、ヘッダー画像は、トップページにリンクするようになっています。
トップページへのリンクが必要ない場合は、header.phpの

		if ( true== $raindrops_link_unique_text ) {

			echo raindrops_header_image( 'elements' );
		} else {

			echo raindrops_header_image( 'home_url' );
		}

の部分を以下のように変更してください

/*		if ( true== $raindrops_link_unique_text ) {

			echo raindrops_header_image( 'elements' );
		} else {

			echo raindrops_header_image( 'home_url' );
		}*/

		echo raindrops_header_image( 'elements' );

カスタマイズは、チャイルドテーマをお勧めします

ヘッダー画像の変更が、スタイルシートから行えるようになりました

ヘッダー画像の変更は、管理パネルのヘッダーで画像を選択する必要があります。
しかし、この画像は1枚(または、ランダム)で表示することしかできません。
Raindropsでは、カテゴリアーカイブや、日付アーカイブなどで、特別なヘッダー画像を指定することができるようになりました。

	.date #header-image{
		background:url(images/headers/example1.jpg);
		background-size:cover;
	}
	.category #header-image{
		background:url(images/headers/example2.jpg);
		background-size:cover;
	}
	.tag #header-image{
		background:url(images/headers/example3.jpg);
		background-size:cover;
	}

注意:ヘッダー画像のサイズは、ヘッダー画像に設定した画像サイズになりますので、画像の縦横比を揃えていただく必要があります。


コメントは受け付けていません。