三、wordpress中图片主题iphoto的使用

概述

系统结构图

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

最终效果

PC：www.hershoes.top

手机H5：m.hershoes.top

安卓客户端：http://hershoes.top/hhs.apk