-
検索結果
-
オレインさんの記事を読みながら色々とやってみたらできそうです。
確認していただけますか？ただ、抜粋の長さに関わらずリンクボタンを右寄せにしたいのですが、イマイチできません。
そこだけお聞きしてもいいでしょうか？
my-snow-monkey.php
add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary/content/content', function ( $html ) { $acf_link = get_field( 'link' ); $acf_reserve_link = "<div class="c-entry-summary__content"> <div class="reserve-link"><a class="reserve-btn" href="$acf_link" target="_blank" rel="noopener">チケット予約</a>"; $html = str_replace( '<div class="c-entry-summary__content">', $acf_reserve_link, $html ); return $html; } );css
.reserve-link { display:flex; flex-direction:row-reverse; justify-content:space-between; } .reserve-btn { border: 1px solid #000; padding:10px 50px; border-radius: 10px; } .reserve-link a { text-decoration:none; color: #000; }Who liked: No user方法としては以下のような流れで実現は可能かと思います。
- カスタム投稿タイプに紐付いているカスタムタクソノミー（ライブ情報）を選択した際にリンク先URLを設定できるカスタムフィールドを用意する
template-parts/loop/entry-summary/content/contentortemplate-parts/loop/entry-summary/meta/meta辺りにフックでカスタムフィールドを出力させる
ただし、こちらを実現するために必要な知識としては、
- カスタムフィールドを設定・設置
- PHPにてフックの処理を
となります。ただ、
カスタムフィールドを自分で実装したことがないので、まだよくわからず…
と書かれている状態を推測すると、難易度はかなり高めと考えていただいた方が良いかもしれません。
挑戦される場合には、以下のリソースでいけると思います。
Who liked:
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; } );を使うことで解決しました。
的確なアドバイスありがとうございました。
Who liked: No user惜しいですね。以下のコードで動くと思います。
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の後ろに半角スペースが入っているので、対象が存在しないと判断されて置換が行われなかったんだと思います。お試しください。
Who liked:
キタジマさんありがとうございます。
ある程度制作を進めていたので、子テーマを作りコーディングしていくのはやめて、フィルターフック(snow_monkey_template_part_render_template-parts/loop/entry-summary/content/content)を用いてなんとか表示させることができました！
お時間いただきありがとうございました！
トピック閉じさせていただきます。Who liked:
ご案内いただきましたように、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を仕込むことができます。Who liked:条件分岐の書き方を変えるだけです。
特定のページ以外での場合は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; } );Who liked:
こんにちは。
フックを使用する場合は、こんな感じです。/** * 特定のページのみ追尾サイドバーを非表示にする * * @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; } );Who liked:こんにちは。
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; } );@キタジマさん
不備があったら補足をお願いします🙇Who liked:
