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

FacebookさえずりredditPinterestのLinkedInのmail

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

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

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

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

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

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

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

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

HTML Table Styler CSS Generator

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

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

注:



コメントを残す