三、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，如下：

瀏覽器訪問http://127.0.0.1/wordpress安裝:

在xampp面板的MySQL，點擊Admin按鈕打開phpmyadmin，創建一個數據庫：

瀏覽器中點擊"現在就開始"按鈕並填寫信息：

注意生產環境中，密碼切勿是空的

設置站點信息並開始安裝

訪問 http://127.0.0.1/wordpress/ 即可看到默認主題的站點

wordpress主題啓用

將下載的主題解壓，放入wordpress對應目錄：

登錄後臺管理，進入外觀=>主題設置界面，啓用主題

設置插件爲啓用 WizyLike WP-Img WP-PostViews

查看站點

發佈文章

打開後臺管理，添加文章，填寫標題和圖像區塊

圖片可以上傳添加，也可以輸入url查看

完成後，發佈文章

問題：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在後臺管理界面中，可以設置最多顯示多少文章

設置大一些即可

最終效果

PC：www.hershoes.top

手機H5：m.hershoes.top

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