ブログタグ一覧
調査blog

サイト上で入力するだけ!! 表 "table HTML" 作成が簡単【Table Genera...
※ご案内していた内容が異なるツールで不具合があったため更新いたしました。(2025/02/12) Shopifyの管理画面で表作成はめんどう・・・ 商品登録を15年以上やっている私でもShopifyでの商品説明・ブログ装飾等の入力画面での装飾のやりづらさは毎回感じる部分。 一括登録出来る内容であればExcelなどで成形できるように組むんですが、個別で見ながら対応していくにはやはり面倒。 chatGPT に聞いてみていくつか教えてくれた中で一番使いやすかったのが 「Table Generator」 元は英字だけれども、Google翻訳でブラウザごと翻訳しつつ、色や高さ、列等も自由自在、入力した後に HTMLでコピーして、Shopify の </> に貼り付けたらいいだけなのでとても便利! テキストにリンクが入れれる物も少なかったので、とても良い感じだけれども、 少し全体幅のバランクズCSS触らずに調整する場所が判らなかったので若干見栄えが悪い。 コピーした HTML を chatGPT にそのまま投げて 「マックスワイドが 780px で 各セルの幅を固定してほしい」と入れると、styleを調整してくれました。 Table Generator の簡単な使用方法
サイト上で入力するだけ!! 表 "table HTML" 作成が簡単【Table Genera...
※ご案内していた内容が異なるツールで不具合があったため更新いたしました。(2025/02/12) Shopifyの管理画面で表作成はめんどう・・・ 商品登録を15年以上やっている私でもShopifyでの商品説明・ブログ装飾等の入力画面での装飾のやりづらさは毎回感じる部分。 一括登録出来る内容であればExcelなどで成形できるように組むんですが、個別で見ながら対応していくにはやはり面倒。 chatGPT に聞いてみていくつか教えてくれた中で一番使いやすかったのが 「Table Generator」 元は英字だけれども、Google翻訳でブラウザごと翻訳しつつ、色や高さ、列等も自由自在、入力した後に HTMLでコピーして、Shopify の </> に貼り付けたらいいだけなのでとても便利! テキストにリンクが入れれる物も少なかったので、とても良い感じだけれども、 少し全体幅のバランクズCSS触らずに調整する場所が判らなかったので若干見栄えが悪い。 コピーした HTML を chatGPT にそのまま投げて 「マックスワイドが 780px で 各セルの幅を固定してほしい」と入れると、styleを調整してくれました。 Table Generator の簡単な使用方法