WordPressB2主题美化之登陆弹窗(2021年12月更新)

适用于WordPress网站7B2主题的登陆弹窗界面美化教程

效果图

WordPressB2主题美化之登陆弹窗(2021年12月更新)

美化教程

(教程来源自许天娱乐,原文地址:https://www.ahap.cn/5529.html)

1.放置js代码

  • 有子主题就放在child.js文件中
$(function(){
/*弹窗登录效果-www.qitabbs.com*/
$("#login-box .login-box-content").addClass("b2-radius");
$('.login-box-content').prepend('<div class="aibk_com_login">'+
'<div class="wxlogin-sidebar">'+
'<div>'+
'<h3>奇它论坛-www.qitabbs.com</h3>'+
'<p>❤ 日常办公、行业软件完备全套</p>'+
'<p>❤ 影视动漫、学习教程应有尽有</p>'+
'<p>❤ 通通高速网盘分享、拒绝百度云盘</p>'+
'</div>'+
'</div>'+
'</div>'
);
})

如果没有子主题可以在网站根目录自己建一个dl.js文件,在主题目录footer.php文件中底的 <?php wp_footer() ; ?> 上面填写以下代码即可

<script src="/dl.js"></script>

2.引入jquery

主题根目录functions.php文件中插入下方代码:

wp_enqueue_script( 'b2-jquery','https://img.ahap.cn/file/ahap/jquery.min.js', array(), null , false );

其中jquery.min.js文件可以自己下载到服务器

3.css样式代码:

加入到主题文件目录的style.css中,代码中的图片自行替换我的是375 × 500 像素

更多B2主题美化教程

WordPressB2主题美化之登陆弹窗(2021年12月更新)
WordPressB2主题美化之登陆弹窗(2021年12月更新)

WordPress网站B2主题用户等级、圈子用户等级美化

WordPressB2主题美化之登陆弹窗(2021年12月更新)
WordPressB2主题美化之登陆弹窗(2021年12月更新)

WordPress网站7b2主题签到按钮美化

WordPressB2主题美化之登陆弹窗(2021年12月更新)
WordPressB2主题美化之登陆弹窗(2021年12月更新)

WordPress B2主题美化之猜你喜欢(相关文章)

 

经验·技巧网站建设

WordPress网站7b2主题签到按钮美化

2021-12-2 20:08:11

经验·技巧网站建设

WordPress5.8切换恢复经典编辑器、经典小工具功能

2021-12-16 12:53:06

30 条回复 A文章作者 M管理员
  1. 技术宅

    看看还能不能用

  2. null000

    看看还能不能用

  3. 搬运狗

    看看还能不能用

  4. sdasdas

    新版本用不了

    • 站长老白

      不知道,我的老版本可用,新版暂未更新

  5. sdasdas

    wer

  6. jie

    wo jiukankankan

  7. gitmba

    感谢

  8. B2b2

    阿大声道

  9. 156165

    阿大声道

  10. 小天11

    支持

  11. 1321321321

    支持

  12. adhong

    教程已失效?

    • 站长老白

      失效没失效,我的网站看得到

  13. adhong

    支持

  14. 阿雨

    支持

  15. 手掌心

    支持支持

  16. 花

    666666666666

  17. fnzxl

    新版用不了,wordpress5.9用不了

    • 站长老白

      好的,后面修改新教程

  18. Floweri

    看一看

    • 站长老白

      这个好像不行了,我的新版本已经用不了了

    • 站长老白

      已经修复了新版主题教程

  19. suMmerstyle

    6666

  20. One

    666

  21. 大男

    6

个人中心
购物车
今日签到
有新私信 私信列表
搜索