5件の投稿を表示中 - 1 - 5件目 (全5件中)
-
投稿者投稿
-
2020年11月12日 2:59 PM #60777
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】 11.7.5
【お使いのブラウザ】chrome 86
【当該サイトのURL】構築中のため非公開でお願いします。===
トップページ設定で最近の投稿を選択し、
基本デザイン>記事一覧レイアウトにてシンプルを選択することにより
御社のブログページのようなデザインを作成しています。
記事表示数は30件と設定し、
5件目と6件目の間にバナーを表示
10件目と11件目の間にバナーを表示
15件目と16件目の間にバナーを表示
20件目と21件目の間にバナーを表示
25件目と26件目の間にバナーを表示
とカスタマイズしたく考えております。
その画像をウィジットで管理したいと考えているのですが、可能でしょうか。
お手数ですがご教授お願いします。
♥ 0いいねをした人: 居ません2020年11月17日 9:25 AM #60999ウィジェットで管理はわかりませんが、画像を突っ込むこと自体はできます。下記のコードを試してみてください。
/** * ブログ一覧に画像を追加する処理 */ function my_infeed_img( $html, $post_types, $entries_layout ) { // 投稿タイプが post 以外のときは中止 $post_types = (array) $post_types; if ( ! in_array( 'post', $post_types, true ) ) { return $html; } // 一覧レイアウトが「シンプル」以外のときは中止 if ( 'simple' !== $entries_layout ) { return $html; } $count = 0; return preg_replace_callback( '|(<li class="c-entries__item)|s', function( $matches ) use ( &$count ) { $count ++; if ( 0 !== $count % 6 ) { return $matches[0]; } ob_start(); ?> <li class="c-entries__item"> ここに画像 </li> <?php return ob_get_clean() . $matches[0]; }, $html ); } /** * ブログ一覧ページに画像を追加して表示 */ add_filter( 'snow_monkey_template_part_render_template-parts/archive/entry/content/content', function( $html ) { $post_type = get_post_type() ? get_post_type() : 'post'; $post_type = is_home() ? 'post' : $post_type; $entries_layout = get_theme_mod( $post_type . '-entries-layout' ); return my_infeed_img( $html, $post_type, $entries_layout ); } );
♥ 0いいねをした人: 居ません2020年11月17日 11:51 PM #61087ご回答ありがとうございます。
早速試しました。
2つ目のバナー以降の位置が一つづつずれてしまいました。
こちらの編集間違いでしょうか。
また説明不足ですいませんが、
5件目と6件目の間にAバナーを表示
10件目と11件目の間にBバナーを表示
15件目と16件目の間にCバナーを表示
20件目と21件目の間にDバナーを表示
25件目と26件目の間にEバナーを表示
と違う画像を表示したいです。
お手数ですが、ご確認よろしくお願いします。
♥ 0いいねをした人: 居ません2020年11月18日 12:00 PM #61131あれ、すみません。コード書き直してみました。先のコードは消して、下記に差し替えてください。
add_filter( 'snow_monkey_template_part_render_template-parts/archive/entry/content/content', function( $html ) { $post_type = get_post_type() ? get_post_type() : 'post'; $post_type = is_home() ? 'post' : $post_type; $entries_layout = get_theme_mod( $post_type . '-entries-layout' ); if ( 'post' !== $post_type ) { return $html; } if ( 'simple' !== $entries_layout ) { return $html; } $count = 0; return preg_replace_callback( '|(<li class="c-entries__item)|s', function( $matches ) use ( &$count ) { $add = ''; if ( 5 === $count ) { ob_start(); ?> 画像1 <?php $add = ob_get_clean(); } elseif ( 10 === $count ) { ob_start(); ?> 画像2 <?php $add = ob_get_clean(); } elseif ( 15 === $count ) { ob_start(); ?> 画像3 <?php $add = ob_get_clean(); } elseif ( 20 === $count ) { ob_start(); ?> 画像4 <?php $add = ob_get_clean(); } elseif ( 25 === $count ) { ob_start(); ?> 画像5 <?php $add = ob_get_clean(); } if ( $add ) { ob_start(); ?> <li class="c-entries__item"><?php echo wp_kses_post( $add ); ?></li> <?php $add = ob_get_clean(); } $count ++; return $add . $matches[0]; }, $html ); return $html; } );
♥ 0いいねをした人: 居ません2020年12月3日 7:46 PM #62177ご連絡遅くなりすいません。
綺麗に表示されました。
ありがとうございました。
♥ 1いいねをした人: 居ません -
投稿者投稿
5件の投稿を表示中 - 1 - 5件目 (全5件中)
- トピック「トップページの一覧の中にバナーを表示する方法」には新しい返信をつけることはできません。