文章头图加入了圆角风格

changbin1997 · Apr 10, 2022 · 0252cf6 · 0252cf6
1 parent 088b901
commit 0252cf6
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 8 deletions.
diff --git a/assets/js/options-panel.js b/assets/js/options-panel.js
@@ -22,9 +22,9 @@ window.onload = function () {
   form.insertBefore(titleEl[2], ul[4]);  // 导航
   form.insertBefore(titleEl[3], ul[5]);  // 侧边栏
   form.insertBefore(titleEl[4], ul[7]);  // 文章相关
-  form.insertBefore(titleEl[5], ul[9]);  // 评论
-  form.insertBefore(titleEl[6], ul[13]);  // 友链
-  form.insertBefore(titleEl[7], ul[16]);  // 开发者
+  form.insertBefore(titleEl[5], ul[10]);  // 评论
+  form.insertBefore(titleEl[6], ul[14]);  // 友链
+  form.insertBefore(titleEl[7], ul[17]);  // 开发者
 
   // 导出配置按钮点击
   document.querySelector('#export-btn').addEventListener('click', function() {

diff --git a/components/post-list.php b/components/post-list.php
@@ -13,7 +13,7 @@
             <?php $img = postImg($this); ?>
             <?php if ($img): ?>
                 <div class="header-img mb-4">
-                    <a href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
+                    <a <?php if ($this->options->headerImageStyle == 'rounded-corners') echo 'class="rounded"'; ?> href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
                 </div>
             <?php endif; ?>
         <?php endif; ?>

diff --git a/functions.php b/functions.php
@@ -86,6 +86,13 @@ function themeConfig($form) {
     ), array('home', 'post'), _t('文章头图设置'));
     $form->addInput($headerImage->multiMode());
 
+    // 文章头图风格
+    $headerImageStyle = new Typecho_Widget_Helper_Form_Element_Radio('headerImageStyle', array(
+        'right-angle' => '直角',
+        'rounded-corners' => '圆角'
+    ), 'right-angle', _t('文章头图风格'));
+    $form->addInput($headerImageStyle);
+
     //  评论日期时间格式
     $commentDateFormat = new Typecho_Widget_Helper_Form_Element_Radio('commentDateFormat', array(
         'format1' => '2020年04月23日 13:09',

diff --git a/page-data.php b/page-data.php
@@ -33,7 +33,7 @@
                         <?php $img = postImg($this); ?>
                         <?php if ($img): ?>
                             <div class="header-img mb-3 mt-4">
-                                <a href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
+                                <a <?php if ($this->options->headerImageStyle == 'rounded-corners') echo 'class="rounded"'; ?> href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
                             </div>
                         <?php endif; ?>
                     <?php endif; ?>

diff --git a/page-links.php b/page-links.php
@@ -54,7 +54,7 @@
                         <?php $img = postImg($this); ?>
                         <?php if ($img): ?>
                             <div class="header-img mb-3 mt-4">
-                                <a href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
+                                <a <?php if ($this->options->headerImageStyle == 'rounded-corners') echo 'class="rounded"'; ?> href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
                             </div>
                         <?php endif; ?>
                     <?php endif; ?>

diff --git a/page.php b/page.php
@@ -28,7 +28,7 @@
                             <?php $img = postImg($this); ?>
                             <?php if ($img): ?>
                                 <div class="header-img mb-3 mt-4">
-                                    <a href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
+                                    <a <?php if ($this->options->headerImageStyle == 'rounded-corners') echo 'class="rounded"'; ?> href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
                                 </div>
                             <?php endif; ?>
                         <?php endif; ?>

diff --git a/post.php b/post.php
@@ -41,7 +41,7 @@
                         <?php $img = postImg($this); ?>
                         <?php if ($img): ?>
                             <div class="header-img mb-3 mt-4">
-                                <a href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
+                                <a <?php if ($this->options->headerImageStyle == 'rounded-corners') echo 'class="rounded"'; ?> href="<?php $this->permalink(); ?>" aria-hidden="true" aria-label="文章头图" style="background-image: url(<?php echo $img; ?>);" tabindex="-1"></a>
                             </div>
                         <?php endif; ?>
                     <?php endif; ?>