点击广告查看隐藏内容....
对于Joe主题无法实现分页按钮分页设计可能有很多人无法接收,本教程将实现首页分页按钮可实现分页功能
0.成品图
{/tabs-pane}
{tabs-pane label="后台设置"}
{/tabs-pane}
1.新建文件 pagination.php,文件路径:usr/themes/Joe-master/public
2.修改index.php,文件路径:usr/themes/Joe-master
第一部分:
<script>
document.addEventListener('DOMContentLoaded', () => {
window.Joe.PAGE_INDEX = '<?php echo $this->_currentPage; ?>' || 1;
});
</script>
{/tabs-pane}
{tabs-pane label="代码截图"}
{/tabs-pane}
第二部分,删掉一行,添加一行
<?php $this->need('public/pagination.php'); ?>
<!--<div class="joe_load">查看更多</div>-->
{/tabs-pane}
{tabs-pane label="代码截图"}
{/tabs-pane}
3.修改usr/themes/Joe-master/public/custom.php,如果不存在则修改usr/themes/Joe-master/functions.php
$JPageStatus = new Typecho_Widget_Helper_Form_Element_Select(
'JPageStatus',
array('default' => '按钮切换形式(默认)', 'ajax' => '点击加载形式'),
'default',
'选择首页的分页形式',
'介绍:选择一款您所喜欢的分页形式'
);
$JPageStatus->setAttribute('class', 'joe_content joe_custom'); // 如果无法显示设置,将joe_custom替换为joe_other
$form->addInput($JPageStatus->multiMode());
{/tabs-pane}
{tabs-pane label="代码截图"}
{/tabs-pane}
4.修改usr/themes/Joe-master/assets/js/joe.index.min.js
window.Joe.PAGE_INDEX
{/tabs-pane}
{tabs-pane label="代码截图"}
{/tabs-pane}
全量文件下载地址:
本文共 218 个字数,平均阅读时长 ≈ 1分钟
点击广告查看隐藏内容....
6666
特地过来学习,谢谢。
得得非法
6
感谢
嘎嘎棒~
6666666666666666
嘎嘎嘎嘎
h
看看
666
djjddjjd
666666
kankan
6666
55
。。。
111
发发发
test
66666666
看看 怎么设置
就看看看看
来看看
niubi6666
牛逼
gyy
666
kk