新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WordPress(ワードプレス)で楽に表組み(テーブル)を書くためのプラグイン「Editor Extender」 #wp

      2014/11/09

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

WordPressで記事を書く際はビジュアルモードというのがあって、これはタグ打ちではなくプレビューを見ながらさながらワードのように記事が編集できるツールなのですが、意外とできることが少ない。
特に困るのがテーブル(表組み)ですね。
テーブルをタグで書いていくのはかなり面倒くさい作業になります。
そこでプラグインとなるわけです。

「Editor Extender」 というプラグインはWordPressのビジュアルモードのアイコンを増やし様々なことをビジュアルモードから可能にするプラグインです。
当然ながら問題のテーブル(表組み)もビジュアルモードのままで作れるようになります。

【PR】 Dreamweaverの様な操作性がWordPress上で実現。

スポンサーリンク
 

プラグインのインストールにかんしては今までも説明しているのでここでは詳しく説明しません。
WordPressの管理画面から「プラグイン」→「新規追加」 と行き、「Editor Extender」を検索、「いますぐインストール」→「プラグインを有効化」でちゃっちゃと済ませちゃって下さい。

まずは設定です。
「設定」→「Editor Extender」でビジュアルモード上に表示させるアイコンにチェックを入れます。
僕はとりあえず「Table」だけにチェックを入れることにしました。
Editor_Extender設定

設定が済むと「ビジュアル」モードに以下のようにアイコンが増えます。
Editor_Extender表組みアイコン説明
それぞれ、
① 新規表組作成
② 行の設定(センタリング等)
③ セルの設定(バックグラウンドカラー等)
④ 行を上に挿入
⑤ 行を下に挿入
⑥ 行を削除
⑦ 列を左に挿入
⑧ 列を右に挿入
⑨ 列を削除
⑩ セルの結合を解除
⑪ セルの結合
等がアイコンクリックでできるようになっています。

新規でテーブルを作る(①をクリック)場合はこんな感じになります。
Editor_Extender新規作成
縦横のセルの数やテーブル区切り罫線の太さの設定等、様々な設定をすることができます。

と、こんな感じ。

テーブル以外にもCSSの設定(「Style」にチェック)やレイヤーの設定(「Layer」にチェック)等もボタンで可能になります。
これも必須のプラグインでしょうねぇ。

ただし、実際の表示とビジュアルモード上での表示にはけっこう差がありますので、
編集が楽になるという程度のツールと考えていただいたほうがいいでしょう。
特にテーマを大幅にデザインカスタマイズしてしまっている場合は注意が必要です。

 - CMS, WordPress, デザイン, ユーザビリティ , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
レイアウトが整っている方がCTRは落ちるの法則

1年以上前の記事です。内容が古い可能性があります。漠然となのですがこれ、以前から …

no image
ワードプレス(WordPress)でコンテンツをデザインする方法 #wp

1年以上前の記事です。内容が古い可能性があります。トップページができたら引き続き …

ツイッター(Twitter)のUIがリニューアル。ハッシュタグが前面に?

1年以上前の記事です。内容が古い可能性があります。昨日よりツイッターがデザインリ …

CSS2.1まとめ書き-border編(HTML・CSSリファレンス)

1年以上前の記事です。内容が古い可能性があります。CSS2.1まとめ書きとしてい …

「WP File Cache」が原因で起きたトラブル対応で「WP File Cache」を削除して起きたトラブルは「WP File Cache」を再インストールで解決【WordPress】

1年以上前の記事です。内容が古い可能性があります。なんか、このところタイトル長く …

docomo(ドコモ)のSPモードメールよりもLINE(ライン)のトークのほうがずっと使える件

1年以上前の記事です。内容が古い可能性があります。最近はかみさんとのやり取りはL …

スパムのターゲットにされたので「Akismet」を導入した【WordPress】 #wp

1年以上前の記事です。内容が古い可能性があります。WordPress(ワードプレ …

no image
デザイン変更

1年以上前の記事です。内容が古い可能性があります。ブログのデザイン変更の詳細が分 …

「ダビング10」運用開始決定!!

1年以上前の記事です。内容が古い可能性があります。一時期は消えてしまうのではない …

ケータイやDS全シリーズに対応のマルチ充電ケーブル登場!

1年以上前の記事です。内容が古い可能性があります。マルチ充電ケーブルというと、5 …

血液型オヤジ