熱評
加載中...
當前位置:首頁技術館建站教學二開美化【Wordpress】右鍵功能表及F12美化

【Wordpress】右鍵功能表及F12美化

效果演示

【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="https://at.alicdn.com/t/font_2611504_8nq4wp1bmb3.css" />
<script src="https://cdn.jsdelivr.net/gh/cy-i/chenyu/js/ysnino6.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cy-i/chenyu/js/chenyuyj.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cy-i/chenyu/js/layer/layer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>

正文代碼

網站正文<body>...... </body>之間或foot檔裡新增如下代碼:

HTML
<!-- 右鍵美化 -->
<div class="usercm" style="left: 199px; top: 5px; display: none;">
    <ul>
        <li><a href="https://angelal.cc/"><i class="cyicon chenyu-rhome-fill"></i><span>首頁</span></a></li>
        <li><a href="javascript:void(0);" onclick="getSelect();"><i class="cyicon chenyu-fuzhi"></i><span>復製</span></a></li>
        <li><a href="javascript:history.go(1);"><i class="cyicon chenyu-go"></i><span>前進</span></a></li>
        <li><a href="javascript:history.go(-1);"><i class="cyicon chenyu-backward"></i><span>後退</span></a></li>
        <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="cyicon chenyu-shuaxin"></i><span>刷新</span></a></li>        
        <li><a href="javascript:void(0);"  onclick="baiduSearch();"><i class="cyicon chenyu-baidu"></i><span>百度</span></a></li>
        <li style="border-bottom:1px solid gray"><a href="javascript:void(0);" onclick="googleSearch();"><i class="cyicon chenyu-google1"></i><span>谷歌</span></a></li>
        <li><a target="_blank" href="//tools.chenyu.me/"><i class="cyicon chenyu-gongjuxiang"></i><span>百寶箱</span></a></li>
        <li><a href="https://angelal.cc/"><i class="cyicon chenyu-service-Fill"></i><span>AngelaL博客</span></a></li>        
        </ul>
</div>
<!-- 右鍵美化結束 -->

您已閱讀完《WordPress(共53篇)》專題的第 19 篇。請繼續閱讀該專題下面的文章:

AngelaL博客

       本文是原創文章,採用CC BY-NC-SA 4.0協議,完整轉載請註明來自AngelaL博客

給TA打賞
共{{data.count}}人
人已打賞
二開美化

Nginx 加強 WordPress 防護的規則

2025-2-26 21:32:11

二開美化

根據不同時間顯示不同的提醒

2025-2-26 22:21:31

0 條回复 A文章作者 M管理员
    
    暫無討論,說說你的看法吧
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索