5 - 3 : BBエディタ
Xoopsで文字や画像を格納していくのに、もっとも使うのが XoopsBBcodeです。この使い方をマスターしておくことは非常に大切なことです。
XoopsBBcodeは、HTMLファイルと同じように、文字列だけからなるホームページ用のコードです。ただ、文字列だけを入れなさいなんて事を書 くと、非常に不親切ですので、Xoopsでは、BBコードエディターみたいなちょっと親切なツールを用意しています。名前は何なのかわからないので、ここ では「BBエディタ」と呼びます。
今は、FCKEditorやTInyMCEエディタを使うのが主流になっていますが、文字や簡単な画像をどんどん入力していくには、まだこのBBエディタがわかりやすいかもしれません。
この使い方については、XOOPS独習マニュアル140ページ~153ページをご覧ください。
XoopsBBcode一覧
XoopsBBcodeは、
[コマンド] 文章 [/コマンド]
という形からなっています。それぞれのコマンドと書式・記入例および表示例を説明しておきます。
初心者の段階ではあまり見ることがないかもしれませんが、スキルアップするに従って必要になると思います。なお、XoopsBBcodeは、大文字と小文字の区別をしません。一覧ではすべて小文字で書きます。なお、重複して利用することもできます。(太文字と下線を両方使うなど)
b |
目的 |
文字を太文字にします。 |
書式 |
太文字にしたいテキスト |
記入例 |
強調したい文字です |
i |
目的 |
文字を斜体にします。 |
書式 |
斜体にしたいテキスト |
記入例 |
斜体にしたい文字です |
u |
目的 |
文字に下線を引きます。 |
書式 |
下線を引きたいテキスト |
記入例 |
下線を引く文字です |
d |
目的 |
文字に取消線をつけます。 |
書式 |
取消線をつけたいテキスト |
記入例 |
取消したい文字です |
url |
目的 |
ホームページのリンクを作成します。 |
書式 |
リンク先への説明 |
記入例 |
[url=http://www.chushokigyo.net]Chushokigyo.netのホームページです![/b] |
email |
目的 |
電子メールへのリンクを作成します |
書式 |
[email=メールアドレス]メールの説明[/email] |
記入例 |
[email=]メールはこちらまで[/mail] |
quote |
目的 |
引用文を表示します。引用文は通常枠に囲まれて表示されます。 |
書式 |
引用e: |
記入例 |
引用e: |
img |
目的 |
画像を表示します。 |
書式 |
(位置指定をしないとき) (画像左寄せにし、その右側に文字をまわりこませる時) (画像を右寄せにし、その左側に文字をまわりこませる時) |
記入例 |
|
font |
目的 |
文字のフォントを変更します。(半角英数字のみ) |
書式 |
フォントを変更したいテキスト フォント名は、Arial, Courier, Georgia, Helvetica, Impact, Verdanaのいずれか |
記入例 |
Let’s enjoy Xoops Page! |
color |
目的 |
文字色を指定。 |
書式 |
[color=カラーコード[1]]色を変えたいテキスト[/color] |
記入例 |
紫色にしたい文字です |
size |
目的 |
文字を大きさを設定します。 |
書式 |
[size=文字大きさ]大きさを変更したいテキスト[/size] 大きさは大きい順にxx-large, x-large, large, medium, small, x-small, xx-small |
記入例 |
大きくしたい文字です |
code |
目的 |
プログラムソースなどを書くときに見たまま表示させるようにします。通常行頭のスペースは無視されますが、字下げなどを行うことができます。 |
書式 |
プログラムソース |
記入例 |
|
[1] カラーコードは、R(赤)、G(緑)、B(青)の3減色の度合いをそれぞれ00~FF(255)までに分解して色を表示するもの。赤の場合はff0000、黄色の場合はffff00という風になる。カラーコードでホームページを検索すると参照できます。