1. トップ
  2. 操作マニュアル
  3. 登録・変更マニュアル
  4. いろいろな情報の入力方法
  5. テーブル(表組)を入力する

いろいろな情報の入力方法

テーブル(表組)を入力する

テーブル(表組)を入力する場合は、テキストユニットの「テーブル」を使用します。
ここで使用する記法はa-blog cms専用のものとなっています。
「テーブル」ユニットでは、HTMLを使わずに簡易記法で表組を入力することができます。

入力の基本

本文の1行がテーブルの1行()となり、行の中で「,(カンマ)」を入れる事によりセル()を区切ることができます。改行をすると新たな1行()が追加されます。セル内でカンマを使用する場合はカンマのあるセルを半角ダブルクォーテーション(「"」)で囲みます。

例)テーブル書式での表記

aaaaa,bbbbb,ccccc
ddddd,eeeee,fffff

例)ブラウザでの表示

aaaaabbbbbccccc
dddddeeeeefffff

セル内でカンマを使用する場合

カンマのあるセルを半角ダブルクォーテーション(「"」)で囲みます。

例)テーブル書式での表記

"aaaaa,bbbbb",ccccc

例)ブラウザでの表示

aaaaa,bbbbbccccc

「th」の設定

「th(表ヘッダ=見出し)」として設定したいセルの先頭に「#」を入力します。

例)テーブル書式での表記

#aaaaa,bbbbb,ccccc
#ddddd,eeeee,fffff

例)ブラウザでの表示

aaaaabbbbbccccc
dddddeeeeefffff

右寄せ

右寄せとして設定したいセルの右端に「|(バーティカルバー)」を入力します。

例)テーブル書式での表記

aaaaaaaaaa|,bbbbb|,cccccccccccccc|
ddddd|,eeeeeeeeeeee|,fffff|

例)ブラウザでの表示

aaaaaaaaaabbbbbcccccccccccccc
dddddeeeeeeeeeeeefffff

左寄せ

左寄せとして設定したいセルの左端に「|(バーティカルバー)」を入力します。

例)テーブル書式での表記

|aaaaaaaaaa,|bbbbb,|cccccccccccccc
|ddddd,|eeeeeeeeeeee,|fffff

例)ブラウザでの表示

aaaaaaaaaabbbbbcccccccccccccc
dddddeeeeeeeeeeeefffff

中央揃え

中央揃えとして設定したいセルの両方の端に「|(バーティカルバー)」を入力します。

例)テーブル書式での表記

|aaaaaaaaaa|,|bbbbb|,|cccccccccccccc|
|ddddd|,|eeeeeeeeeeee|,|fffff|

例)ブラウザでの表示

aaaaaaaaaabbbbbcccccccccccccc
dddddeeeeeeeeeeeefffff

改行の禁止

改行を禁止したいセルの両方の端に「 [ ] 」を入力します。

例)テーブル書式での表記

[cccccdddddeeeeefffff],aaaaabbbbb
ggggg,hhhhh

例)ブラウザでの表示

cccccdddddeeeeefffffaaaaabbbbb
ggggghhhhh

セルの結合

水平方向、垂直方向にセルを結合します。v1.5.1からご利用いただけます。

水平方向の結合(colspan)

例)テーブル書式での表記

>2あああ,いいい
ううう,えええ,おおお

例)ブラウザでの表示

あああいいい
うううえええおおお

垂直方向の結合(rowspan)

例)テーブル書式での表記

^2あああ,いいい,ううう
えええ,おおお

例)ブラウザでの表示

あああいいいううう
えええおおお

  • Xでシェアする
  • Facebookでシェアする
  • このエントリーをはてなブックマークに追加

カテゴリーリスト

a-blog cmsを体験してみよう!

お手元のPC、スマートフォンで a-blog cms製Webサイトをご覧いただけます。

メニューの「ログイン」からエントリーの投稿も!

a-blog cms デモサイト