Nucleus(JP)フォーラム

NucleusCMS日本語版ユーザーのためのサポートフォーラムです。疑問が生じたらまずは記事検索をご利用ください。

ログインしていません。

#1 2006-08-04 21:51:14

miyuki
メンバー
登録日: 2006-02-19
投稿: 27

Re: アイテムを表組みして3×3のように表示していく方法

アイテムを10個ずつ縦に並べて表示する方法は理解できるのですが、3×3のように表組みされたものの中に9個ずつ表示していく方法はあるのでしょうか。
色々調べましたがどうしても分かりませんでしたので、教えていただければ幸いです。

オフライン

#2 2006-08-05 02:26:28

Andy
メンバー
登録日: 2004-03-18
投稿: 1,495
ウェブサイト

Re: アイテムを表組みして3×3のように表示していく方法

やったことはないので,想像で。

NP_Numberingをインストール。
テンプレートに<div id="item<%Numbering(item)%>">テンプレートの内容</div>といった具合でdivタグを追加
これで,アイテムごとに固有のidでくくられるので,絶対配置などを使えば,望みの配列にできます。
縦の位置をフレックスにしようとするとちょっと難しいかもしれません。

一案ということでよろしくお願いします。

オフライン

#3 2006-08-08 21:36:56

miyuki
メンバー
登録日: 2006-02-19
投稿: 27

Re: アイテムを表組みして3×3のように表示していく方法

ご返事遅くなりました。
提案ありがとうございます。
ちょっとやってみたいと思います。

オフライン

#4 2006-08-17 10:40:59

TA17hFURU
メンバー
From: hokkaido
登録日: 2006-08-17
投稿: 3
ウェブサイト

Re: アイテムを表組みして3×3のように表示していく方法

解決したみたいですが、プラグインを入れなくても似たような形を以前作ったので、
ちょっと横やり入れさせていただきます。

私の場合は一件目を<%blog(mytemplate,1(0))%>、二件目を<%blog(mytemplate,1(1))%>、三件目を<%blog(mytemplate,1(2))%>…という風に記述しました。
記述としてはスマートではないとは思います :oops: が、私はこれで2×2の形を作りました。
ご参考になればと思います。

オフライン

#5 2006-08-17 11:23:26

kosugiatkips
メンバー
From: 金沢区
登録日: 2006-01-15
投稿: 353

Re: アイテムを表組みして3×3のように表示していく方法

私の場合は一件目を<%blog(mytemplate,1(0))%>、二件目を<%blog(mytemplate,1(1))%>、三件目を<%blog(mytemplate,1(2))%>…という風に記述しました。

おぉ、これはおもしろい。
拙作のNP_stdPagerを組み合わせると、3*3で表示しつつ、ページスイッチにも対応できそうです。
ショッピングサイトっぽくアイテムを並べていく配置も可能ですね。
<%stdPager(blog,mytemplate,9)%>
で行けます。

次のページをクリックすると10個目のアイテムから18個目までが3*3に表示されるはず。

オフライン

#6 2006-08-18 06:49:23

kosugiatkips
メンバー
From: 金沢区
登録日: 2006-01-15
投稿: 353

Re: アイテムを表組みして3×3のように表示していく方法

PMもらったんですが、もしかして他の方の需要もあるかもということでこちらに書いておきますね。

まず、マス目に並べる方法はTA17hFURUさんが書いていた通り、スキン変数blogのamountをうまく使います。

たとえば、3*3でテーブルを使うなら下記のようにスキンに書きます。(kubrick/shortはご自分のテンプレート名に変えてください。)

<table width="100%" border="1" cellspacing="0" cellpadding="1">
		<tr>
				<td width="33%"><%blog(kubrick/short,1(0))%></td>
				<td width="33%"><%blog(kubrick/short,1(1))%></td>
				<td width="33%"><%blog(kubrick/short,1(2))%></td>
		</tr>
		<tr>
				<td><%blog(kubrick/short,1(3))%></td>
				<td><%blog(kubrick/short,1(4))%></td>
				<td><%blog(kubrick/short,1(5))%></td>
		</tr>
		<tr>
				<td><%blog(kubrick/short,1(6))%></td>
				<td><%blog(kubrick/short,1(7))%></td>
				<td><%blog(kubrick/short,1(8))%></td>
		</tr>
</table>

ページスイッチをつけるには、NP_stdPagerをインストールして、スキンのページスイッチを表示したい場所に

<%stdPager(blog,table,9)%>

と書きます。

オフライン

#7 2006-08-19 01:07:54

miyuki
メンバー
登録日: 2006-02-19
投稿: 27

Re: アイテムを表組みして3×3のように表示していく方法

丁寧な解説ありがとうございます。希望するものに少し近づきました。
今後ともご指導お願いします。

オフライン

Board footer