概述
系统结构图
hs系统的内容发布，使用的是wordpress，WordPress是使用PHP语言开发的博客平台。经过搜索，找到了一个合适的主题iphoto，但是安装wordpress(版本 5.2.3 )和设置主题的时候，还有一点问题，记录下来。
xampp
安装
XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建站集成软件包。这个软件包原来的名字是 LAMPP，但是为了避免误解，最新的几个版本就改名为 XAMPP 了。 windows下载安装包安装即可。
启动
打开xampp面板，启动apache和mysql
面板
wordpress下载安装
官网下载后，解压到htdocs，如下：
wordpress目录
浏览器访问http://127.0.0.1/wordpress安装:
install
在xampp面板的MySQL，点击Admin按钮打开phpmyadmin，创建一个数据库：
wordpress_dbc.png
浏览器中点击"现在就开始"按钮并填写信息：
wordpress_db.png
注意生产环境中，密码切勿是空的
insall_done.png
设置站点信息并开始安装
wordpress_title.png
login.png
访问 http://127.0.0.1/wordpress/ 即可看到默认主题的站点
wordpress主题启用
将下载的主题解压，放入wordpress对应目录：
theme.png
登录后台管理，进入外观=>主题设置界面，启用主题
theme_on.png
设置插件为启用 WizyLike WP-Img WP-PostViews
plugins.png
查看站点
error.png
发布文章
打开后台管理，添加文章，填写标题和图像区块
add_post.png
图片可以上传添加，也可以输入url查看
add_post1.png
完成后，发布文章
post.png
问题：iphoto主题显示的图集只显示两个
wp-content/themes/iphoto/index.php中有如下代码
<?php get_header(); ?>
<div id="cate" data-type="index" data-name="index"></div>
<div id="container">
<?php if(have_posts()):
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$paged = $paged*4-3;
$prePage = get_option('posts_per_page')/4;
if(isset($_GET['order'])){
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'meta_key' => $_GET['order'],
'orderby' => 'meta_value_num',
'showposts'=> $prePage,
'paged' => $paged,
'order' => DESC
);
}else{
$args = array(
'showposts'=>$prePage,
'paged' => $paged
);
}
query_posts($args);
while (have_posts()) : the_post(); ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<?php endwhile; endif; ?>
</div>
<div id="pagenavi">
<?php pagenavi();?>
</div>
<?php get_footer(); ?>
$prePage = get_option('posts_per_page')/4;
posts_per_page在后台管理界面中，可以设置最多显示多少文章
page.png
设置大一些即可
hs.png
最终效果
手机H5：m.hershoes.top
