新・元地方の中規模印刷会社で苦悩する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
遂に実用化?脳で動かすパソコン

1年以上前の記事です。内容が古い可能性があります。以前、インターフェイスの記事「 …

フーツラ(Futura)もどき?を無料でダウンロードできるサイト

1年以上前の記事です。内容が古い可能性があります。とある理由により、「Futur …

「Windows 8」を入れるとモニターがタッチパネルになるの?

1年以上前の記事です。内容が古い可能性があります。新しいWindowsマシン購入 …

紙が変わればスミアミが銀に

1年以上前の記事です。内容が古い可能性があります。スミアミが銀色に見える不思議な …

アイフォーンのインターフェースのすばらしさ

1年以上前の記事です。内容が古い可能性があります。最近、普通に本になっている辞書 …

no image
全てはWebに踏襲される「Skype」も「Kindle」も【今週のトピック】

1年以上前の記事です。内容が古い可能性があります。何でもかんでもWebブラウザさ …

no image
「zenback」が広告を始めたらしい。が、やめない

1年以上前の記事です。内容が古い可能性があります。当ブログでも採用していますトー …

「iPad」で「Windows 7」、「Word」「EXCEL」等がクラウドで使える

1年以上前の記事です。内容が古い可能性があります。日本ではまだ使えないようだが、 …

東京ディズニーリゾートチケットはネットで購入が楽でいい【チケット購入編】

1年以上前の記事です。内容が古い可能性があります。1. ユーザー登録編&nbsp …

ツイッター(Twitter)についにツイート編集機能が付く(かも)

1年以上前の記事です。内容が古い可能性があります。ツイッター(Twitter)で …

血液型オヤジ