『转载』『教程』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());

三、修改joe.index.min.js文件

修改 Joe/assets/js/joe.index.min.js

{tabs-pane label="代码"}

截图中的两部分将数字 1 改为以下代码

window.Joe.PAGE_INDEX

{/tabs-pane}
{tabs-pane label="修改位置"}

{/tabs-pane}

代码

修改位置

截图中的两部分将数字 1 改为以下代码

window.Joe.PAGE_INDEX

结束

教程结束，快去后台开启刷新看看效果吧！

『笔记』『教程』群晖DSM7.0.1开启ssh及sftp及root用户登录，访问群辉根目录

『原创』『教程』首页及文章页滚动广告栏

『原创』『教程』给你的Typecho博客侧边栏加一个恋爱计时（修复夜间模式样式）

前言

成品效果

修改教程

一、修改 index.php 文件

1、第一部分：

2、第二部分：

二、修改 functions.php 文件

三、修改joe.index.min.js文件

结束

评论 (101)