[TarCoon☆CarToon]

ありがとうございます！
試してみます！

♥ 1

[TarCoon☆CarToon]

これは僕も気になっていました！

レイアウト設定で
リッチメディア、シンプル、パネルにはカテゴリーが表示されるのに、
テキストにはにはカテゴリーがないんですよね。

ぜひ機能として表示の選択ができれば嬉しいです。

♥ 1

[TarCoon☆CarToon]

確認しました。ありがとうございます。
チャットの方でやりとりしていたので、こちらのことをすっかり忘れていました。

トピックを閉じさせていただきますね。

♥ 1

[TarCoon☆CarToon]

ありがとうございます！
問題は解決しましたので閉じさせていただきます。

いつもご丁寧な対応助かります！
これからもよろしくお願いいたします。

♥ 1

[TarCoon☆CarToon]

早速ありがとうございます。
My Snow Monkey のコードはこちらになります。

/**
 * Plugin name: My Snow Monkey
 * Description: このプラグインに、あなたの Snow Monkey 用カスタマイズコードを書いてください。
 * Version: 0.1.1
 *
 * @package my-snow-monkey
 * @author inc2734
 * @license GPL-2.0+
 */

/**
 * Snow Monkey bbPress Support でリダイレクトさせないようにする。
 */
add_filter( 'snow_monkey_bbpress_support_prevent_admin_access', '__return_false' );

/**
 * Snow Monkey 以外のテーマを利用している場合は有効化してもカスタマイズが反映されないようにする
 */
$theme = wp_get_theme( get_template() );
if ( 'snow-monkey' !== $theme->template && 'snow-monkey/resources' !== $theme->template ) {
	return;
}

/**
 * WooCommerce が生成した各ページのページヘッダー画像としてデフォルトページヘッダー画像を使用する
 */
add_filter(
	'snow_monkey_pre_page_header_image_url',
	function( $url ) {
		if ( class_exists( '\woocommerce' ) && ( is_woocommerce() || is_cart() || is_checkout() || is_account_page() ) ) {
			if ( is_singular() && has_post_thumbnail() ) {
				return wp_get_attachment_image_url( get_post_thumbnail_id(), 'xlarge' );
			} else {
				$shop_page_id = wc_get_page_id( 'shop' );
				if ( has_post_thumbnail( $shop_page_id ) ) {
					return wp_get_attachment_image_url( get_post_thumbnail_id( $shop_page_id ), 'xlarge' );
				}
			}
			return get_theme_mod( 'default-page-header-image' );
		}
		return $url;
	},
	11
);

/**
 * WooCommerce が生成した各ページにページヘッダーを表示する
 */
add_filter(
	'snow_monkey_is_output_page_header',
	function( $return ) {
		if ( class_exists( '\woocommerce' ) && ( is_woocommerce() || is_cart() || is_checkout() || is_account_page() ) ) {
			return true;
		}
		return $return;
	},
	11
);

/**
 * パララックスエフェクト用の CSS, JS を読み込み
 *
 * @return void
 */
add_action(
	'wp_enqueue_scripts',
	function() {
		wp_enqueue_script(
			\Framework\Helper::get_main_script_handle() . '-background-parallax-scroll',
			get_theme_file_uri( '/assets/js/background-parallax-scroll.min.js' ),
			[ 'jquery' ],
			filemtime( get_theme_file_path( '/assets/js/background-parallax-scroll.min.js' ) ),
			true
		);

		wp_enqueue_style(
			'jquery.background-parallax-scroll',
			get_theme_file_uri( '/assets/packages/jquery.background-parallax-scroll/dist/jquery.background-parallax-scroll.min.css' ),
			[ \Framework\Helper::get_main_style_handle() ],
			filemtime( get_theme_file_path( '/assets/packages/jquery.background-parallax-scroll/dist/jquery.background-parallax-scroll.min.css' ) )
		);
	}
);

/**
 * ページヘッダーにパララックスエフェクトを反映
 *
 * @param string $html
 * @param string $slug
 * @return string
 */
add_filter(
	'inc2734_view_controller_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/common/page-header' !== $slug ) {
			return $html;
		}

		$html = str_replace(
			'class="c-page-header"',
			'class="c-page-header js-bg-parallax"',
			$html
		);

		$html = str_replace(
			'class="c-page-header__bgimage"',
			'class="c-page-header__bgimage js-bg-parallax__bgimage"',
			$html
		);

		$html = str_replace(
			'class="c-container"',
			'class="c-container js-bg-parallax__content"',
			$html
		);

		return $html;
	},
	10,
	2
);

/**
 * ショーケースウィジェットにパララックスエフェクトを反映
 *
 * @param string $content
 * @param array $args
 * @return string
 */
add_filter(
	'inc2734_wp_awesome_widgets_render_widget',
	function( $content, $args ) {
		if ( false === strpos( $args['widget_id'], 'inc2734_wp_awesome_widgets_showcase' ) ) {
			return $content;
		}

		$content = str_replace(
			'wpaw-showcase ',
			'wpaw-showcase js-bg-parallax ',
			$content
		);

		$content = str_replace(
			'wpaw-showcase__bgimage',
			'wpaw-showcase__bgimage js-bg-parallax__bgimage',
			$content
		);

		$content = str_replace(
			'wpaw-showcase__inner',
			'c-container js-bg-parallax__content wpaw-showcase__inner',
			$content
		);

		return $content;
	},
	10,
	2
);

/**
 * @param array active_post_types
 * @return array
 */
add_filter(
  'snow_monkey_member_post_active_post_types',
  function( $active_post_types ) {
    return [ 'post', 'page' ]; // 制限機能を付与したい投稿タイプを指定
  }
);

よろしくお願いいたします。

♥ 0

[TarCoon☆CarToon]

【当該サイトのURL】https://tarcoon.me

♥ 0

[TarCoon☆CarToon]

ありがとうございます！
検討よろしくお願い致します！

♥ 0

[TarCoon☆CarToon]

画像の上に（半透明の）ボックスブロックを重ねたいです。

例えば、

セクション（ブロークングリッド）を使ったとき、背景に画像があります。

その上に、ブロックを載せるのですが、微かにセクション（ブロークングリッド）の画像も見せたいなぁと思いまして。

♥ 0

[TarCoon☆CarToon]

お返事ありがとうございました。

動画専用のカテゴリーで記事として投稿してその中に動画を入れるという方法で対処することにしました。

ありがとうございます。

♥ 1

[TarCoon☆CarToon]

なぜオーバーレイに設定しているかというと背景透過の透明オーバーレイにしたいからです。
ですので、オーバーレイで使っています。

PCサイズではヘッダーの背景も透明になり、スクロールすればメニューだけのシンプルな表示になるのが気に入っています。

 

▽PCヘッダー

▽PCヘッダースクロール

PCではこの表示でよいのです。
問題はスマホサイズの表示にした時にスクロールしたら流れていってしまう。

▽スマホサイズ表示

▽スマホサイズ表示スクロール

 

キタジマサンのおっしゃる通り、スマホの問題は解決するのですが、オーバーレイ（上部固定）にしてしまうと今度は、PCでの表示で、メニューだけのシンプル表示が出なくなってしまうのです。

▽これも出したい

PCでのオーバーレイ（スクロール時の縮小メニュー）とスマホ上でのオーバーレイ（上部固定）両方活かせる方法はないものでしょうか？

♥ 0

[TarCoon☆CarToon]

助かりました！

思い通りの結果となりましたので閉じさせていただきます！
本当にありがとうございます！

♥ 0

[TarCoon☆CarToon]

早速対応ありがとうございました。
とても嬉しいです！

更にもう一点お伺いしたいのですが、
「スマホ/タブレット」のヘッダーを『オーバーレイ（上部固定 / スクロール時背景白）』に設定しているのですが、このスクロール時背景白を半透明の白にしたいのですが、

追加CSSでのどの様に記述すればいいか教えてください。
よろしくお願いいたします

♥ 0

[TarCoon☆CarToon]

ありがとうございます。

オーバーレイ（上部固定）にすれば、スマホサイズでスクロールをすると、
ヘッダー固定は固定になりますが、

オーバーレイ（上部固定）ではなくオーバーレイを使っていたのは、
PCでスクロールさせた時に、シンプルなメニューだけの表示が上部からドロップダウンしてくると思います。

 

▽オーバーレイ表示

 

▽オーバーレイスクロールするとドロップダウンでシンプルなメニュー

この表示がとても気に入っていたのでオーバーレイに設定していました。

PCではこの表示を生かしたまま、
スマホサイズでは、（オーバーレイ固定表示）にできないものでしょうか？

 

もしくは、これはカスタマイズに関する質問というよりも、要望になるかもしれませんが、
PCとタブレット、スマホでヘッダーのデザインカスタマイズを切り替えれたらとても助かります。

よろしくお願いいたします。

♥ 0

[TarCoon☆CarToon]

スノーモンキー のバージョンは９です。

♥ 0

[TarCoon☆CarToon]

ありがとうございます。
見落としてました。
オーバーレイである必要がないのに、オーバーレイになっていましたね。
固定にしたら解決しました。
お手数おかけして申し訳ございません。ありがとうございました。

♥ 0

[投稿者]

投稿