<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Life &#187; ec</title>
	<atom:link href="http://life.co-hey.com/tag/ec/feed/" rel="self" type="application/rss+xml" />
	<link>http://life.co-hey.com</link>
	<description></description>
	<lastBuildDate>Tue, 17 Jan 2012 08:15:38 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>color me shopにページャーをつける</title>
		<link>http://life.co-hey.com/2010/07/color-me-shop%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b/</link>
		<comments>http://life.co-hey.com/2010/07/color-me-shop%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b/#comments</comments>
		<pubDate>Wed, 07 Jul 2010 00:00:57 +0000</pubDate>
		<dc:creator>co-hey</dc:creator>
				<category><![CDATA[web & pc]]></category>
		<category><![CDATA[ec]]></category>
		<category><![CDATA[smarty]]></category>

		<guid isPermaLink="false">http://life.co-hey.com/?p=726</guid>
		<description><![CDATA[color me shopをいじる機会があったので、今回作ったページャーをご紹介。 テンプレートは、smartyなので馴染みがあり、やりやすかったです。 目指す表示はこんな感じ > 1 2 3 4 5 6 7 8 9 1 [...]]]></description>
			<content:encoded><![CDATA[<p>
color me shopをいじる機会があったので、今回作ったページャーをご紹介。<br />
テンプレートは、smartyなので馴染みがあり、やりやすかったです。<br />
<br />
目指す表示はこんな感じ<br />
<< 前のページへ 1 ・・ 4 5 6 ・・・ 10 次のページへ >><br />
<br />

<div class="wp_codebox"><table><tr id="p7262"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
</pre></td><td class="code" id="p726code2"><pre class="php" style="font-family:Osaka-mono,monospace;">   <span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;pnavi&quot;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">*</span> 現在表示中のページ数をcurrent_pageに設定 <span style="color: #339933;">*</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">if</span> <span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>get<span style="color: #339933;">.</span>page <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;current_page&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;1&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;current_page&quot;</span> value<span style="color: #339933;">=</span><span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>get<span style="color: #339933;">.</span>page <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
&nbsp;
&nbsp;
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">*</span> 前のページがある場合は、リンク化する <span style="color: #339933;">*</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">if</span> <span style="color: #000088;">$productlist_prev_page</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;<span style="color: #006699; font-weight: bold;">{$productlist_prev_page}</span>&gt;&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Page &lt;{<span style="color: #006699; font-weight: bold;">$current_page</span>-1}&gt;&quot;</span><span style="color: #339933;">&gt;&lt;&lt;</span> 前のページへ<span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&amp;</span>nbsp<span style="color: #339933;">;&lt;&lt;</span> 前のページへ<span style="color: #339933;">&amp;</span>nbsp<span style="color: #339933;">;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
&nbsp;
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">*</span> ページ表示数で商品数を割り、ページ数を算出 <span style="color: #339933;">*</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span>math equation<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;ceil(<span style="color: #006699; font-weight: bold;">$productlist_num</span>/12)&quot;</span> assign<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;max_page&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span>math equation<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;<span style="color: #006699; font-weight: bold;">$current_page</span>-1&quot;</span> assign<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;bef_page&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span>math equation<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;<span style="color: #006699; font-weight: bold;">$current_page</span>+1&quot;</span> assign<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;aft_page&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
&nbsp;
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;page_flg&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;0&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
&nbsp;
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span>section name<span style="color: #339933;">=</span>pager loop<span style="color: #339933;">=</span><span style="color: #000088;">$max_page</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">*</span> 表示中のページに、専用の<span style="color: #000000; font-weight: bold;">class</span>を付与する <span style="color: #339933;">*</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">if</span> <span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #339933;">==</span> <span style="color: #000088;">$current_page</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;here&quot;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">if</span> <span style="color: #000088;">$productlist_sort_now</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;p&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
          <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;page_url&quot;</span>  value<span style="color: #339933;">=</span><span style="color: #000088;">$productlist_sort_price</span><span style="color: #339933;">|</span>cat<span style="color: #339933;">:</span><span style="color: #0000ff;">&quot;&amp;page=&quot;</span><span style="color: #339933;">|</span>cat<span style="color: #339933;">:</span><span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">elseif</span> <span style="color: #000088;">$productlist_sort_now</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;n&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
          <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;page_url&quot;</span>  value<span style="color: #339933;">=</span><span style="color: #000088;">$productlist_sort_new</span><span style="color: #339933;">|</span>cat<span style="color: #339933;">:</span><span style="color: #0000ff;">&quot;&amp;page=&quot;</span><span style="color: #339933;">|</span>cat<span style="color: #339933;">:</span><span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
          <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;page_url&quot;</span>  value<span style="color: #339933;">=</span><span style="color: #000088;">$productlist_sort_def</span><span style="color: #339933;">|</span>cat<span style="color: #339933;">:</span><span style="color: #0000ff;">&quot;&amp;page=&quot;</span><span style="color: #339933;">|</span>cat<span style="color: #339933;">:</span><span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #339933;">/</span><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
&nbsp;
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">if</span> <span style="color: #000088;">$max_page</span> <span style="color: #339933;">&gt;</span> <span style="color: #cc66cc;">7</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">*</span> <span style="color: #cc66cc;">1</span>ページ目と最終ページ、現在表示しているページの前後<span style="color: #cc66cc;">1</span>ページをリンクとして表示 <span style="color: #339933;">*</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">if</span> <span style="color: #990000;">in_array</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration<span style="color: #339933;">,</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$bef_page</span><span style="color: #339933;">,</span> <span style="color: #000088;">$aft_page</span><span style="color: #339933;">,</span> <span style="color: #000088;">$max_page</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;page_flg&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;0&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;<span style="color: #006699; font-weight: bold;">{$page_url}</span>&gt;&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Page &lt;{<span style="color: #006699; font-weight: bold;">$smarty</span>.section.pager.iteration }&gt;&quot;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">elseif</span> <span style="color: #000088;">$page_flg</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;0&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
           <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> assign <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;page_flg&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;1&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
           ・・・
         <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #339933;">/</span><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;<span style="color: #006699; font-weight: bold;">{$page_url}</span>&gt;&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Page &lt;{<span style="color: #006699; font-weight: bold;">$smarty</span>.section.pager.iteration }&gt;&quot;</span><span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$smarty</span><span style="color: #339933;">.</span>section<span style="color: #339933;">.</span>pager<span style="color: #339933;">.</span>iteration <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;</span>
       <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #339933;">/</span><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span> <span style="color: #339933;">/</span><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span>section<span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
&nbsp;
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">*</span> 次のページがある場合は、リンク化する <span style="color: #339933;">*</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>
   <span style="color: #339933;">&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">if</span> <span style="color: #000088;">$productlist_next_page</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;<span style="color: #006699; font-weight: bold;">{$productlist_next_page}</span>&gt;&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Page &lt;{<span style="color: #006699; font-weight: bold;">$current_page</span>+1}&gt;&quot;</span><span style="color: #339933;">&gt;</span>次のページへ <span style="color: #339933;">&gt;&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;&amp;</span>nbsp<span style="color: #339933;">;</span>次のページへ <span style="color: #339933;">&gt;&gt;&amp;</span>nbsp<span style="color: #339933;">;&lt;</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&gt;</span>    
    <span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<br />
</p>

<a href="http://twitter.com/?status=RT%20%40%3A%20color%20me%20shop%E3%81%AB%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%A3%E3%83%BC%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B%20-%20Life%20http%3A%2F%2Ftinyurl.com%2F2dl36me" class="tweet-this" ><img src="http://life.co-hey.com/wp-content/plugins/simple-tweet/img/tweet.gif" title="つぶやく" alt="つぶやく" /></a>]]></content:encoded>
			<wfw:commentRss>http://life.co-hey.com/2010/07/color-me-shop%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

