RiPro v2主题 – 鼠标指针美化

a89592c32920250217124554

美化说明:
默认指针看够了?想换成二次元图片?炫酷图标?或者自定义成自己喜欢的模样,那就试试集成以下这个功能吧!
代码部署:
首先利用宝塔或则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);
}

 

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容