© TamKid.com All rights reserved.

PI_02_201505021704

20155/2

2,092 views

【WordPress】表組みが簡単にできるTablePress


以前から弊社サイトにおいて、一部の表組みには使っていた

TablePress

このサイトでは表組みをつかった記事を書いたことがなかったので入れてませんが……。プラグインとしても特に有名なので使い方はGoogleで検索するとすぐ出てくる。

テーブル作成プラグイン「TablePress」の使い方と装飾方法

テーブルを誰でも簡単に作成出来るプラグインTablePressが便利!

TablePressのテーブル幅を変更する&表の背景色や文字色を変更する方法

などなど、まだまだたくさん使い方を紹介しているサイトがあるので、インストール&使い方は上記や他サイトをご参考に。

さて、弊社サイトでもあまり使ってなかったTablePressですが、なぜ使わなかったか……というと、自分で記事をアップするなら<table>のほうが早く作れたから!! と、まぁ……完全な私的な理由です。そもそも投稿記事は〝ビジュアル〟画面は使わず、ほぼ〝テキスト〟画面で作っていたので、タグ打ちすればいいや〜と運用していましたが、サイト構築は終わりつつあるので、運用はWeb関連に詳しくない人に引き継ぎすることとなり、そこで多少パニック。リテラシーってほどじゃないけど、やったことがない人に説明するのってほんと大変。そこで、今まで直タグ打ちしていた部分をできるだけ直感的なプラグイン化しようと。

まさに、表組みが誰でも簡単に作れるプラグイン「TablePress」

TablePress << 本元サイト(英語)

一番良いなぁって思ったのは、ショートコード化できること。これで投稿作成時に〝ビジュアル〟画面と〝テキスト〟画面〟の切り替えをしても表組みが崩れない。

PI_02_201505021757

なんとなく〝テキスト〟画面〟のほうが便利な気がしてそっちでずっと作っていたせいか、〝ビジュアル〟画面を触ったことがなかったけど、引き継ぎでリテラシーが低い人に説明しようとすると〝ビジュアル〟画面で説明するとすごい便利だ!! と感じてしまった。もちろん<script>タグとか入れちゃうから〝テキスト〟画面〟も使うけど、最後整えるのは、〝ビジュアル〟画面かなぁと思うようになってきた。しかし、投稿作成時に画面の切り替えが頻繁に発生すると、表組み崩れてしまう可能性が!? 特に表組み中に結合など複雑な表組みは崩れてしまう可能性が非常に高い。

そこでショートコード化できるTablePress

ショートコード化されていれば、画面の切り替えに全く影響されない。う〜ん、便利ですな。

 

PI_02_201505021804

次に便利だと思うのはCSSかも。外観 >> テーマの編集 とかからstyle.cssを直接いじらなくても、CSSを追加可能である。一からテーマを作り上がられる人だとたいしたことがないけど、無料・有料のテーマからWordPressでサイト構築する場合はstyle.cssが様々。それを全部見てわかるレバルの人にとってもまたたいしたことがないかもしれないが、そこまでのリテラシーがない人にとってはとても便利な機能だと思う。

レスポンシブにも対応できるCSSがかける

【Wordpress】TablePressで2カラム表組みレスポンシブ化 で書きましたが、TablePressでは、レスポンシブ対応するさらにプラグインが公開されている。表組みによってはそれで十分対応できるが、スマホなどではblock化して組み替えて表示したい時などは、ここでカスタムCSSを入れた方がきれいに表示ができる……など、ユーザビリティを高めることができるのがうれしい。

 

最後に、今回タグ打ちしてある表組みが30個以上有り、それをすべてTablePressへ移行しようと考えているので、このインポート/エクスポート機能が装備されていると非常にうれしい。バックアップにもなるし、Web以外に運用すること、他のメディアやデータとして運用しているモノでも変換して活用できることになる。趣味性が高いサイトではそうでもないかもしれないが、ビジネスでの運用となると意外とこういった機能が重宝されると思う。

データを活用しやすくするインポート/エクスポート機能

※追記2015.05.03

インポートする際のCSVですが、文字コードをUTF-8にしないと文字化けしました。どうもExcelでCSVに保存するとSJISで保存されるらしく、さらにテキストエディタで開いて、UTF-8で保存しないといけないみたい……

うーん、困ったなぁ。nkfをインストールさせてコマンド処理なんてハードルあがるし……、あっ!!! MacならMultiTextConverterでいいかも!?

 

以上が、TablesPressで便利だなぁと思うことでした。


The following two tabs change content below.

清沢 たもつ

代表取締役社長株式会社イーグル
(きよさわ たもつ)1971年生まれ。2005年10月代表取締役社長に就任。瀬戸まなぶをパートナーとしたDesign会社であったが、高橋浩司(編集者)/木村博道(Photographer)が入社後、編集プロダクションへ。Art Director / Graphic Designerに従事し、Web Designやシステム設計、LAN設計を行う。Designerだが、会社経営とネットワークを中心としたsystem Engineer的な仕事も得意としている。

  1. この記事へのコメントはありません。

  1. 2015年 5月 03日

menu-search_201505102208

20155/10

【WordPress】グローバルメニューに検索

自社で求人のサイトを作ってみよう!っと3週間前に社内で展開して、その間に校了がいくつかあって、さらにGWと……。なんやかんやで実質、1週間ぐ…

2,636 views

bn_201505062134

20155/6

【WordPress】Breadcrumb NavXTをリッチスニペットに対応させる

いわゆるSEOについて考え、ネットでいろいろと見ていると、テクニック的な要素としてリッチスニペットの話をよく見かける。リッチスニペットとは …

2,516 views

PI_02_201505021704

20155/3

【WordPress】TablePressで2カラム(セル)表組みレスポンシブ化

TablePressって本家からレスポンシブ対応の追加プラグインが出ているんですね!? TablePress Responsive Tab…

3,297 views

imac_yosemite

20154/11

【Mac】Yosemite Server Part.2

先日、作業用のiMacからOS X Yosemite 10.10.3へのアップデートのアラートが! OS X Yosemite とりあえ…

971 views

mobile01

20153/29

【WordPress】レスポンシブ対応

仕事で込み入っている最中…… 普段はまったくこないGmailアカウントにメールが突然やってきた。 何だと思ってメールを確認してみると…

1,065 views

ページ上部へ戻る