G-Tools カスタムCSSが利用可能に

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を利用したくない方は、そのままお使いいただけます。

Comments

[投稿情報: Kiwi]

いつもG-Toolsを使わせてもらっています。

22日のカスタムCSS利用可能以降、「ベーシック　盛り沢山」のデザインを選択すると商品画像にborder=0のタグが入りません。他のデザイン（「おすすめ重視」、「おすすめ平均」）だと入っています。
5.CSSを自分で指定 は「指定しない」を選択しています。

「CSSを自分で指定」をチェックしなければ、今までどおりのHTMLデザインで出力されますので、カスタムCSSを利用したくない方は、そのままお使いいただけます。

ということだったのですがこれだと今までどおりにはならないようです。
これは仕様でしょうか？それともバグですか？
よろしくお願いします。

[投稿情報: Jun Kaneko]

バグ報告ありがとうございます！
修正しておきました。

[投稿情報: KIKO]

G-Toolsをブログで利用させていただいてます。

CSSに関して、こちらでは質問は受け付けていらっしゃらないのでしょうか？
下の質問も、ご面倒でしたら無視してください。

複数の商品を「画像のみ」のデザインで、
横に並べたいのですが、
CSSがまだよくわかっていなくて困っています。
どうしたら画像が横に並びますか？

[投稿情報: Jun Kaneko]

こんにちは。画像のみのデザインで、商品タイトルが無ければ、複数の商品を横に並べることができると思います。複数の商品のHTMLをそのままコピー&ペーストするだけです。
ただ、タイトルがある場合は、どうしても改行が入ってしまうので、残念ながらCSSでも横に並べるのはできないです。

[投稿情報: KIKO]

レスありがとうございます！
タイトルのないものは横に並べることができました。
基本的な質問に、答えていただいて恐れ入ります。