サポート » テーマ » BusinessPressのホームページヘッダーの背景のランダム表示

  • 解決済 yawatakendo

    (@yawatakendo)


    自作のテンプレートからの乗り換えに、BusinessPressを使わせていただいております。
    下層の固定ページ(.jumbotron)はアイキャッチのものでよいのですが、ホームページのヘッダーの背景画像(.home-header)をランダム表示させるカスタマイズは可能でしょうか?

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    子テーマの functions.php に下記コードを追加すると、トップページも他の固定ページと同じように表示されるようになります。他にもいろいろな方法がありますが、一例としてご参考まで。

    function businesspress_post_background( $thumbnail_id = '' , $image_size = 'businesspress-post-thumbnail-large' ) {
    	if ( is_front_page() ) {
    		return;
    	}
    
    	if ( '' == $thumbnail_id ) {
    		$thumbnail_id = get_post_thumbnail_id();
    	}
    	$featured_url = wp_get_attachment_image_src( $thumbnail_id, $image_size );
    	if ( $featured_url ) : ?>
    		 style="background-image: url('<?php echo esc_url( $featured_url[0] ) ?>')"
    	<?php endif;
    }
    スレッド開始 yawatakendo

    (@yawatakendo)

    @ishitaka

    こんにちは
    早速ありがとうございます!!
    テーマのカスタマイズのところで
    ホームページヘッダー>「ホームページヘッダーを有効にする」
    のチェックを外すことでフロントページでもランダムに表示されました。

    funxction.phpの内容とテーマのカスタマイズの関係がまだ理解しきれていないのですが、
    「ホームページヘッダーを有効にする」をチェックしたまま、
    フロントページの背景のみをランダムに変更することは可能なのでしょうか?

    こんな感じでどうでしょう。

    add_action( 'wp_enqueue_scripts', function() {
    	if ( is_front_page() ) {
    		$header_image = get_header_image();
    		$css = '.home-header { background-image: url("' . esc_attr( $header_image) . '") !important; }';
    		wp_add_inline_style( 'businesspress-style', $css );
    	}
    }, 11 );
    • この返信は1ヶ月、 1週前にishitakaが編集しました。
    スレッド開始 yawatakendo

    (@yawatakendo)

    @ishitaka
    試行錯誤しており返信遅くなりました。
    今回も早速ありがとうございました!
    完璧です。勉強になりました。こちら使ってみます!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。