テーブル作成プラグイン「TablePress」

テーブルテスト（１）

商品名
商品１
商品２
商品３
商品４
項目Ａあああああいいいいいううううううえええええ
項目Ｂ
ここは下のセルと結合し、
真ん中寄せにしています。
（rowspan）
ここは右のセルと結合
しています。（colspan）		けけけけけ
項目Ｃしししししすすすすすせせせせせ
項目Ｄたたたたたちちちちちつつつつつててててて

 

テーブルテスト（２） − スマホ比較表 −

 
Apple
iPhone 5s
Sony
Xperia Z1
Samsung
Galaxy S4
寸法123.8 x 58.6 x 7.6mm144.4 x 73.9 x 8.5mm137 x 70 x 8mm
重量112g169g134g
画面サイズ4 インチ5 インチ5 インチ
解像度1136 x 640
(326ppi)		1920 x 1080
(441ppi)		1920 x 1080
(441ppi)
ディスプレイRetina ディスプレイ
(液晶)		トリルミナス ディスプレイ
for モバイル (液晶)		Super AMOLED (有機EL)
ストレージ3G通話10時間
3G待受250時間
音楽再生40時間		3000mAh
3G通話15時間
3G待受850時間
音楽再生110時間		2600mAh
3G通話12時間
3G待受410時間
商品サイトAppleSonySamsung

 

tabletest.csv

Table Test
A君
B君
C君
身長160cm170cm180cm
体重60kg70kg80kg
csvファイルをインポートして作った表です。

Arconix Shortcode – List

ショートコードの記述例と表示

■リスト

[list style="arrow-blue"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

青色以外の指定：arrow-black, arrow-green, arrow-grey, arrow-orange, arrow-pink, arrow-red, arrow-white

レマーク

[list style="check"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

×マーク

[list style="closes"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

★マーク

[list style="star"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

 

Arconix Shortcode – Toggle

ショートコードの記述例と表示

[toggle heading="h5" title="ここをクリック"]この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。[/toggle]

 

ここをクリック
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

Arconix Shortcode – Tabs

ショートコードの記述例と表示

[tabs]
[tab title="Tab 1"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/tab]]
[tab title="Tab 2"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/tab]
[tab title="Tab 3"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/tab]
[/tabs]

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

Arconix Shortcode – Colums

ショートコードの記述例と表示

２カラム

[one-half]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-half][one-half last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-half]

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

３カラム

[one-third]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third][one-third]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third][one-third last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third]

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

４カラム

[one-fourth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth][one-fourth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth][one-fourth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth][one-fourth last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth]

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

５カラム

[one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth][one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth][one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth]][one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth][one-fifth last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth]

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。