wordpress圖片主題GK Portfolio以及圖片分頁,頁碼縮略,點擊翻頁

GK Protfolio主題

如果你是攝影愛好者，旅行者，設計師，又或者是個人工作室，那麼這款主題非常合適，可以很輕鬆，優雅的展示你的作品。

主題功能：

1.主題多屏自適；

2.主題常規設置可以通過主題–自定義功能操作；

3.主題在線演示：DEMO

圖片分頁

文章中有很多圖片，如何讓圖片分頁展示呢，可以使用wordpress內置的分頁區塊
### 頁碼縮略
圖片分頁之後有一個問題，所有的頁碼都顯示了出來，結果不夠友好。可以使用wordpress的filter機制，添加一個filter如下

add_filter('wp_link_pages_link', 'hhs_wp_link_pages_link',10,2);
function hhs_wp_link_pages_link($link,$i){
	global $page, $numpages, $more, $pagenow;
	//$page 當前頁碼
	//$numpages 總頁碼
	//$more 是否是最後一頁
 // 上一頁 1 2 3 4 ... 45 下一頁
	//如果numpages大於10則顯示...，否則直接顯示頁碼
	if ($numpages < 11){
		return $link;
	}
	else{
		//第1頁和最後1頁總是顯示
		//當前頁碼相鄰的4個頁碼顯示，其他的以。。。替代
		// 如果前後的相鄰不夠4個，則全部顯示
		
		if($i == 1 || $i == $page){
			return $link;
		}
		else if($i == $numpages){
			return $link . ' ';
		}
		else if($i < $page){
			if($i == $page-4)
				return '...';
			else if($i < $page-4)
				return '';
			return $link;
		}
		else if($i > $page){
			if($i == $page+4)
				return '...';
			else if($i > $page+4)
				return '';
			return $link;
		}
	}
}

### 點擊翻頁
點擊翻頁實現代碼如下：

function nextpage(){
	global $pages;
	$link = get_permalink();
	$max_page = count($pages);
	if (get_query_var('page')) {
		$pageno = get_query_var('page');
	}
	else{
		$pageno = '1';
	}
	$next = $pageno+'1';
	if ($pageno == $max_page) {
		$nextpage = get_permalink(get_adjacent_post(true,'',true));
	}
	else{
		$nextpage = $link.'/'.$next;
	}
	return $nextpage;
}
function img_info ($img_info){
	$pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)alt=('|\")(.*?)('|\")(.*?)>/i";
	$replacement = '<a href="'.nextpage().'" title="點擊圖片查看下一張" ><img$1src=$2$3.$4$5 alt="'.get_the_title().'" $10></a>';
	$img_info = preg_replace($pattern, $replacement, $img_info);
	return $img_info;
}
add_filter('the_content', 'img_info');

即可實現點擊圖片翻頁

參考

WordPress圖片主題：GK Portfolio
整體效果