前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >至顶至底 (雷姆拉姆)WordPress插件

至顶至底 (雷姆拉姆)WordPress插件

作者头像
泽泽社长
发布2023-04-17 19:03:07
1640
发布2023-04-17 19:03:07
举报
文章被收录于专栏:泽泽社

既《至顶至底 (雷姆拉姆)emlog插件》插件发布后,特此发布WordPress版本的插件。

链接: https://pan.baidu.com/s/1dGkScvR 密码: fppk

下载解压后将文件夹名字改成lamuleimu,然后传到插件目录启用插件即可。

插件默认加载了 jq,如果你的模板本身就加载了 jq,可以到插件设置中关闭加载。

插件源码 index.php

代码语言:javascript
复制
<?php
/*
Plugin Name: 拉姆雷姆至顶至底插件
Plugin URI: https://blog.zezeshe.com/archives/top-to-bottom-rem-ram-wp-plugin.html
Description: 网页左右下角分别是拉姆和雷姆,点击就会触发至顶至底功能
Author: Jrotty
Version: 1.1
Author URI: https://zezeshe.com
*/
define('LL_VERSION', '1.1');
define('LL_URL', plugins_url('', __FILE__));
define('LL_PATH', dirname(__FILE__));
require LL_PATH . '/leimu.php';
//添加设置页面
add_action('admin_menu', 'll_options');
function ll_options() {
    add_menu_page('拉姆雷姆', '拉姆雷姆', 'manage_options', __FILE__, 'll_options_code');
}
//注册设置
add_action('admin_init','ll_setting');
function ll_setting(){
  register_setting('ll_setting_group','ll_options');
}
function ll_options_code(){ ?>
<div style="
    margin: 20px 10px 5px 0;    border: 2px solid #707070;
    padding: 10px;
">
         <form method="post" action="options.php">
          <?php 
        settings_fields('ll_setting_group');
        $jqq = get_option('ll_options');
        $input = isset($_POST['mid'])?$_POST['mid']:''; 
        $type = isset($_POST['select'])?$_POST['select']:''; 
          ?>
      <div>
            <input type="checkbox" name="ll_options[jq]" class="autoplay" value="1" <?php checked('1',$jqq['jq']); ?> /><span>加载jq</span>
        <p><b>当前状态:</b><?php if($jqq['jq']==1){echo"已加载jq";}else{echo"已关闭加载jq";}; ?></p>
          </div>  <p>
        该插件需要加载jq,如果你的模板已经引用了jq,则可以取消勾选!!!</p>
    
        <input type="submit" name="save" class="button" value="保存设置" />
      </form>
</div>
      <?php if ( isset($_REQUEST['settings-updated']) ){
        echo '<div id="message" class="updated"><p>保存成功了哦!</p></div>';
      }?>
     
<?php
}
?>

leimu.php

代码语言:javascript
复制
<?php
add_action('wp_enqueue_scripts', 'll_scripts');
function ll_scripts() {
    wp_enqueue_style('yodu-bgm', LL_URL . '/style.css', array(), LL_VERSION, 'all');
}
add_action('wp_footer', 'll_bar');
function ll_bar(){ 
$jqq = get_option('ll_options');
echo '<div id="updown"> 
<div class="sidebar_wo" id="leimu">
<img src="'.LL_URL .'/leimu_1.png" alt="雷姆" onmouseover="this.src=\''.LL_URL .'/leimu_2.png\'" onmouseout="this.src=\''.LL_URL .'/leimu_1.png\'" id="audioBtn">
</div>
<div class="sidebar_wo" id="lamu">
<img src="'.LL_URL .'/lamu_1.png" alt="雷姆" onmouseover="this.src=\''.LL_URL .'/lamu_2.png\'" onmouseout="this.src=\''.LL_URL .'/lamu_1.png\'" id="audioBtn">
</div>';
  if($jqq['jq']==1){
echo'<script src="'.LL_URL .'/jquery.js" type="text/javascript"></script>';
  }
  echo'<script src="'.LL_URL .'/ud.js"></script>
';
}

因为之前搞过YoduBGM的WordPress版插件,所以这次就在YoduBGM的代码中魔改出来了,这样能到达快速成品的效果!(其实就是懒)

效果图

WordPress-lamuleimu

吐槽 相比emlog版本的插件来说,这个更走心一点,多了个插件设置功能,通过设置可以选择是否加载JQ。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档