設(shè)計(jì)上不再趨從于現(xiàn)有的扁平風(fēng)，我認(rèn)為是時(shí)候從極致的扁平稍微向擬物致敬了，因此在這款wordpress博客主題上我采用了輕擬物的風(fēng)格。歸功于現(xiàn)代的CSS技術(shù)，這些擬物的樣式都完全使用代碼編寫出來了！無須任何貼圖，這也是相對(duì)極致擬物風(fēng)格的一個(gè)巨大突破。
2018年11月，我的第三個(gè)博客主題上線！
一款功能豐富而又高端美觀的WordPress博客、自媒體主題，采用了輕擬物的風(fēng)格。
得益于其精美的設(shè)計(jì)和完美的防破解設(shè)計(jì)（你甚至無法直接修改主題代碼）如果你是在網(wǎng)站方面有著一定的加速經(jīng)驗(yàn)，還是很推薦購(gòu)買的。
- 第三方演示：張戈博客
- 第三方演示：主題客
- 第三方演示：淺時(shí)光博客
- 第三方演示：時(shí)光
- 第三方演示：CG 資源網(wǎng)
3.0.0版本大更新
1、全面適配WP5.4，解決WP5.4中存在的各種問題
2、性能優(yōu)化：修復(fù)滾動(dòng)圖片DOM元素不斷增加導(dǎo)致JS內(nèi)存無法回收的嚴(yán)重問題
注意：3.0是大版本更新，請(qǐng)務(wù)必根據(jù)“必讀文件”操作
基本特性
- HTML5、CSS3?使用標(biāo)準(zhǔn)語言編寫，支持IE10以上瀏覽器
- 響應(yīng)式?在桌面、平板、手機(jī)端均以最佳狀態(tài)顯示
- 回復(fù)下載?可強(qiáng)制要求用戶評(píng)論文章后才提供下載地址
- 內(nèi)容回復(fù)可見?指定某些內(nèi)容需要讀者評(píng)論后才可查看，讓讀者與你互動(dòng)
- 側(cè)邊欄小工具?邊欄數(shù)量可自定義、完全使用WP官方的小工具模型，開發(fā)了更多適合本主題的小工具
- 語音朗讀?使用百度語音合成技術(shù)來為您閱讀文章
- 評(píng)論表情?本主題自帶評(píng)論表情功能，無需插件在后臺(tái)即可設(shè)置
- 瀑布流?文章列表可選擇卡片或列表排序，其中卡片又可設(shè)置為普通或瀑布流形式
- 不刷新加載?全局提供ajax加載文章
- 打賞?允許通過多種途徑打賞，如：支付寶二維碼、微信二維碼、Paypal鏈接
- 點(diǎn)贊?每篇文章均提供點(diǎn)贊功能，可展示訪客最喜歡的文章列表（后臺(tái)可以修改點(diǎn)贊數(shù)據(jù)）
- 生成封面二維碼?每篇文章均可生成二維碼用于分享到微信等社交平臺(tái)
特色簡(jiǎn)介
新的niRvana主題包含去年reBorn主題的全部功能，并且還做了更多的改進(jìn)：
主色調(diào)識(shí)別
自動(dòng)根據(jù)文章特色圖片識(shí)別出圖片的主色調(diào)，在首頁、文章分類頁用最美的方式顯示滾動(dòng)圖片。如：
Gutenberg專用模塊
今年的新主題除了外觀的變化以外，主要還是針對(duì)WordPress5做了大量?jī)?yōu)化：由于WordPress5.0引入了“Gutenberg Block Editor”（區(qū)塊編輯器），在這種編輯器下，原有的“短代碼”就顯得非常的落后了：
- 短代碼存在的問題：在舊的TinyMCE編輯器中，短代碼往往需要手動(dòng)輸入和編輯，很難記憶和使用。即使開發(fā)者增加了“短代碼插入按鈕”，但在修改短代碼參數(shù)的時(shí)候，往往還是需要手動(dòng)編輯代碼本身。對(duì)于普通用戶，這種操作是很繁瑣并且容易出錯(cuò)的。
- 塊編輯器的優(yōu)勢(shì)：完全的可視化操作，無論是插入內(nèi)容還是編輯參數(shù)，都可以可視化的操作，而無須去修改繁瑣的代碼。
因此本主題將原有的“短代碼”全部升級(jí)成了“Gutenberg模塊”，包括：小標(biāo)題樣式、模態(tài)框、提示框、折疊內(nèi)容、內(nèi)容回復(fù)可見、下載按鈕、下拉菜單、站內(nèi)文章鏈接等，極大的為用戶提供了方便，例如：
插入提示框
方便的在文章中插入提示框，并允許選擇藍(lán)、綠、橙、紅四種提示色彩
插入下載按鈕
方便的在文章中插入下載按鈕，并可選擇是否需要訪客評(píng)論后下載
插入模態(tài)框
在文章中插入基于Bootstrap的模態(tài)框，訪客點(diǎn)擊即可顯示顯示額外內(nèi)容
還有更多方便的小工具等你來嘗試！
自定義邊欄數(shù)量
主題每個(gè)頁面均預(yù)留一個(gè)邊欄位置，該位置可放置多個(gè)邊欄并使用tab來切換。您可以：
- 增加或減少邊欄
- 定義每個(gè)邊欄的圖標(biāo)
- 分配邊欄在文章還是在首頁顯示
當(dāng)文章被檢測(cè)到“文章目錄”時(shí)，也會(huì)自動(dòng)將文章目錄當(dāng)做一個(gè)邊欄默認(rèn)展示。
文章目錄（Wiki模式）
當(dāng)文章中存在多個(gè)“二級(jí)”、“三級(jí)”標(biāo)題時(shí)，主題將自動(dòng)啟用“文章Wiki模式”。
“文章Wiki模式”將自動(dòng)把文章內(nèi)的“二級(jí)”、“三級(jí)”標(biāo)題顯示為文章導(dǎo)航并展示在邊欄中，點(diǎn)擊邊欄標(biāo)題可導(dǎo)航到文章中的指定位置。效果如下所示：
多種文章類型
提供FAQ、友情鏈接、輕博客、相冊(cè)等諸多功能：
- 友情鏈接：無需編碼，提供專門的友情鏈接功能來添加和顯示您的左鄰右舍【點(diǎn)這里看看】
- FAQ：允許前臺(tái)用“客服對(duì)話”的形式檢索常見問題【右下角客服圖標(biāo)點(diǎn)擊試試】
- 輕博客：不想寫長(zhǎng)篇大論？沒問題，一句話也可以展示【邊欄已展示】
- 相冊(cè)：提供多圖顯示的功能【點(diǎn)這里看看】
海報(bào)式分享
分享時(shí)生成帶二維碼的海報(bào)，右鍵保存至本地或手機(jī)端長(zhǎng)按保存至本地后，方便上傳到各類社交網(wǎng)站。
UI樣式
您可以輕松的在這款wordpress博客主題的文章中插入小標(biāo)題樣式、模態(tài)框、提示框、折疊內(nèi)容、內(nèi)容回復(fù)可見、下載按鈕、下拉菜單、站內(nèi)文章鏈接等
主題細(xì)節(jié)
主題截圖
視頻介紹
https://www.bilibili.com/video/av838547536/
設(shè)置導(dǎo)圖
主題權(quán)限
注：無論通過何種途徑購(gòu)買，主題均需要授權(quán)后才可使用，每次購(gòu)買，允許在1個(gè)域名下安裝，需要更換域名時(shí)，需銷毀上一次的域名授權(quán)。
附件壓縮包：
- 背景花紋
- comments-關(guān)閉評(píng)論
- FAQ(常見問題)搜索邏輯
- 評(píng)論不轉(zhuǎn)義
- 設(shè)置FontAwesome5圖標(biāo)
- 文章評(píng)論插入代碼
- 文章評(píng)論插入圖片
- 顯示文章已讀次數(shù)
BUG
群里niRvana的背景花紋模塊會(huì)導(dǎo)致夜間模式異常,重制代碼。
#wrapper {
background: url(https://nwzimg.wezhan.cn/contents/sitefiles2015/10075863/images/20999448.png) no-repeat fixed bottom left,
url(https://nwzimg.wezhan.cn/contents/sitefiles2015/10075863/images/20999450.png) no-repeat fixed top right,
#f0f2f7
}
@media screen and (prefers-color-scheme: dark){
#wrapper {
background: url(https://nwzimg.wezhan.cn/contents/sitefiles2015/10075863/images/20999447.png) no-repeat fixed bottom left,
url(https://nwzimg.wezhan.cn/contents/sitefiles2015/10075863/images/20999449.png) no-repeat fixed top right,
#28374a
}}更新記錄
其他主題
時(shí)隔多年，這位作者的第三款主題也出來了，目前已經(jīng)開售售賣了，喜歡擬物風(fēng)格的wordpress站長(zhǎng)可以來了解一下：
已停售作品
