『转载』『教程』Joe主题新增首页文章分页功能

前言

转自执念博客，仅做备份！

对于Joe主题无法实现分页按钮分页设计可能有很多人无法接受，本教程将实现首页分页按钮可实现分页功能

成品效果

前台

后台

修改教程

一、修改 index.php 文件

修改 index.php ，文件路径： usr/themes/Joe

1、第一部分：

添加以下代码：

{tabs-pane label="代码"}

<script>
    document.addEventListener('DOMContentLoaded', () => {
        window.Joe.PAGE_INDEX = '<?php echo $this->_currentPage; ?>' || 1;
    });
</script>

{/tabs-pane}
{tabs-pane label="添加位置"}

{/tabs-pane}

代码

添加位置

<script>
    document.addEventListener('DOMContentLoaded', () => {
        window.Joe.PAGE_INDEX = '<?php echo $this->_currentPage; ?>' || 1;
    });
</script>

2、第二部分：

替换以下代码，或者添加后注释掉原来的代码

代码

添加位置

此处内容作者设置了回复可见

二、修改 functions.php 文件

直接在 functions.php 最后添加以下代码

~~如有 Joe/public/custom.php 也可以加在这个文件里~~

{tabs-pane label="代码"}

$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}

代码

添加位置

$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());