Joe主题实现在手机菜单栏里添加自定义模块

Joe主题实现在手机菜单栏里添加自定义模块

圣羊ちゃん
2021-11-29 / 31 评论 / 423 阅读 / 正在检测是否收录...

使用Joe主题的都知道,只有电脑端才会有侧栏模块,手机端就只有中间的文章栏,这就导致很多人的自定义侧栏模块在手机端无法看到。
但我们会发现,Joe主题手机的菜单栏存在很大的空白,这个地方用来放自定义模块再好不过了。
Test
就像这样:
Test

操作步骤

首先你要准备如下代码:

然后进入网站文件:
usr/themes/Joe-master/public/header.php
在如下位置放上代码:
Test
位置应该在文件尾部
</div>
<div class="joe_header__mask"></div> 这行代码上面
装了弹幕系统的二改版可能稍微靠前些
完成后就可以在手机端菜单看到你的自定义模块啦!
如果想插入到其他地方,也可以自己摸索,同样找规律即可。

7

打赏

海报

正在生成.....

评论 (31)

取消
  1. 头像
    Windows 10 · Google Chrome
    沙发

    老零零三零六十六

    回复 删除 垃圾
  2. 头像
    1
    Android · Google Chrome
    板凳

    来看看表情表情

    回复 删除 垃圾
  3. 头像
    123
    Windows 10 · Google Chrome
    地毯

    表情

    回复 删除 垃圾
  4. 头像
    Android · Google Chrome
    第4楼

    表情

    回复 删除 垃圾
  5. 头像
    阿洋
    Android · Google Chrome
    第5楼

    表情

    回复 删除 垃圾
  6. 头像
    阿洋
    Android · Google Chrome
    第6楼

    表情

    回复 删除 垃圾
  7. 头像
    ab13
    MacOS · Google Chrome
    第7楼

    mark下

    回复 删除 垃圾
  8. 头像
    ttxyy
    Linux · Google Chrome
    第8楼

    6666666666厉害

    回复 删除 垃圾
  9. 头像
    ttxyy
    Linux · Google Chrome
    第9楼

    干货满满!

    回复 删除 垃圾
  10. 头像
    雨瞑
    iPhone · Safari
    第10楼

    近来可好/

    回复 删除 垃圾
  11. 头像
    1
    Windows 10 · Google Chrome
    第11楼

    我试试把二维码放进去

    回复 删除 垃圾
  12. 头像
    IT不难
    MacOS · Google Chrome
    第12楼

    看看,学习一下

    回复 删除 垃圾
  13. 头像
    Windows 10 · Google Chrome
    第13楼

    6666,可以不错表情

    回复 删除 垃圾
  14. 头像
    Windows 10 · Google Chrome
    第14楼

    我2222222

    回复 删除 垃圾
  15. 头像
    66666
    Windows 10 · Google Chrome
    第15楼

    22222

    回复 删除 垃圾
  16. 头像
    邱全增
    Android Oreo · Google Chrome
    第16楼

    奈斯

    回复 删除 垃圾
  17. 头像
    微微
    Android Oreo · Google Chrome
    第17楼

    不错呀

    回复 删除 垃圾
  18. 头像
    精彩焘
    Windows 10 · Google Chrome
    第18楼

    6666666

    回复 删除 垃圾
  19. 头像
    Android Oreo · Google Chrome
    第19楼

    厉害

    回复 删除 垃圾
  20. 头像
    6776
    Android · QQ Browser
    第20楼

    6464646

    回复 删除 垃圾
  21. 头像
    wadas
    Windows 10 · Google Chrome
    第21楼

    学习!学习!

    回复 删除 垃圾
  22. 头像
    东方
    Windows 10 · Google Chrome
    第22楼

    学习

    回复 删除 垃圾
  23. 头像
    jdjd
    Android · Google Chrome
    第23楼

    快点快点你懂吗

    回复 删除 垃圾
  24. 头像
    应该够
    Android · QQ Browser
    第24楼

    嗯嗯SNS

    回复 删除 垃圾
  25. 头像
    马三宝
    Windows 10 · Google Chrome
    第25楼

    不要注意我!

    回复 删除 垃圾
  26. 头像
    一只
    iPhone · QQ Browser
    第26楼

    谢谢

    回复 删除 垃圾
  27. 头像
    恶魔
    Android · QQ Browser
    第27楼

    我来拿东西啦!

    回复 删除 垃圾
  28. 头像
    执念博客
    Windows 10 · Google Chrome
    第28楼

    小伙子不错

    回复 删除 垃圾
  29. 头像
    安徒
    Android · QQ Browser
    第29楼

    看看

    回复 删除 垃圾
  30. 头像
    永恒小站站长
    iPhone · QQ Browser
    第30楼

    我来看看

    回复 删除 垃圾
    1. 头像
      圣羊ちゃん 作者
      Android · Google Chrome
      @ 永恒小站站长

      原来你也会啊表情

      回复 删除 垃圾