フロントの人の雑多メモ

【WordPress】テーブルで任意のセルや一列目をthにできるプラグイン

【WordPress】テーブルで任意のセルや一列目をthにできるプラグイン

WordPressのテーブル(表組み)で任意のセルをthタグにしたり、一列目をthタグにできるプラグイン「Flexible Table Block」をご紹介。

一列目を見出しセルにできるプラグインを探していたので、その点に重きをおいて簡単にUIや使い方をご紹介します。

目次

Flexible Table Blockの使い方

Flexible Table Blockはこちら。

プラグインを入れると「Flexible Table」がブロックとして挿入できるようになります。

Flexible Table Block

他のテーブル系プラグインでは、専用の画面でテーブルを作りショートコードで挿入するタイプが多いのですが、それはそれで高機能なのかもしれませんが、簡単なテーブルを作りたいだけならこのタイプが編集しやすいですよね。

カラム数・行数を設定し、作成します。

Flexible Table Block 作成

セルを選択すると、右メニューで色々設定できます。

Flexible Table Block 右メニュー

その中の「セル設定 > セルのタグ」から「TH」を選択することで、見出しセルにすることができます。これがやりたかった!

セルのタグ TH

他に最低限欲しい機能として、セルの結合スマホでは縦並びもできます。

Ctrlキーを押しながら複数セルを選択し「セルの結合」から結合できます。

Flexible Table Block セルの結合

一度結合したセルを再度分割することもできます。

テーブルを選択した状態で「テーブル設定 > モバイルでは縦に並べるからスマホで縦並びにできます。

Flexible Table Block モバイルでは縦に並べる

完璧すぎます。

Flexible Table Block モバイルでは縦に並べる

また、「Flexible Table Block」は独自のCSSが色々当たってしまいます。

Flexible Table Block CSS

独自のスタイルを当てたい方は

グローバル設定」から

Flexible Table Block グローバル設定

リセット」をクリックして

リセット

スタイルが当たらないようにしましょう。

Flexible Table Block グローバル設定

セルスタイル」も同様に、すべての「リセット」を押しておきましょう。

Flexible Table Block グローバル設定

これで独自のCSSは最小限に抑えられます。

テーブルプラグインは Flexible Table Block 一択だと思いました。

thタグにできなかったプラグイン

余談ですが、他の有名どころのテーブル系プラグインではthタグにできなかったという話。

TablePress

調べると一番に出てくる「TablePress」

エクセルチックな専用の画面でテーブルを作成し、ショートコードで挿入するタイプです。

テーブルの見出し行」 (テーブルの最初の行をテーブル見出しにする)
というメニューはありますが、任意のセルをthタグにすることはできないっぽい。

TablePressの画面

TablePress

WP Table Builder

こちらもショートコードで挿入するタイプ。

セル個別にスタイルを変えられるっぽいですが、thにするメニューは見当たらず...

WP Table Builderの画面

WP Table Builder

コメント

内容を確認の上、個人情報などは省いて掲載させていただきます。

お名前・メールアドレスも入力する

メールで返信がほしい場合に入力してください。

頂いた個人情報は開示しません。返信のためだけに利用いたします。

直接送信されます。確認の上、「送信」してください。

お役に立てましたら応援をお待ちしております!
頂いた応援は子育てに活用させていただきます。

OFUSEで応援を送る


または以下のボタンからなにか買って応援 (PR)

Amazon

楽天市場

Yahoo!ショッピング

Amazonのアソシエイトとして「けん」は適格販売により収入を得ています。

シェア

Twitterでシェア Facebookでシェア LINEでシェア はてなブックマークでシェア

お役に立てましたら応援をお待ちしております!
頂いた応援は子育てに活用させていただきます。

OFUSEで応援を送る