G-Toolsをちょっとだけアップデート。CSSで自由にデザインを指定できるようになりました。CSSを自分で編集できる上級者向けの機能です。
商品を検索、デザインを選択して、HTMLが表示された画面で「CSSを自分で指定」のオプションを「カスタムCSS」としてください。fontやborderを、自分のCSSで指定します。商品HTMLに以下のクラス指定や、<span>タグが挿入されます。
<table class="g-tools_table"> Table全体を指定するClass
<span class="g-tools_title">商品タイトル</span>
<span class="g-tools_body">商品の情報</span>
<span class="g-tools_img">商品画像</span>
<span class="g-tools_by">by G-Tools</span>
CSSファイル内で
.g-tools_body {font-size:8px;}
などと指定することで、自分独自のデザインにすることができます。<font>タグやborder指定などは、すべて除去されます。
「CSSを自分で指定」をチェックしなければ、今までどおりのHTMLデザインで出力されますので、カスタムCSSを利用したくない方は、そのままお使いいただけます。
ブックマーク & Twitter & はてなスター
コメント
いつもG-Toolsを使わせてもらっています。
22日のカスタムCSS利用可能以降、「ベーシック 盛り沢山」のデザインを選択すると商品画像にborder=0のタグが入りません。他のデザイン（「おすすめ重視」、「おすすめ平均」）だと入っています。
5.CSSを自分で指定 は「指定しない」を選択しています。
「CSSを自分で指定」をチェックしなければ、今までどおりのHTMLデザインで出力されますので、カスタムCSSを利用したくない方は、そのままお使いいただけます。
ということだったのですがこれだと今までどおりにはならないようです。
これは仕様でしょうか？それともバグですか？
よろしくお願いします。
バグ報告ありがとうございます！
修正しておきました。
G-Toolsをブログで利用させていただいてます。
CSSに関して、こちらでは質問は受け付けていらっしゃらないのでしょうか？
下の質問も、ご面倒でしたら無視してください。
複数の商品を「画像のみ」のデザインで、
横に並べたいのですが、
CSSがまだよくわかっていなくて困っています。
どうしたら画像が横に並びますか？
こんにちは。画像のみのデザインで、商品タイトルが無ければ、複数の商品を横に並べることができると思います。複数の商品のHTMLをそのままコピー&ペーストするだけです。
ただ、タイトルがある場合は、どうしても改行が入ってしまうので、残念ながらCSSでも横に並べるのはできないです。
レスありがとうございます！
タイトルのないものは横に並べることができました。
基本的な質問に、答えていただいて恐れ入ります。
はじめまして・・・
マイショップのリンクをブログのプラグインにはったら、
写真に青の縁がついてるのですが
表紙させない方法はありますか？
宜しくお願いします。
はじめまして。
便利なので使わせてもらっています。
さて、質問なのですが、
商品紹介を選んで、
テーブル無し、
シンプル 写真 小
で
カスタムＣＳＳを選んでも、
下に表示されるタグにタグが表示されないみたいです。
「オプションの変更ボタンを反映する」を押してもダメです。
これは、何かやり方がまずいのでしょうか？
それと、出来れば写真表示無しのレイアウトも作ってほしいです。
現状では、イメージタグをそのまま外しているので問題ないのですが…。