Added site-wide social links support (#515)

minimaluminium · web-flow · commit fb44e802a350 · 2026-06-04T21:56:42.000+08:00
diff --git a/assets/built/screen.css b/assets/built/screen.css
diff --git a/assets/built/screen.css.map b/assets/built/screen.css.map
diff --git a/assets/css/blog/share.css b/assets/css/blog/share.css
@@ -32,7 +32,7 @@
     background-color: var(--facebook-color);
 }
 
-.share-link-twitter {
+.share-link-x {
     background-color: var(--twitter-color);
 }
 
diff --git a/assets/css/misc/dark.css b/assets/css/misc/dark.css
@@ -41,7 +41,7 @@
     color: var(--facebook-color);
 }
 
-.theme-dark .share-link-twitter {
+.theme-dark .share-link-x {
     color: var(--twitter-color);
 }
 
@@ -130,7 +130,7 @@
         color: var(--facebook-color);
     }
 
-    html:not(.theme-light) .share-link-twitter {
+    html:not(.theme-light) .share-link-x {
         color: var(--twitter-color);
     }
 
diff --git a/author.hbs b/author.hbs
@@ -31,8 +31,8 @@
                 </a>
             {{/if}}
             {{#if twitter}}
-                <a class="share-link share-link-twitter author-social-item" href="{{social_url type="twitter"}}" target="_blank" rel="noopener noreferrer">
-                    {{> "icons/twitter"}}
+                <a class="share-link share-link-x author-social-item" href="{{social_url type="twitter"}}" target="_blank" rel="noopener noreferrer">
+                    {{> "icons/x"}}
                     Twitter
                 </a>
             {{/if}}
diff --git a/default.hbs b/default.hbs
@@ -82,11 +82,23 @@
             <div class="gh-copyright">
                 {{@site.title}} © {{date format="YYYY"}}
             </div>
-            {{#if @site.secondary_navigation}}
-                <nav class="gh-foot-menu">
-                    {{navigation type="secondary"}}
-                </nav>
-            {{/if}}
+            <div class="gh-foot-center">
+                <div class="gh-social-links">
+                    {{#social_accounts @site}}
+                        <a href="{{href}}" target="_blank" rel="noopener" aria-label="{{name}}">
+                            {{#> (concat "icons/" type)}}
+                                {{!-- Fallback when no per-platform icon partial exists --}}
+                                <span>{{name}}</span>
+                            {{/undefined}}
+                        </a>
+                    {{/social_accounts}}
+                </div>
+                {{#if @site.secondary_navigation}}
+                    <nav class="gh-foot-menu">
+                        {{navigation type="secondary"}}
+                    </nav>
+                {{/if}}
+            </div>
             <div class="gh-powered-by">
                 {{{t "Powered by {ghostlink}" ghostlink="<a href=\"https://ghost.org/\" target=\"_blank\" rel=\"noopener\">Ghost</a>"}}}
             </div>
diff --git a/package.json b/package.json
@@ -103,7 +103,7 @@
         "zip": "gulp zip"
     },
     "devDependencies": {
-        "@tryghost/shared-theme-assets": "2.6.1",
+        "@tryghost/shared-theme-assets": "2.7.1",
         "@tryghost/theme-translations": "^0.0.9",
         "autoprefixer": "10.5.0",
         "beeper": "2.1.0",
diff --git a/partials/icons/twitter.hbs b/partials/icons/twitter.hbs
diff --git a/partials/icons/x.hbs b/partials/icons/x.hbs
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="currentColor"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@`
`32`	`32`	`background-color: var(--facebook-color);`
`33`	`33`	`}`
`34`	`34`
`35`		`-.share-link-twitter {`
	`35`	`+.share-link-x {`
`36`	`36`	`background-color: var(--twitter-color);`
`37`	`37`	`}`
`38`	`38`
Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@`
`41`	`41`	`color: var(--facebook-color);`
`42`	`42`	`}`
`43`	`43`
`44`		`-.theme-dark .share-link-twitter {`
	`44`	`+.theme-dark .share-link-x {`
`45`	`45`	`color: var(--twitter-color);`
`46`	`46`	`}`
`47`	`47`
`@@ -130,7 +130,7 @@`
`130`	`130`	`color: var(--facebook-color);`
`131`	`131`	`}`
`132`	`132`
`133`		`- html:not(.theme-light) .share-link-twitter {`
	`133`	`+ html:not(.theme-light) .share-link-x {`
`134`	`134`	`color: var(--twitter-color);`
`135`	`135`	`}`
`136`	`136`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+<svg viewBox="0 0 24 24" fill="currentColor"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>`