大前端DUX主题首页添加热门文章模块

前段时间一个网友说喜欢 XIU 主题上的首页热门文章模块,问能不能在DUX主题首页同样实现这个模块。一直忙于工作没有时间,这两天闲下来便看了一下,最终历经曲折算是实现了这一功能,下面就将实现方法分享给大家希望能够帮助到同样需要这一功能的朋友们,下面是我设置完成后前端的显示效果,基本上是模仿 XIU 主题的,当然如果你有其他的创意也可以自行修改相关代码。

dux-home-page-hot-post-1

此次对主题的修改操作主要涉及index.php、options.php以及css文件夹中的main.css,并且我们需要新建一个名为 qgg_recent_posts_most 的php文件填写相关代码丢到主题的modules文件加下,在主题修改之前还是提醒大家备份一下相关文件以防误操作引起的网站崩溃。

options.php文件修改

DUX主题以及大前端的其他一些主题都是使用 Options Framework 框架添加后台设置选项的,所以说如果有想学习并且想以后自行添加后台设置选项的可以先了解一下 Options Framework 。这里我们只需要将下面这段代码添加到主题 options.php 文件的末尾 return $options; 之前即可。

/**
     自定义后台设置
     */
	$options[] = array(
		'name' => __('蝈蝈功能', 'haoui'),
		'type' => 'heading');
	$options[] = array(
		'name' => __('首页热门排行', 'haoui'),
		'id' => 'most_list_s',
		'std' => true,
		'desc' => __('开启', 'haoui'),
		'type' => 'checkbox');
	$options[] = array(
		'name' => __('首页热门排行-模式', 'haoui'),
		'id' => 'most_list_style',
		'std' => "comment",
		'type' => "radio",
		'options' => array(
			'comment' => __('按文章评论数', 'haoui'),
			'view' => __('按文章阅读数', 'haoui')
		));
	$options[] = array(
		'name' => __('首页热门排行-标题', 'haoui'),
		'id' => 'most_list_title',
		'std' => __('一周热门排行', 'haoui'),
		'type' => 'text');
	$options[] = array(
		'name' => __('首页热门排行-多少天内', 'haoui'),
		'id' => 'most_list_date',
		'std' => 7,
		'class' => 'mini',
		'type' => 'text');
	$options[] = array(
		'name' => __('首页热门排行-显示文章数', 'haoui'),
		'id' => 'most_list_number',
		'std' => 5,
		'class' => 'mini',
		'type' => 'text');

添加完上述代码后我们既可以在主题的后台设置选项下看到一个名为“蝈蝈功能”的选项卡,该选项卡下包含以下内容:

dux-home-page-hot-post-2

实用教程

DUX主题添加实现VIP评论等级功能

2020-3-14 2:20:14

实用教程

纯代码实现WordPress邮件发送接收功能及SMTP配置教程

2020-3-14 17:06:48

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索