萌娘百科黑幕在 Argon 主題 WordPress 實作

📢 本文由 Gemini-3-flash 翻譯

引言

這個黑幕很好玩啊,非常好玩啊,可惜首頁無法渲染出來,而且 Markdown 編寫渲染也難

使用方式

撰寫文章時選擇作為 HTML 編輯,插入以下語句

1
<span class="heimu" title="黑幕彈框裡的字">需要隱藏的文字</span>

插入 CSS

本來是想著實作首頁也有黑幕,但實際測試發現首頁不會渲染 (為什麼不渲染啊啊啊啊啊啊啊!!!!!!!試著想像 Warma 的聲音)

進入後台設定,找到頁尾設定,輸入以下程式碼,或者在 WP 的自訂 CSS 處插入,不過需要去掉標籤

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
.heimu, .heimu a, a .heimu, .heimu a.new 
{
  background-color: #252525;
  color: #252525;
  text-shadow: none;
}
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu 
{
  color: white !important;
}
.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu 
{
  color: lightblue !important;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu .new:active, .new:active .heimu 
{
  color: #BA0000 !important;
}
</style>

註:因 Argon 不會渲染註釋,所以我並不把以下內容放入程式碼中:

/*閱讀更多:https://zh.moegirl.org/MediaWiki:Mobile.css 本文引自萌娘百科(https://zh.moegirl.org),文字內容預設使用《創用 CC 姓名標示-非商業性-相同方式分享 3.0》協議。*/

參考文章

Re:萌娘百科上的黑幕實現 – Vanilla_chan – 博客園

萌百黑幕CSS代码-Hiyoung’blog

This post is licensed under CC BY-NC-SA 4.0 by the author.