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

2023-04-17 19:03:07 浏览数 (3)

既《至顶至底 (雷姆拉姆)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。

0 人点赞