fix: 修复友情链接只能单排显示的问题

themes/ITStudioMainSite/footer.php

@@ -4,9 +4,12 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3 data-cn="友情链接" data-en="Links"></h3>
-                <ul class="footer-links">
-                    <?php foreach ((array) ($site_content['footer_links'] ?? array()) as $link) : ?>
                 <?php
+                $footer_link_items = array();
+                foreach (array_slice((array) ($site_content['footer_links'] ?? array()), 0, 8) as $link) {
+                    if (!is_array($link)) {
+                        continue;
+                    }
                     $url = esc_url((string) ($link['url'] ?? ''));
                     $title_cn = trim((string) ($link['title_cn'] ?? ''));
                     $title_en = trim((string) ($link['title_en'] ?? ''));
@@ -19,10 +22,22 @@
                     if ($title_en === '') {
                         $title_en = $title_cn;
                     }
+                    $footer_link_items[] = array(
+                        'url' => $url,
+                        'title_cn' => $title_cn,
+                        'title_en' => $title_en,
+                    );
+                }
                 ?>
-                        <li><a href="<?php echo $url; ?>" target="_blank" rel="noopener noreferrer" data-cn="<?php echo esc_attr($title_cn); ?>" data-en="<?php echo esc_attr($title_en); ?>"></a></li>
+                <div class="footer-links-columns">
+                    <?php foreach (array_chunk($footer_link_items, 4) as $footer_link_column) : ?>
+                        <ul class="footer-links">
+                            <?php foreach ($footer_link_column as $link) : ?>
+                                <li><a href="<?php echo $link['url']; ?>" target="_blank" rel="noopener noreferrer" data-cn="<?php echo esc_attr($link['title_cn']); ?>" data-en="<?php echo esc_attr($link['title_en']); ?>"></a></li>
                             <?php endforeach; ?>
                         </ul>
+                    <?php endforeach; ?>
+                </div>
             </div>
 
             <div class="footer-section">