TarCoon☆CarToon

フォーラムへの返信

15件の投稿を表示中 - 76 - 90件目 (全104件中)
  • 投稿者
    投稿
  • TarCoon☆CarToon
    参加者
    54

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

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

    1
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

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

    1
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

    早速ありがとうございます。
    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
    参加者
    54

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

    例えば、

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

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

    0
    いいねをした人: 居ません
    返信先: 動画メディアのリスト #52368
    TarCoon☆CarToon
    参加者
    54

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

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

    ありがとうございます。

    1
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

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

     

    ▽PCヘッダー

    ▽PCヘッダースクロール

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

    ▽スマホサイズ表示

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

     

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

    ▽これも出したい

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

    助かりました!

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

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

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

    ありがとうございます。

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

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

     

    ▽オーバーレイ表示

     

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

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

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

     

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

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

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

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

    【追記】

    iPhone 11などのブラウザで見ると隠れる感じですね。
    PCでは問題ありませんでした。
    iPadも問題ありませんでした。

    iPhone Xや11などの場合に生じている可能性があります。

    0
    いいねをした人: 居ません
    TarCoon☆CarToon
    参加者
    54

    確認いたしました!早速使わせていただきました。
    ありがとうございます。

    機能が実装されたのでトピック閉じさせていただきますね!
    またよろしくお願いいたします。

    0
    いいねをした人: 居ません
15件の投稿を表示中 - 76 - 90件目 (全104件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。