前言
转自执念博客，仅做备份！
对于Joe主题无法实现分页按钮分页设计可能有很多人无法接受，本教程将实现首页分页按钮可实现分页功能
成品效果
修改教程
一、修改 index.php 文件
修改 index.php ，文件路径： usr/themes/Joe
1、第一部分：
添加以下代码：
<script>
document.addEventListener('DOMContentLoaded', () => {
window.Joe.PAGE_INDEX = '<?php echo $this->_currentPage; ?>' || 1;
});
</script>{/tabs-pane}
{tabs-pane label="添加位置"}
{/tabs-pane}
2、第二部分：
替换以下代码，或者添加后注释掉原来的代码
{/tabs-pane}
{tabs-pane label="添加位置"}
{/tabs-pane}
二、修改 functions.php 文件
直接在 functions.php 最后添加以下代码
如有 Joe/public/custom.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}
三、修改joe.index.min.js文件
修改 Joe/assets/js/joe.index.min.js
截图中的两部分将数字 1 改为以下代码
window.Joe.PAGE_INDEX{/tabs-pane}
{tabs-pane label="修改位置"}
{/tabs-pane}
结束
教程结束，快去后台开启刷新看看效果吧！
评论 (97)