TablePress(ワードプレスのプラグイン)
今日は、ワードプレスのプラグイン、TablePressのテストです。
HTMLコードを記述しなくても、投稿やページ内にテーブルを作成し、管理することができる便利なプラグイン。
テストのテーブルをこの記事に入れてみます。
この記事をアップした時、最初はショートコードでこの記事にテーブルを入れてたんだけど、カスタムCSSで基本のテーブルの設定を決めてしまうことにしたので、画像に変更しました。
2014.11.23
初めて使ったプラグインなので、ただただテーブルを作ってみました、って感じだけど(^_^;)。
これから設定とかいじってみて、今後活用していこうと思います！
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
追記…
初めてTablePressで作ったテーブルは、テーブル内のタテの線がありません。
そこで、ネットで調べて、タテの線の入れ方を試してみました。
イイ感じにタテの線が入りましたが…どうでしょう？(^^)
テーブルの装飾は、「TablePress」→「プラグインのオプション」→「カスタムCSS」で設定できるんですね。
タテの線を入れるために記述したのは…
.tablepress-id-○ td,
.tablepress-id-○ th {
border: 1px solid #ccc;
}
今度は、セルの幅を調節してみます。
こちらは、記事に記述するテーブルのショートコードに加えればOKなんですね！
一番左のセルだけ少し幅を大きく、残り4つの説は同じ幅です。
ショートコードに加えたのは…
column_widths="40%|15%|15%|15%|15%"
私は「%」で記述したけど、「px」でもOK。
簡単にいろいろとテーブル装飾ができて楽しいかも～(^^)。
今後もまだまだいろいろ試してみます！
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
追記2…
カスタムCSSで、今後作るテーブルの基本を決めました。
タテの線と、フォントサイズ。
ただ、一番上の部分のフォントサイズが変わらない…。
もう一度調べて、やってみます。
[table id=1 /]