wordpress-popular-postsを追加CSSでカスタマイズする方法

「上記のコード」というのは、具体的には下記ページに掲載してあるコードをそのまま追加しているということでしょうか？

WordPress Popular Posts のランキング表示を Snow Monkeyの人気記事ランキングウィジットと同じデザインにする

カスタマイズ方法 PHP My Snow Monkey プラグインか、子テーマの functions.php …

snow-monkey.2inc.org

また、追加したコードを消すと何もエラーはでなくなりますか？

追加CSSなどで対応してみようかと思いましたが、追加CSSや子テーマにstyle.cssを追加しての対応をしてもwordpress-popular-postsのブロックにCSSが反映されなかったため、

具体的にどのような CSS を追加しましたか？ こちらでも試してみたいので共有いただけると助かります。

♥ 1

いいねをした人:

試してみましたが、こちらではエラーがでませんでした。下記教えてください！

– PHP のバージョンを教えてください。
– 実際に貼り付けている PHP コードをここに共有してください。
– Popular Posts のバージョンを教えてください。
– Popular Posts は「ブロック」で設定していますか？ そうであれば設定を教えてください。

下記、確認お願いします！

– WordPress Popular Posts は 6.2.1 が最新のようなのでアップデートしてみてください。
– Display post thumbnail、Use custom HTML Markup は不要なのでチェックを外してください。
– THEME　は None にしてください。
– コードにループが含まれておらず、1件しか表示されないので下記のコードに置き換えてください。

add_filter(
	'wpp_custom_html',
	function( $popular_posts, $instance ) {
		global $post;
		ob_start();
		?>
		<ul class="c-entries c-entries--rich-media">
			<?php foreach ( $popular_posts as $popular_post ) : ?>
				<?php $post = get_post( $popular_post->id ); ?>
				<?php setup_postdata( $post ); ?>
				<li class="c-entries__item">
					<?php
					$taxonomies = get_post_taxonomies( get_the_ID() );
					$_taxonomy = ! empty( $taxonomies[0] ) ? $taxonomies[0] : false;
					$_terms = ( $_taxonomy ) ? get_the_terms( get_the_ID(), $_taxonomy ) : [];
					\Framework\Helper::get_template_part(
						'template-parts/loop/entry-summary',
						$args['_name'],
						array(
							'_entries_layout'       => 'rich-media',
							'_display_author'       => true,
							'_display_published'    => true,
							'_display_item_excerpt' => true,
							'_terms'                => $_terms ? array( $_terms[0] ) : array(),
							'_display_meta'         => true,
						)
					);
					?>
				</li>
			<?php endforeach; ?> 
		</ul>
		<?php
		wp_reset_postdata();
		return ob_get_clean();
	},
	10,
	2
);

♥ 1

いいねをした人: