オンラインHTMLのテーブルジェネレータ(Table Generator) - WordPress 情報パッケージ
ベストセラー人気 WordPress テーマTop 30 詳細

オンラインHTMLのテーブルジェネレータ(Table Generator)

Last Updated:2021年10月25日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

HTMLのテーブルジェネレータサイト

たまに表を作成しようとする場合に、私はAdobeのDreamweaverを使用します。 しかし、洗練された表を作成する場合、または、単に表を作成する場合には、時々、オンライン上で自動生成する表を利用したりします。 http://www.textfixer.com/の HTML Table Generator (HTML表ジェネレータ)もオンライン表作成サービスを提供するためのツールです。

Table Generator Skinsテーブルジェネレータスキン

上の図のようにBlue、Green、Grey、Orange、Brown、Blackなど6つのスタイルがあらかじめ設定されており、便利に利用することができます。 行と列の数を指定して、適切なオプションを選択した後、中間部分のボックスに表示されたコードをコピーして使用します。

WordPressの場合CSS部分とHTMLコードの部分を分離して、CSSコードは、テーマ(チャイルドテーマ)のスタイルシートファイル(style.css)や テーマのデザイン>ユーザー定義>追加CSS セクションに貼り付けし、HTMLコードの一部は、 カスタムHTML ブロックを利用して入れるとされます。

Gutenberg エディタのカスタムHTMLブロック
ブロックエディタでは、カスタムHTMLブロックにHTMLコードを入れることができる。

2021年追加: Gutenberg エディタにテーブルブロックが追加されました。 今簡単な表は、 Gutenbergのテーブルブロックを使用して作成することができます。 詳細については、「WordPress Gutenberg テーブルブロックを使用する」を参照してみてください。

古典的なエディタ(Classic Editor)を使用している場合、文を書くの「テキスト」を選択して貼り付けするようにします。

古典的なエディタのテキストモード
古典的なエディタを使用する場合は、「テキスト」モードでは、HTMLファイルを貼り付けることができる。

HTML Table Styler CSS Generator

HTML Table Styler CSS Generatorサイトを利用すれば、DivタグやTableタグでテーブルを作成することができます。 同様の方法でCSSコードとHTMLコードを WordPressに追加することができます。

DivタグやTableタグテーブル(表)を作成することができるHTML Table Styler CSS Generator

メモ:



コメントを残す

コメント