Merge pull request 'feat(shell): polish header/hero overlay and footer zibll classes' (#92) from worktree-homepage-zibll-1to1 into main

Reviewed-on: CYL/wordpress-theme-aksrt#92

assets/css/frontend/footer.css

@@ -2,3 +2,4 @@
 @import url("footer/part-2.css");
 @import url("footer/part-3.css");
 @import url("footer/part-4.css");
+@import url("footer/zibll-shell.css");

assets/css/frontend/footer/zibll-shell.css

@@ -0,0 +1,50 @@
+/**
+ * Footer zibll shell dual-class bridge
+ */
+.footer.site-footer {
+  position: relative;
+  width: 100%;
+}
+
+.footer .container-footer,
+.footer .container-fluid.container-footer {
+  width: 100%;
+  max-width: var(--container, 1200px);
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.footer .footer-logo {
+  max-height: 48px;
+  width: auto;
+  display: inline-block;
+}
+
+.footer .footer-contact a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+}
+
+.footer .fcode-links a {
+  display: inline-block;
+  margin-right: 12px;
+  margin-bottom: 6px;
+}
+
+.footer .footer-conter {
+  margin: 0;
+  line-height: 1.7;
+}
+
+/* Keep float-right above content, zibll-like */
+#float-right-btns.float-right,
+.float-right {
+  position: fixed;
+  right: 16px;
+  bottom: 80px;
+  z-index: 90;
+}

assets/css/frontend/header-components/widget-device-visibility.css

@@ -13,10 +13,31 @@
 
 /* 首页首屏模块：向上抵消导航占位，保证 Hero 与导航重叠显示 */
 .home-modules > .header-components-container:first-child,
-.home-modules--fullbleed > .header-components-container:first-child {
+.home-modules--fullbleed > .header-components-container:first-child,
+/* Fixed homepage: hero is after </header>, not inside .home-modules */
+body.home.header .header-slider-container,
+body.home .header-slider-container.header-components-container,
+body.front-page .header-slider-container.header-components-container,
+body.aksrt-homepage-active .header-slider-container {
     margin-top: calc(var(--nav-height, 60px) * -1);
 }
 
+/* Transparent nav sits above the hero slider */
+body.home header.header.show-slide,
+body.front-page header.header.show-slide,
+body.aksrt-homepage-active header.header.show-slide {
+    position: relative;
+    z-index: 20;
+}
+
+body.home header.header.show-slide .site-nav--fixed,
+body.front-page header.header.show-slide .site-nav--fixed,
+body.aksrt-homepage-active header.header.show-slide .site-nav--fixed {
+    background: transparent;
+    border-bottom-color: transparent;
+    box-shadow: none;
+}
+
 /* WordPress Admin Bar 已全局禁用，无需偏移规则 */
 
 /* ============================================================
@@ -300,3 +321,13 @@
     text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 
+
+
+/* Fixed homepage hero under absolute show-slide header */
+body.home header.header.show-slide ~ .header-slider-container,
+body.front-page header.header.show-slide ~ .header-slider-container,
+body.aksrt-homepage-active header.header.show-slide ~ .header-slider-container,
+body.home header.header.show-slide ~ .mobile-header ~ .header-slider-container,
+body.front-page header.header.show-slide ~ .mobile-header ~ .header-slider-container {
+    margin-top: 0;
+}

footer.php

@@ -103,7 +103,7 @@ $render_link_url = function ($raw) {
 </div>
 <?php endif; ?>
 
-<footer class="footer site-footer--<?php echo esc_attr($footer_layout); ?>" data-aksrt-shell="site-footer" role="contentinfo">
+<footer class="footer site-footer site-footer--<?php echo esc_attr($footer_layout); ?>" data-aksrt-shell="site-footer" role="contentinfo">
 	<?php if (is_active_sidebar('all_footer')) : ?>
 	<div class="site-footer__widgets container-footer">
 		<?php dynamic_sidebar('all_footer'); ?>
@@ -123,9 +123,9 @@ $render_link_url = function ($raw) {
 			<?php if ($_has_brand) : ?>
 			<div class="site-footer__brand col-lg-4 col-md-6<?php echo esc_attr($_brand_vis_cls); ?>">
 				<?php if (!empty($footer_brand['img'])) : ?>
-					<img class="site-footer__logo site-footer__logo--day" src="<?php echo esc_url($footer_brand['img']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
+					<img class="site-footer__logo site-footer__logo--day footer-logo" src="<?php echo esc_url($footer_brand['img']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
 					<?php if (!empty($footer_brand['img_dark'])) : ?>
-						<img class="site-footer__logo site-footer__logo--night" src="<?php echo esc_url($footer_brand['img_dark']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
+						<img class="site-footer__logo site-footer__logo--night footer-logo" src="<?php echo esc_url($footer_brand['img_dark']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
 					<?php endif; ?>
 				<?php endif; ?>
 				<?php if (!empty($footer_brand['title'])) : ?>
@@ -133,7 +133,7 @@ $render_link_url = function ($raw) {
 				<?php endif; ?>
 				<p class="site-footer__desc"><?php echo esc_html($blog_description); ?></p>
 				<?php if (!empty($footer_contacts)) : ?>
-				<div class="social-row">
+				<div class="social-row footer-contact">
 					<?php foreach ($footer_contacts as $contact) :
 						$c_icon = $contact['icon'] ?? '';
 						$c_url  = $contact['url'] ?? '#';
@@ -156,7 +156,7 @@ $render_link_url = function ($raw) {
 				<?php if (!empty($friend_links)) : ?>
 				<div class="site-footer__friends">
 					<h5 class="site-footer__friends-title"><?php esc_html_e('友情链接', 'aksrt'); ?></h5>
-					<div class="site-footer__friends-list">
+					<div class="site-footer__friends-list fcode-links">
 						<?php foreach ($friend_links as $fl) : ?>
 							<a href="<?php echo esc_url($fl['url'] ?? '#'); ?>" target="_blank" rel="noopener noreferrer nofollow"><?php echo esc_html($fl['name'] ?? ''); ?></a>
 						<?php endforeach; ?>
@@ -279,7 +279,7 @@ $render_link_url = function ($raw) {
 			</div>
 		<?php endif; ?>
 
-		<p class="site-footer__copyright">
+		<p class="site-footer__copyright footer-conter">
 			&copy; <?php echo esc_html(gmdate('Y')); ?>
 			<?php echo esc_html($blog_name); ?>.
 			<?php

header.php

@@ -219,7 +219,7 @@ if (!empty($aksrt_bg_styles)) {
 				wp_nav_menu([
 					'theme_location' => 'primary',
 					'container'      => false,
-					'menu_class'     => 'nav-desktop',
+					'menu_class'     => 'nav-desktop navbar-nav',
 					'fallback_cb'    => false,
 					'depth'          => 3,
 				]);