
現在許多 APP 或是網站紛紛支援 Dark Mode 深色主題,例如 Youtube、Chrome、Facebook Messenger…等等,都有提供夜間模式的主題切換。
如果你想要快速幫你的網站也添加 DarK Mode 深色主題的轉換功能,那麼使用今天介紹的「Darkmode.Js」,就能幫助你快速實現一鍵自動轉換黑暗模式的功能。讓你的網站也能像其他大企業的網站一樣,可以快速的切換成夜間模式的樣式。
網站名稱:Darkmode.Js
網站連結:https://darkmodejs.learn.uno/
Darkmode.Js 教學
要利用 Darkmode.Js 實現 Dark Mode 深色主題功能非常簡單。首先,只需要將下列的程式碼加入網站當中:
加入後,你就可以使用 Darkmode.Js 當中的 Option 函數,來對你的切換按鈕樣式進行設定。因此,你就能隨意更改切換深色主題按鈕的位置、顏色、觸發時間或顯示的 icon…等等。
然後你可以用option 代碼對模式切換按鈕的樣式、位置進行個性化設置,比如左還是右,底色、觸發時間、裡面的icon 等等元素。
因此,透過以上簡單的方式就能快速地替你的網站加入 Dark Mode 深色主題的暗黑版本模式。
Darkmode.Js with WordPress
如果你目前使用的是 WordPress 網站,那麼目前也有人利用基於 Darkmode.js 開發的 WordPress 外掛,讓你的 WordPress 網站也能快速應用 Darkmode.js 的深色主題模式:
這兩個 WordPress 外掛都能夠幫助你的 WordPress 網站快速實現基於 Darkmode.Js 的夜間模式,安裝後就能馬上顯示切換的按鈕了。
讓我們來看一下在 TechMoon 網站當中的實際展示吧:
如果你想要了解更多有關 Darkmode.Js 的資訊,可以前往官網了解更多。
今天的介紹就到這裡,如果你喜歡今天的介紹,不妨幫忙分享出去,讓更多人知道。也歡迎在下方留下你的成果展示!
相關文章
- Rgbstock – 收錄超過 119,100 張免費線上圖庫,免費註冊即可下載無限制圖片,不須署名即可用於數位用途
- Pixabay Music – 免費影片 MP3 音樂下載,免註冊即可線上試聽與免費下載,且不須署名即可免費使用
- File Samples – 提供高達 180 種不同格式與 814 種範本檔案免費下載,方便作為各種測試檔案
- 【WordPress 付費主題免費下載】Kloud – Creative Multipurpose WordPress Theme
- AI PNG Enlarger – 超強小圖示放大不模糊軟體,免費將小圖片放大 4 or 16 倍並輸出高畫質 PNG 與 JPG 格式
- jpgRM – 免費線上修圖工具,透過 AI 魔術橡皮擦將選取的照片區塊進行抹除,輕鬆移除圖片中的人物及浮水印
- 2022 最新 15 個最佳 YouTube 影片下載工具與方法懶人包 – 免費線上免安裝下載高畫質 YouTube 影片
- 2022 最佳 9 種 YouTube 影片轉換下載工具,免費線上將 YouTube 影片轉成 MP3/MP4 格式並下載
- Reshot – 免費可商用線上圖庫,提供大量免費圖示、免費向量插圖與免費圖片,不須署名即可免費使用並修改編輯
- PikPak – 新加坡免費雲端網盤服務,免費 6 GB 空間可支援線上影片播放、磁力鏈接與 BT 種子上傳檔案
你好如何取得NOD32序號
Hi 枝青,
可以參考這篇文章哦:https://techmoon.xyz/nod32key/