VIP
-
005【Wordpress】網站添加阿里巴巴Iconfont圖示詳細圖文教程
為了提升網站的視覺效果和用戶體驗，本文將為你提供一個詳細的步驟，教你如何將阿里巴巴的Iconfont圖示集成到你的網站中。 通過簡單的操作，你可以輕鬆使用數百萬個免費圖示，為網站增添更多美觀的元素。 使用教學 Iconfont 支援使用 GitHub 帳號登錄，登錄后你可以輕鬆瀏覽並選擇所需的圖示，快速找到符合需求的向量圖示。 1.首先，流覽並找到你需要的圖示，點擊“添加到我的圖示庫”按鈕，將其加... -
001
【Wordpress】隨機評論彈窗
效果演示 更新日誌 2024-12-14 修復了評論消息不顯示表情包問題 優化代碼邏輯，避免了大量的API請求 新增自定義的 WordPress REST API 端點用於返回熱評 2024-02-23 新增使用者名連結至個人主頁 右上角新增按鈕跳轉至評論位置 部署教程 將下方代碼放置在主題目錄下的function.php或者新建一個func.php檔 如果只希望在首頁顯示，可以通過後台小工具 →... -
009
【子比】頂部多功能元件加個可愛的小人
效果演示 使用教學 打開子比主題-頁面顯示-頂部多功能元件-背景內容-幻燈片疊加文案 按照我上面的截圖配置，幻燈片文案你輸入一個空格就行，然後幻燈片簡介代碼以及背景圖片如下，記得PC和移動端字體的大小要都是12PX，底部居中即可!! 使用教學 -
003
【Wordpress】文章頁添加彩色漸變框美化
給文章加一個彩色漸變框！ 非常好看！ 效果演示 使用教學 最後說一下，我研究出來這個框的有一點不好，那就是古騰堡，因為這個東西你如果加了創建區塊，然後就是不行，下一次點擊這個區塊然後就把以前用的漸變框文字給覆蓋了！ ，所以這樣我們之間發文章的時候我們要自定義HTML，把以下代碼放裡面！ 選擇自己喜歡的漸變框，放到自定義HTML即可！ 如下圖，可以選擇自己喜歡的框！ HTML<div id=&... -
008
【Wordpress】文章側邊加一個滾動公告
Wordpress美化的一個小工具樣式，滾動公告，有些重要的公告可以起到提示的作用，或者網站某些活動還可以設置自己的點擊跳轉等。 效果演示 使用教學 將下面的代碼放到小工具自定義HTML裡面即可 -
001
【Wordpress】大氣炫彩流光文字特效美化代碼
WordPress美化之大氣炫彩流光文字特效美化代碼 效果演示 使用教學 我們以演示圖位置為例，當然你也可以加到你想要的任意位置： 好了，教程到這裡就結束了。 -
002
【B2】首頁文章標題美化
效果演示 使用教學 首先找到b2主題或者子主題下面的/themes/b2child/Modules/Templates/Modules/posts.php搜索代碼modules-title-box然後對應下面的代碼添加 PHP // $desc = in_array('desc',$post_meta); $randomNumber = rand(1, 7); //$desc ... -
003
【Wordpress】單個文章設置有效期，到期自動下線美化版
使用教學 將代碼放在func.php，然後在後台編輯或新建文章，有一個文章有效期模組 保存或更新後，前台對應文章就會有一個倒計時。 時間一到，自動進入回收站。 原文的倒計時我覺得有一點簡單，所以我使用AI修改了一下，美化圖如下： 另外，原文模組是在文章上面，我給修改到下面了。 代碼 PHP<?php //文章有效期 CSF::createMetabox('post_validity... -
003
【B2】免外掛程式實現 FancyBox燈箱
7b2主題是沒有圖片燈箱效果的，FancyBox 圖片燈箱效果不僅可以點擊圖片放大，而且還支援幻燈片播放、全屏查看、縮略圖清單以及分享照片的功能。 效果演示 使用教學 • 將下方代碼添加到</head>之前 HTML<script src="//code.jquery.com/jquery-3.3.1.min.js"></script> &l... -
001
博客添加動態彈簧人物效果
今天就來說一下博客怎麼添加 GitHub上sakana大佬的開源專案 效果演示 使用教學 找到主題編輯器，在 footer.php 添加如下代碼即可 HTML<div class="sakana-box"></div> <script src="https://cdn.jsdelivr.net/npm/sakana">&l... -
006
【Wordpress】右鍵功能表及F12美化
效果演示 使用教學 新增CSS和JS 網站頭部新增如下代碼 HTML<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-i/chenyu/css/chenyuyj.min.css" /> <link rel="stylesheet" href="... -
004
【B2】首頁添加導航區塊樣式
效果演示 使用教學 以下代碼放到後台-模組管理-自定義 HTML<div class="home-row-left content-area "><div id="html-box-sige" class="html-box"><div class="home-first-screen"&... -
003
【WordPress】增加文章內頁顯示最後編輯時間
效果演示 使用教學 打開/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加，當然你也可以添加到你自己喜歡的地方，樣式自己調 PHP<div class="operTips">文章最後更新於：<?php echo get_the_modified_time('... -
003
【B2】代碼塊添加一鍵複製和美化
效果演示 使用教學 CSS/*為pre區域添加一鍵複製*/i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-index:...
-
￥優惠劵使用時效：無法使用使用時效：
之前
使用時效：永久有效優惠劵ID：×