点击广告查看隐藏内容....
对于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分钟
点击广告查看隐藏内容....
看看
666
djjddjjd
666666
kankan
6666
55
。。。
111
发发发
test
66666666
看看 怎么设置
就看看看看
来看看
niubi6666
牛逼
gyy
666
kk
拿走
拿走了
321213213
嗯哼
来看看。
111111
来看看
大大
66