webshop
webshopについて
サンプル画像一覧はこちら »webshop001
webshopは、「追記」の内容を一覧表示するテンプレートです。
追記欄には「画像」を記入することを前提としており、アフィリエイト・商品一覧等に適しています。
フリー配布時から人気のレイアウトで、最近ではカスタマイズして動画紹介サイト・イメージ画像が並ぶコラム等に利用される方も見られます。
更新の際に、特定の方法で記事を書く必要があります。
「更新方法について」をご一読ください。
テンプレートの画像差し替え・デザイン変更も別途承ります。
お問い合わせフォームよりご相談ください。
導入方法(FC2ブログ)
導入には、ある程度のテンプレート編集知識が必要です。
自力導入が難しい場合は有料で代行承ります。ご連絡ください。
画像がないテンプレートの場合は3.からお読みください。
1.「webshop001_(色名)」内の画像を、全てブログ内にアップロードしてください。
2.「(テンプレート名)_css.txt」をテキストエディタで開き、
各所にある「★画像のURL★」部分を、先ほどアップロードした画像のパスに書き換えて、上書き保存します。
2008年現在のFC2の仕様では、画像URLは
http://blog-imgs-2.fc2.com/（ID一文字目）/（ID二文字目）/（ID三文字目）/（ID）/（ファイル名＋拡張子） または
http://blog（サーバー番号）.fc2.com/（IDの最初の一文字）/（ID）/file/（ファイル名＋拡張子） です。
例えば99番サーバーの「sample」というIDのブログに
「photo.jpg」というファイルをアップした場合は
http://blog-imgs-2.fc2.com/s/a/m/sample/photo.jpg または
http://blog99.fc2.com/s/sample/file/photo.jpg となります。
- テキストエディタの「置換」機能を利用すると簡単です。
- URLの仕様は利用サーバーにより異なります。
また、予告なくいずれかのパスに変更になることがあります。
突然画像が表示されなくなったときは、そちらを疑ってください＾＾；
3. 管理画面で新規にテンプレートを作成するか、複製を行ってください。
4.「(テンプレート名)_html.txt」をHTML欄に、
「(テンプレート名)_css.txt」をスタイルシート欄に全てコピー・ペーストしてください。
5. 更新後「このテンプレートを使用する」ことで、デザインがブログに反映されます。
導入方法(忍者ブログ)
導入には、ある程度のテンプレート編集知識が必要です。
自力導入が難しい場合は有料で代行承ります。ご連絡ください。
画像がないテンプレートの場合は3.からお読みください。
1.「webshop001_(色名)」内の画像を、全てブログ内にアップロードしてください。
2.「(テンプレート名)_css.txt」をテキストエディタで開き、
各所にある「★画像のURL★」部分を、先ほどアップロードした画像のパスに書き換えて、上書き保存します。
2008年現在の忍者ブログの仕様では、画像URLは
http://file.（ID）.blog.shinobi.jp/（ファイル名＋拡張子） です。
例えば「sample」というIDのブログに「photo.jpg」というファイルをアップした場合は
http://file.sample.blog.shinobi.jp/photo.jpg となります。
- テキストエディタの「置換」機能を利用すると簡単です。
- URLの仕様は利用サーバーにより異なります。
また、予告なくパスが変更になることがあります（そんなことをするのはF○2くらいだと思いますが...）。
突然画像が表示されなくなったときは、そちらを疑ってください＾＾；
3. 管理画面で新規にテンプレートを作成するか、複製を行ってください。
4.「(テンプレート名)_html.txt」をHTML欄に、
「(テンプレート名)_css.txt」をスタイルシート欄に全てコピー・ペーストしてください。
5. 更新後「このテンプレートを使用する」ことで、デザインがブログに反映されます。
更新方法について
2008年5月現在、まだWordPress版は販売しておりませんが
追記の扱いが他のブログと異なるため、更新手順が変わることが予想されます。
WordPress版をご検討の方はご注意ください。
WordPress以外
基本的な記事の書き方は、通常のブログと同じです。
商品画像、バナー等のHTMLコードは「追記」欄に記述してください。
追記に文章を書きこむこともできますが、
一覧の枠サイズを編集しない限り、画像のみにすることをお勧めします。
記事中に使用した絵文字、エントリータグも有効になります。
尚、本文欄に記述した内容は、個別記事以外では表示されません。
個別記事以外は、本文の概要のみが記述されます。
（外見上は見えません）
カスタマイズ・編集について
HTML・CSSに関する知識をお持ちであれば
画像差し替え、内容の編集等は、自由に行って構いません。
また、スタイルシートに含まれるテンプレート名表記も削除可能です。
スタイルシートの編集
下記の表示は、スタイルシートファイル先頭の
「----- config -------」の項で一括変更可能です。
詳細は、各テンプレートの「readme」か、
config内のコメントをご参照ください。
- 商品リストの枠の大きさ
- 商品リストに入るタイトルの行数
- タイトル画像、タイトル文字の色（000以外）
- 見出しのフォント（000）
- 全体の幅（003）
本文文字サイズを変更する場合は
「----- base -------」の項で指定されている「body」の文字サイズを「82%(≒13px)」に変更すると、全体が一回り小さくなります。
（これ以上縮小すると、Windowsでのメニューの可読性が下がります）
!! webshopは、「エントリー」という単語が全て「商品」に置き換えられています。
商品以外のもの（動画、写真等）を扱う場合は、HTMLファイル全体から「商品」という単語を探して、任意の単語に置換してください。
ご注意ください
- 「テンプレート名に明記されているブログ名」以外の用途に使用することはできません。
（例えば、FC2ブログ版を忍者ブログやMovableTypeに使用することはできません） - 下記機能には対応しておりません。
- コメント
- トラックバック
- ブログテーマ
（送信自体はできますがブログに内容が反映されません） - プラグイン無効
（メニューが空になります。直接HTMLを編集してください） - カレンダー関連のプラグイン
（月別アーカイブはプラグイン追加により使用可能です）
- ショッピングカート等のシステムは含まれておりません。販売ページへの誘導目的にご利用ください。
- 無修正またはそれに近い状態での再配布行為を固く禁じます。
- 制作会社様、デザイナー様もご利用いただけますが、作成サイトが多数に及ぶことが予想される場合は、WebbingStudioとの提携等をご検討ください。
- このテンプレートで作成したサイトの、内部コンテンツに関わるトラブル、カスタマイズを行ったことに伴う不具合には一切関知いたしません。
