kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): deepen single post 1:1 parity with Zibll

Browse Source 
Split related style/source settings, add subtitle/meta/allow-view helpers, align cover/author/tags/pay shell markup and CSS with Zibll single.
This commit is contained in:
kate522 committed 2026-07-13 12:43:07 +08:00
1 parent 72ea0828bc
commit 48f7436030
14 files changed
+2156 -1434
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/single-post/related-toc.css
+23
View File
@@ -549,3 +549,26 @@ html.dark .article-end-separator span {
.post-nav-box__item.is-empty {
visibility: hidden;
}
/* ===== Related (Zibll .relates / .relates-thumb) ===== */
.relates .title-theme { margin-bottom: 0; }
.relates .zib-widget { padding: 12px 15px; }
.relates ul.no-thumb { list-style: none; margin: 0; padding: 0; }
.relates ul.no-thumb li { padding: 6px 0; border-bottom: 1px dashed var(--color-line, rgba(0,0,0,.06)); }
.relates ul.no-thumb li:last-child { border-bottom: 0; }
.relates ul.no-thumb a.icon-circle { color: inherit; text-decoration: none; }
.relates ul.no-thumb a.icon-circle:hover { color: var(--focus-color, #f04494); }
.relates-thumb .swiper-scroll { padding-bottom: 4px; }
.relates-thumb .swiper-slide { width: 200px; max-width: 70vw; }
.relates-thumb .graphic.style-3 { position: relative; overflow: hidden; border-radius: 8px; }
.relates-thumb .graphic.style-3 .graphic-img { position: relative; overflow: hidden; background: var(--surface-2, #f3f4f6); }
.relates-thumb .graphic.style-3 img.fit-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.relates-thumb .graphic.style-3 .graphic-text { padding: 10px 12px; width: 100%; background: linear-gradient(transparent, rgba(0,0,0,.55)); color: #fff; }
.relates-thumb .graphic.style-3 .text1 { font-size: 13px; font-weight: 600; color: #fff; }
.relates-thumb .graphic.style-3 .text3 { opacity: .9; margin-top: 4px; }
/* Colored tag pills on single */
.article-tags .but { display: inline-flex; align-items: center; gap: 4px; margin: 0 6px 6px 0; }
.article-tags .but.ml6 { margin-left: 0; }
.allow-view-deny { margin: 20px 0; }