Snow Monkey Blocks「ピックアップスライダー」でカテゴリーを表示したい

以下のフィルターフックでは再現できませんでした。

フック自体通ってないですかね？ ログは出力されてない？

inc2734_wp_awesome_widgets_render_widgetなのか

確か非推奨のほうは↑のフックを通ったと思いますが、spider のほうのピックアップスライダーは↑のフックは通らないです。

render_block_snow-monkey-blocks/spider-pickup-slider を通っているとして、このフックはブロックの HTML 出力をまるごと書き換えるフックになるので、pickup タグが付いている投稿の取得からループを回してスライダーとして出力するところまで全部を書かないといけません。コード的には snow-monkey-blocks/dist/spider-pickup-slider/view.php をベースにすることになりますが、大きいのでメンテが大変だとは思います。例えばアップデートでピックアップスライダーブロックに機能が追加されたり HTML の変更が必要な場合はフックしたコードのほうにも反映しないといけません。

♥ 1

いいねをした人:

コード書いてみました。前述したようにメンテナンス性が非常によろしくなさそうなので、あまり推奨はできません…。
著者の前にカテゴリー名が表示されます。

add_filter(
	'render_block_snow-monkey-blocks/spider-pickup-slider',
	function( $block_content, $block, $wp_block ) {
		$default_attributes = array();
		$meta_attributes = (array) $wp_block->block_type->attributes;
		foreach ( $meta_attributes as $name => $meta_attribute ) {
			$default_attributes[ $name ] = isset( $meta_attribute['default'] )
				? $meta_attribute['default']
				: null;
		}

		$attributes = array_merge( $default_attributes, $block['attrs'] );

		ob_start();
$query_args = array(
	'post_type'        => 'any',
	'posts_per_page'   => 0 === $attributes['postsPerPage'] ? -1 : $attributes['postsPerPage'],
	'suppress_filters' => false,
	'tax_query'        => array(
		array(
			'taxonomy' => 'post_tag',
			'terms'    => array( 'pickup' ),
			'field'    => 'slug',
		),
	),
);

if ( $attributes['random'] ) {
	$query_args = array_merge(
		$query_args,
		array(
			'orderby' => 'rand',
		)
	);
}

$query = new WP_Query(
	array_merge(
		$query_args,
		array(
			'ignore_sticky_posts' => true,
			'no_found_rows'       => true,
		)
	)
);

if ( ! $query->have_posts() ) {
	return;
}

$classnames[] = 'smb-spider-pickup-slider';
if ( ! empty( $attributes['className'] ) ) {
	$classnames[] = $attributes['className'];
}
if ( isset( $attributes['align'] ) ) {
	if ( 'full' === $attributes['align'] ) {
		$classnames[] = 'alignfull';
	} elseif ( 'wide' === $attributes['align'] ) {
		$classnames[] = 'alignwide';
	}
}

// @todo 本当は get_block_wrapper_attributes を使いたいけど何故かエラーがでる
// $block_wrapper_attributes = get_block_wrapper_attributes(
// 	array(
// 		'class' => implode( ' ', $classnames ),
// 	)
// );
?>

<div
	<?php // echo $block_wrapper_attributes; ?>
	class="<?php echo esc_attr( implode( ' ', $classnames ) ); ?>"
	data-interval="<?php echo esc_attr( 0 < $attributes['interval'] ? $attributes['interval'] * 1000 : null ); ?>"
	data-fade="<?php echo esc_attr( $attributes['fade'] ? 'true' : 'false' ); ?>"
>
	<div class="spider">
		<div class="spider__canvas">
			<?php $index = 0; ?>
			<?php while ( $query->have_posts() ) : ?>
				<?php
				$query->the_post();
				$thumbnail_size = wp_is_mobile() ? 'large' : 'full';

				// ここからカテゴリーの追加
				$categories = get_the_category( get_the_ID() );
				?>
				<div class="spider__slide" data-id="<?php echo esc_attr( $index ); ?>">
					<?php the_post_thumbnail( $thumbnail_size, array( 'class' => 'spider__figure' ) ); ?>

					<div class="smb-spider-pickup-slider__item">
						<div class="smb-spider-pickup-slider__item__title">
							<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
						</div>

						<ul class="smb-spider-pickup-slider__item__meta c-meta">
							<?php // ここでカテゴリーを表示 ?>
							<li class="c-meta__item c-meta__item--category"><?php echo esc_html( $categories[0]->name ); ?></li>
							<li class="c-meta__item c-meta__item--author"><?php echo get_avatar( get_post()->post_author ); ?><?php echo esc_html( get_the_author() ); ?></li>
							<li class="c-meta__item"><?php echo esc_html( get_the_time( get_option( 'date_format' ) ) ); ?></li>
						</ul>
					</div>
				</div>
				<?php $index ++; ?>
			<?php endwhile; ?>
			<?php wp_reset_postdata(); ?>
		</div>

		<?php if ( $attributes['arrows'] ) : ?>
			<button class="spider__arrow" data-direction="prev">Prev</button>
			<button class="spider__arrow" data-direction="next">Next</button>
		<?php endif; ?>
	</div>

	<?php if ( $attributes['dots'] ) : ?>
		<div
			class="spider__dots"
			data-thumbnails="<?php echo esc_attr( $attributes['dotsToThumbnail'] ? 'true' : 'false' ); ?>"
		>
			<?php $index = 0; ?>
			<?php while ( $query->have_posts() ) : ?>
				<?php
				$query->the_post();
				?>
					<button
						class="spider__dot"
						data-id="<?php echo esc_attr( $index ); ?>"
						<?php if ( $attributes['dotsToThumbnail'] ) : ?>
							data-has-thumbnail="<?php echo esc_attr( has_post_thumbnail() ? 'true' : 'false' ); ?>"
						<?php endif; ?>
					>
						<?php if ( $attributes['dotsToThumbnail'] ) : ?>
							<?php the_post_thumbnail( 'medium', array( 'class' => 'spider__figure' ) ); ?>
						<?php else : ?>
							<?php echo esc_html( $index ); ?>
						<?php endif; ?>
					</button>
				<?php $index ++; ?>
			<?php endwhile; ?>
			<?php wp_reset_postdata(); ?>
		</div>
	<?php endif; ?>
</div>
		<?php
		return ob_get_clean();
	},
	10,
	3
);

♥ 1

いいねをした人:

あ！これ今思ったのですが、最近の投稿ブロック、任意のタクソノミーブロックのレイアウトでスライダーが選べたと思うので、そっちから攻めても良いのかも？

♥ 1

いいねをした人: