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

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

エントリーには、各種ユニットを使用して様々な情報を入力できます。ここでは、入力する情報や、入力方法ごとの利用方法について説明します。


文章を入力する

最も基本的な文章=本文を入力する場合には、テキストユニットの「本文」を使用します。1つのフォームは1つの段落として登録されます。複数の段落で構成される文章の場合は、複数のテキストユニットを使用しましょう。



文章にリンクを設定する

テキストユニットで入力している文章にリンクを設定する場合には「リンク挿入」を使用します。入力された文章を選択し「リンク挿入」をクリックすることで、リンク先を登録するウィンドウが表示されます。リンク先を設定すると、選択された文章にリンクをするHTMLタグが追加されます。



文章に強調部分を設定する


文章の一部を強調したい場合には「強調1」または「強調2」を使用します。
文章にリンクを設定したのと同様に、 入力された文章を選択し「強調1」または「強調2」 をクリックすることで選択された文章に強調を示すHTMLタグが追加されます。
強調1はem要素、強調2はstrong要素が追加されます。どちらも強調を示しますが、強調2=strong の方がより強い強調を示しています。



見出しを入力する

文章の見出しを入力する場合には、テキストユニットの「見出し2(〜5)」を使用します。文章の先頭に内容の要約としての見出しをつけることで、長い文章も読みやすくなります。
見出しは、数字が小さいものが大見出しとなり、エントリーのタイトルを「見出し1」としているため、ユニットとして使用できるのは「見出し2」からとなります。

(入力画面)



(表示例)



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

テーブル(表組)を入力する場合は、テキストユニットの「テーブル」を使用します。
ここで使用する記法は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あああ,いいい,ううう
えええ,おおお

例)ブラウザでの表示

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

カテゴリーリスト

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

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

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

a-blog cms デモサイト