当前位置:首页WordPress美化教程【7b2美化】文章添加tab选项卡功能,自定义可编辑

【7b2美化】文章添加tab选项卡功能,自定义可编辑

美化效果 美化教程 问题反馈

美化效果

本站就是美化的效果查看本站就是实际的效果
【7b2美化】文章添加tab选项卡功能,自定义可编辑

下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

1、把下载的2个代码放入:子主题/Center/Control/Settings下面

2、路径:子主题/TempParts/Single/content.php,打开这个文件,大概在83行左右<?php } ?>后面把

<?phpthe_content(); ?>

替换以下代码

3、打开子主题根目录functions.php文件引入tab组件,这个随便引入哪里都可以看自己心情不要最后一样最好是前面一些。

  // 引入Tab组件Metabox (经典编辑器版本)
  require_once get_stylesheet_directory() . '/Center/Control/Settings/Tab_Metabox_Classic.php';
  
  // 引入Tab短代码处理功能
  require_once get_stylesheet_directory() . '/Center/Control/Settings/Tab_Shortcode.php';

4、路径子主题/Render/Js/jitheme.js打开加入前端JavaScript代码

5、路径:子主题/Render/Css/jitheme.css,打开加入tab选项卡样式,把他放到最底部就行。

6、接下来的直接上传替换代码覆盖就行,移动端tab样式自适应,路径:子主题/Render/Css/mobile.css,覆盖mobile.css、onbile_1200.css、phb.css这三个文件就行。

7、重新构建 TOC 初始化逻辑,确保加入了tab选项卡,在文章内的目录功能能够实时同步,如果用不到文章目录小工具的可以不用替换没事。

路径:wp-content/themes/b2/Assets/fontend/single.js

直接覆盖:single.js文件即可。

8、增加隐藏内容短代码逻辑给隐藏短代码添加唯一标识,如果你用不到的也可以不用改,直接覆盖文件:wp-content/themes/b2/Modules/Common/Shortcode.php,

Shortcode.php文件就行。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧

给TA买糖
共{{data.count}}人
人已买糖
美化教程

【7B2主题美化】手机端菜单右下角添加客服图片

2025-9-17 22:35:15

美化教程

把阿里图标库引入到我的WordPress主题菜单栏中

2025-9-11 17:25:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索