Merge branch 'develop'

README.md

@@ -6,12 +6,18 @@ Farallon is a simple single column wordpress theme with perfect performace and e
 
 [中文说明](https://github.com/bigfa/Farallon/blob/develop/README_CN.md)
 
-latest version : `0.7.6`
+latest version : `0.7.7`
 
 [Simple User Guide(Chinese)](https://fatesinger.com/101971)
 
 ## Changelog
 
+### 0.7.7
+
+- add max width of wp figure
+- handle post format when load more posts
+- fixed some style bugs
+
 ### 0.7.6
 
 - links template link title style

README_CN.md

@@ -2,14 +2,20 @@
 
 ![Wordpress 主题 Farallon](https://static.fatesinger.com/2023/06/u1ak8xgmyn9ec24r.png)
 
-最新版本: `0.7.6`
+最新版本: `0.7.7`
 
 本主题禁止各种修改作者链接打包重新发布的行为。
 
 [简单的使用文档](https://fatesinger.com/101971)
 
 ## 更新日志
 
+### 0.7.7
+
+- 设置`figure`最大宽度
+- 加载更多文章时兼容文章格式
+- 修复一些样式错误
+
 ### 0.7.6
 
 - 增加链接模版标题样式

js/modules/posts.ts

@@ -29,7 +29,17 @@ class farallonPost extends farallonBase {
                         : `<a href="${post.permalink}" aria-label="${post.post_title}" class="cover--link">
                 <img src="${post.thumbnail}" class="cover" alt="${post.post_title}">
                         </a>`;
-                return `<article class="post--item" itemtype="http://schema.org/Article" itemscope="itemscope">
+                return post.post_format && post.post_format == 'status'
+                    ? `<article class="post--item post--item__status" itemtype="http://schema.org/Article" itemscope="itemscope">
+    <div class="content">
+        <header>
+            <img alt="" src="${post.author_avatar_urls}" class="avatar avatar-48 photo" height="48" width="48" decoding="async">            <a itemprop="datePublished" datetime="" class="humane--time" href="${post.permalink}" aria-label="${post.post_title}">${post.date}</a>
+        </header>
+                    <div class="description" itemprop="about"><p>${post.excerpt}</p>
+</div>
+            </div>
+</article>`
+                    : `<article class="post--item" itemtype="http://schema.org/Article" itemscope="itemscope">
             <div class="content">
                 <h2 class="post--title" itemprop="headline">
                     <a href="${post.permalink}" aria-label="${post.post_title}">

scss/modules/graph.scss

@@ -269,6 +269,7 @@
 .wp-caption {
     margin: 0 -50px 25px;
     position: relative;
+    max-width: calc(100% + 100px);
     img {
         border-radius: 4px;
     }
@@ -344,6 +345,7 @@
         margin: 0 0 20px;
         margin-left: -3.5%;
         margin-right: -3.5%;
+        max-width: calc(100% + 7%);
         img {
             border-radius: 0;
         }

scss/modules/post.scss

@@ -13,6 +13,8 @@
         .avatar {
             border-radius: 100%;
             margin-right: 10px;
+            width: 36px;
+            height: 36px;
         }
         header {
             display: flex;

scss/templates/footer.scss

@@ -70,6 +70,10 @@
             &.sns {
                 fill: none;
                 stroke: var(--farallon-text-color);
+                &:hover {
+                    stroke: var(--farallon-hover-color);
+                    fill: none;
+                }
             }
         }
     }

scss/templates/single.scss

@@ -179,6 +179,10 @@
             &.sns {
                 fill: none;
                 stroke: var(--farallon-text-color);
+                &:hover {
+                    stroke: var(--farallon-hover-color);
+                    fill: none;
+                }
             }
         }
     }

style.css

@@ -4,6 +4,6 @@ Theme URI: https://github.com/bigfa/Farallon
 Author: bigfa
 Author URI: https://github.com/bigfa
 Description: theme 2024
-Version: 0.7.6
+Version: 0.7.7
 Tags: Minimalism, Responsive
 */