サンプルサイトにつきまして

「CMSとして使うMovable Typeガイドブック」のCHAPTER4からCHAPTER6でご紹介しているサンプルサイトですが、実際にこのサーバ上に設置しているものがあります。

以下にご紹介いたしますので、書籍をお読みになるときのご参考にしていただければ幸いです。

[2008年3月14日]   はてなブックマーク - サンプルサイトにつきまして

トラックバック(0)

このブログ記事に対するトラックバックURL

http://cremadesign.jp/mt401/mt/mt-tb.cgi/741

コメント(8)

あゆみ :2008年4月29日 03:15

はじめまして。
ECサイトのテンプレートを使っています。
素敵なテンプレートをありがとうございます。
今作っているサイトが、カテゴリーを6つ必要でして、
スタイルシートのところを自分で変更しているのですが、位置がずれて、うまく2行3列になりません。

カテゴリーを増やすには、どうすればいいでしょうか?

こういうところで、質問をしていいのかわかりませんがよろしくお願いします。

crema Author Profile Page:2008年4月29日 22:12

あゆみさん、コメントありがとうございます。
ご質問の件ですが、具体的なページ(ソース)を拝見しないと、
どういう状況になっているのか把握できず、お答えできないのですー><
もし差し支えなければ、そのページをここにリンクしていただければ、
時間のあるときに拝見させていただきますね。
どうぞよろしくお願いいたします。

あゆみ :2008年4月29日 22:45

cremaさん、コメントありがとうございます。
URLの欄に、アドレスを載せました。
時間のあるときでいいので、よろしくおねがいしま

crema Author Profile Page:2008年5月10日 12:06

あゆみさん、返信が遅れてしまい大変失礼いたしました。
サイトを拝見したところ、カテゴリーを増やした時のfloat:leftによる段組が上手くいっていないようですね。これはCSSレイアウトの問題なので、今回の書籍のサポート範囲外かなとは思います…(ごめんなさい!)。
ただ、少しヒントを申し上げると、カテゴリーが6個あるデザインの場合は、カテゴリを3つづつdiv要素に入れると(「指輪」「ペンダント」「ネックレス」の組と「ブレスレット」「ピアス」「キーリング」の組)上手くレイアウトできそうです。
なぜなら、各カテゴリ以下のサブカテゴリは増えたり減ったりするわけですから、常にdivの高さが変わる可能性がありますよね。その場合、単純に6個のカテゴリをfloat:leftするだけでは、意図通りに並ばない可能性が高いです。
ただしそうするとレイアウトのための余分なdivが増えてしまうので、もしそれがお好きでないようでしたら、6個のカテゴリを縦に積み重ねるデザインにする手もあるかもしれないですね。
それから、CSSの中で複数のセレクタを「,」でつなげて指定をする場合、一番最後のセレクタのお尻に「,」をつけないように気をつけてみてください。その最後の「,」があると、上手く指定が反映されません。(たとえばbody.mainPage div#container div#mainContent div#categorySearch div#keyring,の最後の「,」など)
あゆみさんらしい素敵なデザインにカスタマイズしていただければ嬉しいです。どうぞよろしくお願いいたします!

あゆみ :2008年5月17日 01:04

cremaさん、お返事ありがとうございます。
いろいろなパターンで試してみたんですが、いまだ苦戦中です。。。

>その最後の「,」があると、上手く指定が反映されません。(たとえばbody.mainPage div#container div#mainContent div#categorySearch div#keyring,の最後の「,」など)

これは治っていると思うのですが・・・

カテゴリを3つづつdiv要素に入れるというのは、メインテンプレートのなかのことなんでしょうか?


いろんなパターンでためしてみてますが、なかなか3:3にならず、苦戦中です。

もうすこし、さわってみます。

mina :2008年8月 6日 13:56

こんにちは。書籍購入させて頂きました。
サンプルECサイトでいろいろと参考にしております。

2点質問があります。メインページで、Tシャツ→イラストに商品があった時(ブログ)に左のリストマークの画像が表示されませんが、私の設定ミスでしょうか?商品がない時はリストマークは表示されます。書いてある通り設定しましたが。。。

また、こちらのサイトにもサンプルでECサイトを掲載されてますが、メインページのTシャツの画像(四角の)をクリック後のカテゴリーページでは表示がくずれています。5づつdivで区切ればいいんですよね。

リストマークの件はどうにもこうにもわかりません。助けて下さい♪

mina :2008年8月 6日 14:50

こんにちは。書籍購入させて頂きました。

サンプルECサイトについて質問があります。
メインページにて商品が登録されている場合はリストマークが表示されませんが?私の設定ミスでしょうか?コピペのままですが。

mina :2008年8月 6日 16:10

先程、質問させて頂きましたが、解決しましたので結構です。

ありがとうございました!

コメントする

このページの先頭へ

東京ナイロンガールズ

比較的人気の記事

crema design menu