メインコンテンツへ移動

Search results of "snow_monkey_template_part_render"

15件の結果を表示中 - 76 - 90件目 (全248件中)
  • 投稿者
    検索結果
  • arata
    参加者
    5

    GONSY様

    迅速な対応ありがとうございます。

    ご紹介の記事である

    にあった

    add_filter(
    	'snow_monkey_get_template_part_args_template-parts/content/prev-next-nav',
    	function( $args ) {
    		// ここで $html を str_replace() や preg_replace() して書き換える
    		$args['vars']['_in_same_term'] = true;
    		return $args;
    	}
    );

    を使うことで解決しました。

    的確なアドバイスありがとうございました。

    0
    Who liked: No user
    GONSY
    参加者
    846
    #96742
    Olein_jp
    参加者
    574

    惜しいですね。以下のコードで動くと思います。

    add_filter(
    	'snow_monkey_template_part_render_template-parts/common/page-header',
    	function( $html ) {
    		return str_replace(
    			'class="c-page-header__title',
    			'class="c-page-header__title eachTextAnime',
    			$html
    		);
    	}
    );

    class="c-page-header__title の後ろに半角スペースが入っているので、対象が存在しないと判断されて置換が行われなかったんだと思います。

    お試しください。

    1
    Who liked:
    #96734
    アバター画像yuu
    閲覧者
    28

    オレイン様

    ありがとうございます。

     

    
    add_filter(
    'snow_monkey_template_part_render_template-parts/common/page-header', // template-parts/common/page-header を書き換える
    function( $html ) {
    return str_replace(
    'class="c-page-header__title ',
    'class="c-page-header__title eachTextAnime ', // .eachTextAnime 文字が現れるアニメーション)
    $html
    );
    }
    );

     

    上記のように書いてみたのですが、クラスが追加されていません。

    どこが間違っているでしょうか…

    0
    Who liked: No user
    #96496
    アバター画像キタジマ タカシ
    参加者
    2587

    下記のコードを試してみてください。

    add_filter(
    	'snow_monkey_template_part_render_template-parts/content/entry/header/header',
    	function( $html ) {
    		// 投稿タイプが news のとき
    		$post_type = get_post_type();
    		if ( 'news' === $post_type ) {
    			// 投稿タイプの情報を取得
    			$post_type_object = get_post_type_object( $post_type );
    			// ラベルともともとの HTML をくっつけて表示
    			return $post_type_object->label . $html;
    		}
    		return $html;
    	}
    );
    0
    Who liked: No user
    #94422
    Hiroooo0
    閲覧者
    7

    キタジマさんありがとうございます。

    ある程度制作を進めていたので、子テーマを作りコーディングしていくのはやめて、フィルターフック(snow_monkey_template_part_render_template-parts/loop/entry-summary/content/content)を用いてなんとか表示させることができました!

    お時間いただきありがとうございました!
    トピック閉じさせていただきます。

    1
    Who liked:
    #94081
    アバター画像キタジマ タカシ
    参加者
    2587

    ご案内いただきましたように、Snow Monkey Footer CTAではなく スマホ固定フッター を利用するとaタグ内に入れられるということでしょうか?

    あ、すみません、わかりにくかったですね…。

    Footer CTA にしろフッター固定ナビゲーションにしろ、onClick 属性を管理画面から設定できる機能はありません。onClick を実行できるようにする方法は下記の2通りが考えられます。

    ## JavaScript を使う

    HTML タグに onClick 属性を追加するのも、JavaScript ファイルで Element.addEventListener( 'click', ..., true ) を実行するのも全く同じことになります。HTML を改変せずに WordPress の標準的な方法(wp_enqueue_script())で JavaScript を追加するだけで実現できる(当然 Snow Monkey 以外のテーマでもできます)ので、お手軽かつメンテナンスコストが低いです。

    ## Snow Monkey のフィルターフックで HTML を書き換える

    snow_monkey_template_part_render フックを使って HTML を書き換えることで onClick 属性を追加する方法です。フックの知識が必要で、もし Snow Monkey のアップデートで HTML 構造が変わったときに書き換えが効かなくなるという可能性もあるので、JavaScript を使う方法よりは難易度が高いです。

    先のトピックでは前者の方法をとっています。Footer CTA であれば

    // プライマリーボタン用
    document.querySelector('.p-footer-cta__primary-btn').addEventListener('onclick', ...);
    

    とか

    // セカンダリーボタン用
    document.querySelector('.p-footer-cta__secondary-btn').addEventListener('onclick', ...);
    

    の JavaScript で onClick を仕込むことができます。

    1
    Who liked:
    #93821
    いいすた
    閲覧者
    7

    再び申し訳ありません。

    やはりキャッシュを削除するたびに該当ページのサイドバーが表示されたり、別ページを閲覧して戻ると非表示になっていたりと、不思議な状態になってしまいます。

    まずは下記のように、該当ページで通常のサイドバーを非表示にしています。

    add_filter(
    'snow_monkey_template_part_render_template-parts/widget-area/sidebar',
    function ( $html ) {
    if ( is_page( 11 ) ) {
    return;
    }
    return $html;
    }
    );

    次に、該当ページ以外で、追尾サイドバーを非表示にしています。

    add_filter(
    'snow_monkey_template_part_render_template-parts/widget-area/sidebar-sticky',
    function ( $html ) {
    if ( ! is_page( 11 ) ) {
    return;
    }
    return $html;
    }
    );

    何か、やってはいけないことをしているのでしょうか。何度も申し訳ありませんが、ご教授ください。

    0
    Who liked: No user
    #93785
    まーちゅう
    参加者
    388

    条件分岐の書き方を変えるだけです。
    特定のページ以外での場合は is_page()! is_page() に変えます。

    /**
     * 特定のページ以外で追尾サイドバーを非表示にする
     *
     * @param string $html はコンテンツの中身.
     */
    add_filter(
    	'snow_monkey_template_part_render_template-parts/widget-area/sidebar-sticky',
    	function ( $html ) {
    		if ( ! is_page( 11 ) ) {
    			return;
    		}
    		return $html;
    	}
    );
    2
    Who liked:
    #93755
    まーちゅう
    参加者
    388

    こんにちは。
    フックを使用する場合は、こんな感じです。

    /**
     * 特定のページのみ追尾サイドバーを非表示にする
     *
     * @param string $html はコンテンツの中身.
     */
    add_filter(
    	'snow_monkey_template_part_render_template-parts/widget-area/sidebar-sticky',
    	function ( $html ) {
    		if ( is_page( 11 ) ) {
    			return;
    		}
    		return $html;
    	}
    );
    2
    Who liked:
    GONSY
    参加者
    846

    こんにちは。

    has_excerpt()で実現可能かと思います。

    add_filter(
    	'snow_monkey_template_part_render_template-parts/common/page-header',
    	function( $html ) {
    		// 固定ページのとき
    		if ( is_page() ) {
    			//【抜粋】に入力がある場合
    			if ( has_excerpt() ) { 
    				// ページヘッダータイトルの下に <div>抜粋</div> を追加
    				$html = preg_replace(
    					'|(<h1 class="c-page-header__title">.*?</h1>)|ms',
    					'$1' . '<div>' . get_the_excerpt() . '</div>',
    					$html
    				);
    			}
    		}
    		return $html;
    	}
    );

    @キタジマさん
    不備があったら補足をお願いします🙇‍

    1
    Who liked:
    アバター画像キタジマ タカシ
    参加者
    2587

    こんな感じでどうでしょう? My Snow Monkey か子テーマの functions.php に追加してみてください。

    add_filter(
    	'snow_monkey_template_part_render_template-parts/common/page-header',
    	function( $html ) {
    		// 固定ページのとき
    		if ( is_page() ) {
    			// ページヘッダータイトルの下に <div>抜粋</div> を追加
    			$html = preg_replace(
    				'|(<h1 class="c-page-header__title">.*?</h1>)|ms',
    				'$1' . '<div>' . get_the_excerpt() . '</div>',
    				$html
    			);
    		}
    		return $html;
    	}
    );
    0
    Who liked: No user
    #92319
    アバター画像キタジマ タカシ
    参加者
    2587

    \Framework\Helper::get_template_part( 'template-parts/header/site-branding' ); だとデフォルトのロゴが呼び出されるので、ここを独自にコーディングしちゃっうのが一番簡単ではないですかね?

    add_filter(
    	'snow_monkey_template_part_render',
    	function( $html, $slug ) {
    		if ( 'template-parts/nav/drop' === $slug ) {
    			ob_start();
    			?>
    			<div class="my-drop-nav-logo">
    				<img src="..." alt="..." />
    			</div>
    			<?php
    			$site_branding = ob_get_clean();
    			$search = '|(<li class="menu-item)|m';
    			$replace = sprintf( '<li class="c-navbar__item">%1$s</li>', $site_branding );
    			return preg_replace( $search, $replace . '$1', $html, 1 );
    		}
    		return $html;
    	},
    	10,
    	2
    );

    のようにして、.my-drop-nav-logo にスタイルをあてて調整するという感じで。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2587

    My Snow Monkey か子テーマの functions.php に下記のコードを追加してみてください。

    add_filter(
    	'snow_monkey_template_part_render_template-parts/nav/drawer', // template-parts/nav/drawer を書き換える
    	function( $html ) {
    		return str_replace(
    			'class="c-drawer ', // これを
    			'class="c-drawer c-drawer--inverse ', // こうする(.c-drawer--inverse が右からでるようにするクラス)
    			$html
    		);
    	}
    );

    これで右からはでるようになるのですが、ハンバーガーボタンにドロワーが重なってしまうので、一般の方はどうやって閉じるのかな?と混乱してしまう可能性はあると思います。中にハンバーガーボタンを追加できれば良いですが、ちょっと構造的にそれがやりにくいので、あまりおすすめはできません…。今後のアップデートで(コードを書く形にはなると思いますが)出る方向と、ハンバーガーボタンの有無をやりやすくしたいなと思います。

    0
    Who liked: No user
    #89950

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    1
    Who liked:
15件の結果を表示中 - 76 - 90件目 (全248件中)

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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