-
検索結果
-
【お使いの Snow Monkey のバージョン】17.1.0
【お使いの Snow Monkey Blocks のバージョン】16.0.1
【お使いの Snow Monkey Editor のバージョン】8.0.1
【お使いのブラウザ】firefox
【当該サイトのURL】local### 実現したいこと
①任意のタクソノミーで表示されているc-entry-summary__title部分にカスタムフィールドを表示させたい。
②カスタム投稿のアーカイブページの横一列の表示数を３つから４つに変更したい。
できれば任意のタクソノミー投稿の表示数も3つから4つに変更したい。### 発生している問題
①カスタム投稿のアーカイブページではカスタムフィールドの出力が行えたが、任意のタクソノミーで表示されているパネル？には同じようにカスタムフィールドを表示させることができない。
②どこを弄っていいかわからない。
### 試したこと
/*カスタム投稿 */ add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title', function ($html) { if (get_post_type('seles_cats')) { // カスタムフィールドで設定したフィールド名を代入 $acf_year = get_field('sex'); $acf_faculty = get_field('price'); $acf_birthday = get_field('birthday'); // テンプレートのh2タグの後に<div class='employee-info'>を追加 $acf_employee_info = "</h2> <div class='employee-info'> <p>" . esc_attr($acf_year) . "</p>" . "<p>" . esc_attr($acf_faculty) . "</p>" . "<p>" . esc_attr($acf_birthday) . "</p>" . "</div>"; // テンプレートパーツのh2タグの後ろにdivタグを追加する $html = str_replace( '</h2>', $acf_employee_info, $html ); } return $html; } );アーカイブの時は
is_post_type_archiveを指定することで表示できたので、ここをget_post_typeに変更したが表示されなかった。こちらも参考にしましたが、表示ができませんでした。
↓アーカイブページ
↓任意のタクソノミー表示
よろしくお願いします。
まーちゅう様
上記コードで無事実装することができました。
この度は、ご教示いただき誠にありがとうございました。
それではトピック閉じさせていただきます。
P.S.
ご教示いただいた内容を参考に、
.c-entry__metaを、以下.c-entry__header__header内に含有させる場合、以下のように実装できましたので念の為共有いたします。/** * シングルページのページヘッダーにアイキャッチを追加 * * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 */ // use Framework\Helper; add_filter( 'snow_monkey_template_part_render_template-parts/content/entry/header/header', function( $html, $name ) { if ( "post" === $name ) { ob_start(); // アイキャッチ画像のHTMLを記録開始 if ( has_post_thumbnail() ) { ?> <div class="c-entry__thumbnail"> <?php the_post_thumbnail("large"); ?> </div> <?php } $thumbnail_html = ob_get_contents(); // 記録結果を変数に代入 ob_end_clean(); //記録終了 $search_1 = '<h1 class="c-entry__title"'; $replace_1 = '<div class="c-entry__header__header"><h1 class="c-entry__title"' ; $search_2 = '</header>' ; $replace_2 = '</div>'.$thumbnail_html.'</header>'; $html = str_replace( [ $search_1, $search_2 ], [ $replace_1, $replace_2 ], $html ); } return $html; }, 10, 2 );Who liked:
こんにちは。
カスタマイザーの設定でアイキャッチ無しにしたうえで、My Snow Monkey に以下のコードを追加してみてください。/** * シングルページのページヘッダーにアイキャッチを追加 * * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 */ // use Framework\Helper; add_filter( 'snow_monkey_template_part_render_template-parts/content/entry/header/header', function( $html, $name ) { if ( 'post' === $name ) { // アイキャッチ画像 ob_start(); if ( has_post_thumbnail() ) { ?> <div class="entry-thumbnail"> <?php the_post_thumbnail( 'medium' ); ?> </div> <?php } $thumbnail = ob_get_contents(); ob_end_clean(); $search_1 = '<h1'; $replace_1 = '<div class="entry-header"><h1' ; $search_2 = '</h1>' ; $replace_2 = '</h1>'.$thumbnail.'</div>'; $html = str_replace( [ $search_1, $search_2 ], [ $replace_1, $replace_2 ], $html ); } return $html; }, 10, 2 );CSSでの調整が必要になるので以下のような感じでレイアウト調整してみてください。
.entry-header { display: flex; justify-content: space-between; } .entry-thumbnail { width: 20%; }Who liked:
ちょっときれいなやり方ではないかもですが、下記のコードでとりあえず実現はできると思います。My Snow Monkey に貼り付けて調整してみてください。
add_filter( 'snow_monkey_template_part_render_template-parts/common/page-header', function( $html ) { // img タグを picture + source + img に置換 // 639px以下のときは source で指定した画像を表示する return preg_replace( '|(<img [^>]+>)|ms', '<picture> <source srcset="https://placehold.jp/100x100.jpg" media="(max-width: 639px)"> $1 </picture>', $html ); } );Who liked:すみません。こちら、返事が遅くなてしまいました。
キタジマさんにご提示いただいたコードを参考に、以下のように対応しようと思います。add_filter( 'snow_monkey_template_part_render_template-parts/header/hamburger-btn', function( $html ) { ob_start(); ?> <span class="c-hamburger-btn__close-label">とじる</span> <?php $close_label = ob_get_contents(); ob_end_clean(); $html = str_replace( '</button>', $close_label.'</button>', $html ); return $html; }, 10 );.c-hamburger-btn__close-label { display: block; } .c-hamburger-btn[aria-expanded="true"] .c-hamburger-btn__label { display: none; } .c-hamburger-btn[aria-expanded="false"] .c-hamburger-btn__close-label { display: none; }Who liked:
add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title', function( $html ) { if ( in_category( array('meat','sweets','other','bread','drink') ) ): ob_start(); $title = get_the_title(); if ( ! $title ) { return; } ?> <h2 class="c-entry-summary__title"> <?php echo wp_kses_post( $title ); ?> </h2> <?php $html = ob_get_clean(); endif; return $html; } );を追加してみてください。
Who liked:
オレインさんの記事を読みながら色々とやってみたらできそうです。
確認していただけますか？ただ、抜粋の長さに関わらずリンクボタンを右寄せにしたいのですが、イマイチできません。
そこだけお聞きしてもいいでしょうか？
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:
