导入 AKSRT 主题开发源码

2026-07-03 22:50:34 +08:00
1 parent 9681dd3d48
commit 1268a55dd0
@@ -0,0 +1,108 @@
+<?php
+/**
+ * Home Module · Tabs
+ *
+ * config: { cat_ids: int[], count, layout, title? }
+ *
+ * P6 阶段先实现"按 Tab 标题分组渲染"，Tab 切换交互在 P9 阶段引入 JS。
+ * 默认行为：渲染选中分类（cat_ids[0]）的卡片，其它 Tab 用 data-* 标记，
+ * 配合 cms-home-modules.js 切换 active。
+ */
+defined('ABSPATH') || exit;
+
+$cfg = get_query_var('aksrt_module_config', []);
+if (!is_array($cfg)) $cfg = [];
+
+$cat_ids = isset($cfg['cat_ids']) && is_array($cfg['cat_ids']) ? array_map('intval', $cfg['cat_ids']) : [];
+$cat_ids = array_filter($cat_ids, fn($x) => $x > 0);
+$count   = max(1, min(20, (int) ($cfg['count'] ?? 8)));
+$layout  = (string) ($cfg['layout'] ?? 'grid-cms');
+$title   = (string) ($cfg['title'] ?? '');
+
+if (!in_array($layout, ['card', 'list', 'masonry', 'grid-cms'], true)) {
+	$layout = 'grid-cms';
+}
+
+if (empty($cat_ids)) {
+	// 没有指定 → 取站点最热的两个分类
+	$top_cats = get_terms([
+		'taxonomy' => 'category',
+		'orderby'  => 'count',
+		'order'    => 'DESC',
+		'number'   => 4,
+		'hide_empty' => true,
+		'fields'   => 'ids',
+	]);
+	if (is_wp_error($top_cats)) $top_cats = [];
+	$cat_ids = array_map('intval', $top_cats);
+}
+
+if (empty($cat_ids)) return;
+
+$tabs = [];
+foreach ($cat_ids as $cid) {
+	$term = get_term($cid, 'category');
+	if (!$term || is_wp_error($term)) continue;
+	$tabs[] = [
+		'id'   => $cid,
+		'name' => $term->name,
+		'link' => get_category_link($cid),
+	];
+}
+if (empty($tabs)) return;
+
+$active_id = $tabs[0]['id'];
+?>
+
+<section class="home-module home-module--tabs container home-tab-content index-tab-main" aria-label="<?php echo esc_attr($title ?: __('分类切换', 'aksrt')); ?>">
+	<header class="home-module__header home-module__header--tabs">
+		<h2 class="home-module__title"><?php echo esc_html($title ?: __('热门分类', 'aksrt')); ?></h2>
+		<nav class="home-module__tabs" role="tablist" data-aksrt-tabs>
+			<?php foreach ($tabs as $i => $t) : ?>
+				<button type="button"
+					role="tab"
+					class="home-module__tab<?php echo $i === 0 ? ' is-active' : ''; ?>"
+					aria-selected="<?php echo $i === 0 ? 'true' : 'false'; ?>"
+					data-tab-target="cat-<?php echo (int) $t['id']; ?>">
+					<?php echo esc_html($t['name']); ?>
+				</button>
+			<?php endforeach; ?>
+		</nav>
+	</header>
+
+	<?php foreach ($tabs as $i => $t) :
+		$tab_post_types = function_exists('aksrt_resource_post_types')
+			? array_unique(array_merge(['post'], aksrt_resource_post_types()))
+			: ['post'];
+		$query = new WP_Query([
+			'cat'            => $t['id'],
+			'post_type'      => $tab_post_types,
+			'posts_per_page' => $count,
+			'post_status'    => 'publish',
+			'no_found_rows'  => true,
+		]);
+	?>
+		<div class="home-module__tab-panel tab-pane<?php echo $i === 0 ? ' is-active' : ''; ?>"
+			role="tabpanel"
+			data-tab-id="cat-<?php echo (int) $t['id']; ?>"
+			<?php echo $i !== 0 ? 'hidden' : ''; ?>>
+			<?php if ($query->have_posts()) : ?>
+				<div class="posts-row ajaxpager tab-content">
+					<?php
+					set_query_var('aksrt_post_card_layout', $layout === 'list' ? 'list' : 'card');
+					set_query_var('aksrt_post_card_scene', 'home');
+					while ($query->have_posts()) {
+						$query->the_post();
+						get_template_part('templates/parts/content', 'post-card');
+					}
+					set_query_var('aksrt_post_card_layout', '');
+					set_query_var('aksrt_post_card_scene', '');
+					wp_reset_postdata();
+					?>
+				</div>
+			<?php else : ?>
+				<p class="home-module__empty"><?php esc_html_e('该分类暂无内容', 'aksrt'); ?></p>
+			<?php endif; ?>
+		</div>
+	<?php endforeach; ?>
+</section>