テーブル(表)のセル結合と画像拡大

高性能エディタ ワードプレス

このブログは、カスタマイズテーマを利用して作成していますが、テーブル(表)で色々と表現しようとしても、ワードプレスの標準のテーブルやプラグインを利用では単純な表での表現しかできず。セルを結合やセル内に画像を挿入してもマウスでの画像拡大が出来ません。これらの表現ができないかを調べたところ出来る方法を見つけました。

まずは、普通にマウスによる画像拡大アクションのためにプラグインの “Easy FancyBox“をインストールして有効にする。このプラグインを使うと同URL内にポップアップで画像がアクションしながら拡大します。このプラグインは、後に表のセル内でも同じ効果が表現できます。

次にテーブルを色々と修飾?させるためにプラグインをインストールします。”Advanced Editor Tools (旧名 TinyMCE Advanced)”でセル結合や画像拡大ができます。

ちなみに標準のテーブルの作製時は、

通常のテーブル作製

この方法では単純なテーブルしかできない?

通常のテーブルの場合

通常テーブル通常テーブル
ABCDEあいうえお
要点マスター2020
通常テーブル

Advanced Editor Tools (旧名 TinyMCE Advanced)の場合

プラグインのAdvanced Editor Tools インストールし、設定するとクラシック版の段落でテーブルを作製できる。

旧エディター(TinyMCE)で設定している。

詳しい設定や使い方は、Advanced Editor Tools (旧名 TinyMCE Advanced)を調てください。

Advanced Editor Tools (旧名 TinyMCE Advanced)を使ってテーブル作製と修飾、画像挿入し、拡大できるようにした場合

横のセルの結合、中央寄せ右寄せ

セルの縦の結合

背景色変更 ボーダー

そのままで背景色(白)中央そのまま

こんな感じ

テーブル修飾

  

理解した範囲でテーブルを作製ですのまだわからない点もありますのでご了承ください。

コメント