声明:本站源码仅做学习研究,严禁用于任何商业用途以及任何变现!

功能介绍

感觉每次进入自己站点都对鼠标指针不满意,想换成二次元图片?炫酷图标?或者自定义成自己喜欢的模样,那就试试集成以下这个功能吧!

配置教程

首先利用宝塔或则FTP打开/inc/options下的admin-options.php文件把下面代码放在20行左右

array(
'id' => 'is_diy_mouse',
'type' => 'switcher',
'title' => '鼠标指针美化',
'label' => '启用后可自定义鼠标样式',
'default' => false,
),
array(
"id" => "body_mouse_img", 
"type" => "upload", 
"title" => "普通指针图片", 
'placeholder' => 'http://',
'button_title' => '上传',
'remove_title' => '删除',
"dependency" => 
array("is_diy_mouse", "==", 'true',)
),
array(
"id" => "hover_mouse_img", 
"type" => "upload", 
"title" => "链接指针图片", 
'placeholder' => 'http://',
'button_title' => '上传',
'remove_title' => '删除',
"dependency" => 
array("is_diy_mouse", "==", 'true',)
),

最后在主题根目录下打开functions.php将以下代码放在最后即可

//+----------------------------------------------------------------------
//| 鼠标指针美化
//+----------------------------------------------------------------------
if (_cao('is_diy_mouse')){
add_action('wp_footer', function () {
$body_mouse_img=_cao('body_mouse_img');
$hover_mouse_img=_cao('hover_mouse_img');
echo <<<EOT
<style>
body {cursor: url($body_mouse_img), default;}
a:hover{cursor:url($hover_mouse_img), pointer;}
</style>
EOT;
}, 100);
}