ブログ技術
PR

WordPress Flexible Tableの裏技!作業効率が劇的にアップする神テクニック

WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善
あき
記事内に商品プロモーションを含む場合があります
この記事で分かること
  • 標準テーブルをFlexible Tableに一瞬で変換する方法
  • 文字サイズを簡単に変更して見やすくする方法
  • Flexible Table内に画像を挿入する裏技

WordPressでブログを書く際、「表(テーブル)を使って情報を整理したい!」と思うことはありませんか?

特にデータ比較やリスト表示にはテーブルが便利ですよね。

そんなときに活躍するのがWordPress Flexible Table

でも実は、知っていると作業時間を大幅に短縮できる“裏技”がたくさんあるんです。

今回は、標準テーブルをFlexible Tableに変換する方法、文字サイズを一括変更するテクニック、テーブル内に画像を入れる方法まで、ブログ作成をもっと快適にする便利技をご紹介します!

WordPress Flexible Tableとは?

Flexible Table Block は、自由な構成でテーブルを作成できる WordPress のブロックエディター用カスタムブロックプラグインです。

WordPress公式ホームページ

標準のテーブルブロックよりも柔軟な編集が可能で、セルのサイズ変更、フォント調整、画像挿入などがスムーズに行えます。

では、具体的な裏技を見ていきましょう!

WordPressのダウンロードがまたの方はコチラからダウンロード。

たった2クリック!標準テーブルをFlexible Tableに一瞬で変換する裏技

「過去の記事で使った標準テーブルをFlexible Tableに変更したい!」

…でも、「いちいち作り直すのは面倒くさい!」と思ったことはありませんか?

実は、「たった2クリックで変換」できる方法があるんです!

【手順】

変換したい標準テーブルを選択
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善
一番左の「テーブル」マークをクリック(テーブル全体を選択するボタン)
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善
Flexible Tableを選択
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善

これだけで、手間をかけずに標準テーブルをFlexible Tableに変換できます!

WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善

これは、リライト作業の効率化にもってこいの裏技ですね♪

フォントサイズが大きすぎる?Flexible Tableの文字サイズを一括で変更する方法!

Flexible Tableを使っていて、「文字が大きすぎる…」「レイアウトが崩れる…」と感じたことはありませんか?

安心してください!

たった3ステップで表全体のフォントサイズを一括変更できるんです。

【手順】

表の左上のセルをクリックして選択
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善
Shiftキーを押しながら右下のセルをクリック(全セル選択)
セルの全選択 WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善
画面右側の「ブロック」>「複数セル」から フォントサイズを変更
フォントサイズ変更 WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善

これで、Flexible Table全体の文字サイズを自由にカスタマイズできます!

注意点
  • 異なるセクションではセルの範囲選択ができません。
  • 全選択しようとしてエラーメッセージが出たら、選択範囲を狭くしてみましょう。
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善 異なるセクションは、セルを範囲選択できません

セクションが違っても範囲選択できちゃうこともあるから、試してみてね!

はる
はる
【さらに便利!応用テクニック】
  • >」をクリックすると行単位・列単位の選択が可能
  • 行ごとに文字サイズやセルの色を変更できるので、デザインの幅が広がります!
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善 行選択

これは、データを見やすく整理するのに必須のテクニックですね。

Flexible Tableに画像を挿入する裏技!「+」ボタンが出ないときの解決策

Flexible Tableは、表の中に画像を入れられるという強みがあります。

しかし、Flexible Tableでは「+」ボタン自体が表示されないため、通常の方法では画像を追加できません。

また、直接画像をコピー&ペーストしても貼り付けができないという制約があります。

【画像を挿入する裏技】

まず、Flexible Tableの外に画像を挿入
WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善 画像の貼り付け
その画像をコピー
画像をコピー WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善
Flexible Tableのセル内にペースト
画像の貼り付け WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善

こうすることで、テーブルの中に画像を埋め込むことが可能になります!

WordPress Flexible Table WordPress テーブル 作り方 WordPress テーブル カスタマイズ WordPress テーブル 画像挿入 WordPress テーブル 文字サイズ変更 WordPress Flexible Table 使い方 WordPress Flexible Table 変換方法 WordPress Flexible Table フォントサイズ WordPress Flexible Table 画像を入れる方法 WordPress Flexible Table 標準テーブル 変換 WordPress ブロックエディタ テーブル WordPress ブログ テーブル作成 WordPress テーブル 便利機能 WordPress 表組み レイアウト WordPress テーブルデザイン 改善

画像を活用すれば、商品比較表やチュートリアル記事をより分かりやすくできますね♪

まとめ:Flexible Tableの裏技を使ってブログをもっと快適に!

今回は、Flexible Tableをもっと便利に活用するための裏技をご紹介しました!

  • 標準テーブルをたった2クリックでFlexible Tableに変換!
  • フォントサイズを一括変更で美しく整える!
  • 画像を入れて、より視覚的に分かりやすい表を作成!

Flexible Tableは、標準のテーブルよりも自由度が高く、便利な編集が可能です。

これらを活用すれば、作業時間を短縮しながら、読みやすく魅力的なブログ記事が作れること間違いなし!

ぜひ、このテクニックを試して、ブログのクオリティをアップさせてみてくださいね♪

最後まで読んでいただきありがとうございました!

X(旧:Twitter)も運営しています

FOLLOW ME

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


記事URLをコピーしました