SWELL│複数サイトの新着記事をカードで表示するカスタマイズ

[multi_rss_cards limit="3" pc_col="3" sp_col="2"]

/**
 * 複数RSSをまとめてカード表示（SWELLの見た目に寄せたHTML）
 * 使い方: [multi_rss_cards limit="12" pc_col="3" sp_col="2"]
 */
add_shortcode('multi_rss_cards', function ($atts) {

	$atts = shortcode_atts([
		'limit'  => 9, //全体の表示件数
		'pc_col' => 3, //PCの列表示数
		'sp_col' => 2, //スマホの列表示数
	], $atts, 'multi_rss_cards');

	$limit  = max(1, min(30, (int) $atts['limit']));
	$pc_col = max(1, min(3, (int) $atts['pc_col']));
	$sp_col = max(1, min(2, (int) $atts['sp_col']));

	// ▼ ここにRSSを追加/編集（URL => サイト名）
	$feeds = [
		'https://cg-method.com/unity/rss/'         => 'Unityメソッド',
		'https://cg-method.com/after-effects/rss/' => 'AEメソッド',
		'https://cg-method.com/photoshop/rss/'     => 'Photoshopメソッド',
		'https://cg-method.com/illustrator/rss/'   => 'Illustratorメソッド',
		'https://cg-method.com/figma/rss/'         => 'Figmaメソッド',
		'https://cg-method.com/google/rss/'        => 'Google Workspaceメソッド',
		'https://cg-method.com/3dcg/rss/'          => '3DCGメソッド',
		'https://cg-method.com/video-editing/rss/' => '動画編集メソッド',
		'https://cg-method.com/vtuber/rss/'        => 'VTuberメソッド',
		'https://cg-method.com/vr/rss/'            => 'VRメソッド',
		'https://cg-method.com/work-tools/rss/'    => 'デジタルメソッド',
		'https://cg-method.com/ai/rss/'    => 'AIメソッド',		
	];

	$cache_key = 'multi_rss_cards_v3_' . md5(serialize([$feeds, $limit, $pc_col, $sp_col]));
	$cached = get_transient($cache_key);
	if ($cached !== false) return $cached;

	require_once ABSPATH . WPINC . '/feed.php';

	$items = [];
    $seen = [];

	foreach ($feeds as $url => $site_title) {
		$rss = fetch_feed($url);
		if (is_wp_error($rss)) {
			continue;
		}

		// 1フィードから取りすぎない（全体limitの2倍くらい取っておくと混ぜた時に綺麗）
		$per_feed = min($limit * 2, 30);
		$feed_items = $rss->get_items(0, $per_feed);

		foreach ($feed_items as $item) {
            $link = esc_url_raw((string) $item->get_link(), ['http', 'https']);
            if (!$link || isset($seen[$link])) continue;
            $seen[$link] = true;
            $timestamp = (int) $item->get_date('U');
			$items[] = [
				'url'   => $link,
				'title' => $item->get_title(),
				'date'  => max(0, $timestamp),
				'site'  => $site_title,
				'thumb' => multi_rss_pick_thumbnail($item),
			];
		}
	}

	// 日付で降順ソート
	usort($items, function ($a, $b) {
		return ($b['date'] ?? 0) <=> ($a['date'] ?? 0);
	});

	$items = array_slice($items, 0, $limit);

    if (!$items) {
        $message = '<p class="waza-rss-empty">記事を取得できませんでした。時間をおいて再読み込みしてください。</p>';
        // 空の結果は1分だけ保持し、取得を繰り返すアクセスを抑えます。
        set_transient($cache_key, $message, MINUTE_IN_SECONDS);
        return $message;
    }

	// HTML生成
	ob_start();

	$wrap_class = sprintf(
		'swell-block-rss'
	);

	$list_class = sprintf(
		'p-postList is-rss -type-card -pc-col%d -sp-col%d',
		$pc_col,
		$sp_col
	);

	?>
	<div class="<?php echo esc_attr($wrap_class); ?>">
		<ul class="<?php echo esc_attr($list_class); ?>">
			<?php foreach ($items as $it): ?>
				<li class="p-postList__item">
					<a href="<?php echo esc_url($it['url']); ?>" class="p-postList__link" target="_blank" rel="noopener noreferrer">
						<?php if (!empty($it['thumb'])): ?>
							<div class="p-postList__thumb c-postThumb">
								<figure class="c-postThumb__figure">
									<img decoding="async" class="c-postThumb__img u-obf-cover" src="<?php echo esc_url($it['thumb']); ?>" alt="">
								</figure>
							</div>
						<?php endif; ?>

						<div class="p-postList__body">
							<h3 class="p-postList__title"><?php echo esc_html($it['title']); ?></h3>
							<div class="p-postList__meta">
								<div class="p-postList__site c-rssSite u-thin u-flex--aic">
									<span class="c-rssSite__title"><?php echo esc_html($it['site']); ?></span>
								</div>
								<div class="p-postList__times c-postTimes u-thin">
									<time class="c-postTimes__posted icon-posted">
										<?php if ($it['date'] > 0) echo esc_html(wp_date('Y年n月j日', $it['date'])); ?>
									</time>
								</div>
							</div>
						</div>

					</a>
				</li>
			<?php endforeach; ?>
		</ul>
	</div>
	<?php

	$html = ob_get_clean();

	// キャッシュ（10分）
	set_transient($cache_key, $html, 10 * MINUTE_IN_SECONDS);

	return $html;
});

/**
 * RSSアイテムからサムネイルURLを抽出
 * 優先: enclosure(media) > content内の最初のimg
 */
function multi_rss_pick_thumbnail($item) {
	// 1) enclosure（OGP画像やアイキャッチが入っていることが多い）
	$enclosure = $item->get_enclosure();
	if ($enclosure) {
		$thumb = $enclosure->get_thumbnail();
		if ($thumb) return esc_url_raw($thumb);

		$link = $enclosure->get_link();
		if ($link && preg_match('~\.(jpg|jpeg|png|gif|webp)(\?.*)?$~i', $link)) {
			return esc_url_raw($link);
		}
	}

	// 2) content 内の最初の画像
	$content = $item->get_content();
	if ($content && preg_match('/<img[^>]+src=["\']([^"\']+)["\']/i', $content, $m)) {
		return esc_url_raw($m[1]);
	}

	// 3) それでも無ければ null
	return null;
}