WEBまねきねこ

ホームページをどうすればいいのか分からない中小零細企業のサイト運営を応援するブログ。中小企業診断士に挑戦中3週目。

WordPress

「WP-Table Reloaded」ワードプレスの記事内へ直感的にテーブルが作れるプラグイン

投稿日:2013年8月17日 更新日:

タグを打たなくてもラクラクテーブルが作れるプラグイン

WP内でテーブルを利用するときに便利なプラグインを見つけたので導入してみました。
とても直感的で使いやすいプラグインです。

参考にさせていただいたのはこのサイト
テーブル作成できるプラグイン「WP-Table Reloaded」の使い方

 

まずはプラグインを検索してインストールし、有効化。

おなじみの作業だと思いますので詳細は割愛します。

ワードプレスプラグインWP-Table Reloadedの導入1

すると、ツールの中に「WP-Table Reloaded」という項目が出来ていますのでクリック。

WS000001

 

テーブルを新しく作成する

新しくテーブルを作成したいので、「新しいテーブルを追加する」をクリック。

WS000002

 

 

すると下のような画面が出てきますので、タイトルと説明、行列の数を入力して「テーブルを追加する」をクリック。

WS000003

 

 

タグ打ちなしで直感的にテーブルを作っていく

今回は個人的趣味炸裂な宝塚トップ男役と娘役の愛称一覧表を作りたいと思いますので入力していきます。
(あんまり役に立たないマメ知識:宝塚のスターさんはきらびやかな芸名があるにも関わらず、いわゆる「あだ名」で呼ばれる事が多いです。音楽学校時代に同期生や先輩などに呼ばれていた呼び名がそのまま定着して、そのままファンからの愛称にもなっているようです。)

WS000004

最初の表作成のところで5行5列の表を作ってしまいましたが、宝塚には5つ組がありますのでタイトル行を作ってしまうと1行足りなくなってしまいました。

そこで最終行を1行追加したいと思います。まずは今まで入力した内容を保存。

WS000006

そして、1行追加をクリック。

WS000008

無事1行追加できましたので、入力できていなかった宙(そら)組を入力していきます。

WS000009

他にも行の途中への挿入や削除等、いろいろな変更が簡単に出来るようになっています。すごく分かりやすい。

次にオプションの設定です。今回はデフォルトのままにしてみようと思いましたが、
動的な要素は必要ありません。
一番下のJavaScrip適用の項目のチェックを外しましたので、その下のJavaScrip関係のリストのチェック部分がグレーアウトされました。

ワードプレスプラグインWP-Table Reloadedの導入

 

ワードプレスプラグインWP-Table Reloadedの導入

その下のカスタムデータフィールドの項目も今回は不要なので入力しませんでした。

全部入力できたら変更を更新します。

出来たテーブルを記事へ挿入する

「テーブルのリスト」をクリックして移動すると先ほど作ったテーブルが出来上がっています。

ワードプレスプラグインWP-Table Reloadedの導入

「ショートコード」をクリックするとポップアップが立ち上がり、

 

WS000020

立ち上がったポップアップに記載されているコードをコピーし、記事内に貼り付けるとあら不思議!

ワードプレスプラグインWP-Table Reloadedの導入

じゃじゃ~ん

組名トップ男役愛称トップ娘役愛称
雪組壮 一帆(そう かずほ)えりたん・えりこ様愛加 あゆ(まなか あゆ)あゆっち
月組龍 真咲(りゅう まさき)まさお愛希 れいか (まなき れいか)ちゃぴ
花組蘭寿 とむ(らんじゅ とむ)とむ・まゆさん蘭乃 はな(らんの はな)らんちゃん
星組柚木 礼音(ゆずき れおん)ちえちゃん夢前 ねね(ゆめさき ねね)ねねちゃん
宙組凰稀 かなめ(おうき かなめ)てる・りかちゃん・かなめちゃん実咲 凛音(みさき りおん)みりおん

 

素晴らしい!簡単に表が出来てしまいました!

ちなみにあゆっちはねねちゃんの妹です。史上初姉妹トップ娘役です。

※ビジュアルエディタ内でも表示されずコードのままの表示ですが、実際のページでは呼び出されて表示されています

以上、WP-Table Reloadedの導入でした。

-WordPress
-

執筆者:

関連記事

Akismetキー作成ページが英語でした

スパムコメントをブロックしてくれるプラグインAkismetを有効にする方法

Akismetってどんなプラグイン? ワードプレスをインストールすると、最初からいくつかのプラグインが入っています。 その中の一つ、Akismet。 説明では、 何千万人もの人に利用されている Aki …

WordPressサイトでデータ移動せずにドメインだけを変更する手順の記録

データはそのままで、ドメインだけを変更する いままでex_aaa.comで運用してきたサイトのドメインを、何らかの理由でex_bbb.comに変更したい、または変更しなければならないことがあるかもしれ …

お品書き

Table of Contents Plusを使ってブログに目次を付けてみた

色々なブログを見ていると、見出しを目次にして上手に誘導しているサイトがよく目につきます。どんなことが書いてあるかが分かると読み進めやすいし、情報が整理されているような印象があり好感が持てます。 1 ユ …