TarCoon☆CarToon

フォーラムへの返信

15件の投稿を表示中 - 1 - 15件目 (全31件中)
  • 投稿者
    投稿
  • TarCoon☆CarToon
    参加者
    6

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

    1
    TarCoon☆CarToon
    参加者
    6

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

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

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

    1
    TarCoon☆CarToon
    参加者
    6

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

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

    1
    TarCoon☆CarToon
    参加者
    6

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

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

    1
    TarCoon☆CarToon
    参加者
    6

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

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

    0
    TarCoon☆CarToon
    参加者
    6

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

    0
    TarCoon☆CarToon
    参加者
    6

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

    例えば、

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

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

    0
    返信先: 動画メディアのリスト #52368
    TarCoon☆CarToon
    参加者
    6

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

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

    ありがとうございます。

    1
    TarCoon☆CarToon
    参加者
    6

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

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

     

    ▽PCヘッダー

    ▽PCヘッダースクロール

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

    ▽スマホサイズ表示

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

     

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

    ▽これも出したい

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

    0
    TarCoon☆CarToon
    参加者
    6

    助かりました!

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

    0
    TarCoon☆CarToon
    参加者
    6

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

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

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

    0
    TarCoon☆CarToon
    参加者
    6

    ありがとうございます。

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

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

     

    ▽オーバーレイ表示

     

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

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

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

     

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

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

    0
    TarCoon☆CarToon
    参加者
    6

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

    0
    TarCoon☆CarToon
    参加者
    6

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

    0
15件の投稿を表示中 - 1 - 15件目 (全31件中)