本行寺 フォーラム一覧 本行寺
ジセンのフォーラム
 
 よくある質問よくある質問   検索検索   メンバーリストメンバーリスト   グループグループ   登録登録 
 ユーザー設定ユーザー設定   PM確認のためにログインPM確認のためにログイン   ログインログイン 

BBCodeガイド
BBCodeの紹介
BBCodeとは?

テキストフォーマット
文字を太字、斜体、下線を当てはめる方法
文字の色や大きさを変える方法
タグを組み合わせることはできますか?

引用と固定幅テキストの出力
返信で文章を引用する方法
コードや固定幅データを出力する方法

リストの作成
番号のないリストを作成する方法
番号のあるリストを作成する方法

リンクの作成
他のサイトのリンクを作る方法

画像の表示
画像を載せる方法

その他
独自のタグを使うことはできますか?

 

BBCodeの紹介
BBCodeとは?
BBCodeとは特殊なHTMLの実行コードです。BBCodeの使用は管理者によって設定されていますので、設定でBBCodeが無効となっている場合は使うことができません。BBCodeが有効となっている場合でも、ユーザーは投稿画面でBBCodeを無効にすることができます。BBCodeはHTMLと似たスタイルをしていて、タグは< >ではなく[ ]が用いられます。使用するテンプレートによってBBCodeは記事内容投稿欄の上にBBCode用のボタンがあり、これ使うことで直接BBCodeタグを入力することなく挿入することができます。
トップに移動

テキストフォーマット
文字を太字、斜体、下線を当てはめる方法
BBCodeにはテキストの基本的なスタイルを変更するタグが含まれています。スタイルの変更は次のような方法で行うことができます:
  • 文字を太字にする場合はその文字を[b][/b]で囲みます

    [b]Hello![/b]

    上記のようにすれば Hello! となります
  • 文字に下線を付ける場合はその文字を[u][/u]で囲みます

    [u]Good Morning![/u]

    上記のようにすれば Good Morning となります
  • 文字を斜体にする場合はその文字を[i][/i]で囲みます

    [i]Great![/i]

    上記のようにすれば Great! となります

トップに移動
文字の色や大きさを変える方法
文字の色や大きさを変える場合は下記のタグを使用します。どのように表示されるかは観閲者のブラウザとシステムによって異なる場合があるので注意してください:
  • 文字の色を変える場合はその文字を[color=][/color]で囲みます。色の特定は(red, blue, yellow)といった単語、又は十六進数(例:#F5CA09)で指定することができます:

    [color=red]Hello![/color]

    又は

    [color=#FF0000]Hello![/color]

    上記のようにすれば Hello! となります
  • 文字の大きさを変える場合はその文字を[size=][/size]で囲みます。文字の大きさは数字(ピクセル単位)で指定し、最小1から最大29まで設定することができます:

    [size=9]SMALL[/size]

    上記のようにすれば SMALL となります

    同様に

    [size=24]HUGE![/size]

    上記のようにすれば HUGE! となります

トップに移動
タグを組み合わせることはできますか?
もちろんです。例としてタグをいくつか組み合わせたサンプルを書いてみます:

[size=18][color=red][b]LOOK AT ME![/b][/color][/size]

上記のようにすれば LOOK AT ME! となります

ただし、あまりタグを組み合わせることはお勧めしません。またタグの配置は正しく行ってください。次の例は間違ったタグの配置です:

[b][u]This is wrong[/b][/u]
トップに移動

引用と固定幅テキストの出力
返信で文章を引用する方法
文章を引用する方法は2種類あります
  • 返信する時に文章の引用機能を使いたい場合は、引用したい文章を [quote=""][/quote] で囲みます。" "の中には引用に関する情報(引用文章を書いた人物、引用した書籍など)を入力します。例えば、Mr. Bobという人物の文章を引用する場合は次のように入力することができます:

    [quote="Mr. Bob"] Mr. Bobの文章 [/quote]

    上記のようにすることで引用した文章がMr. Bobのものであることが分かります。[quote="Mr.Bob"]の""は必ずつけるようにしてください
  • 2つ目の方法は引用情報を入力せずに文章を[quote][/quote]で囲みます。この場合、引用した文章は誰によるものなのかは分かりません

トップに移動
コードや固定幅データを出力する方法
コードや固定幅が必要なものを出力したい場合は、そのテキストを[code][/code]で囲みます:

[code]echo "これはコードの一部です";[/code]

[code][/code]で囲まれている部分で使用されているフォーマットは全て無効となり、この中のフォントはCourierで表示されます
トップに移動

リストの作成
番号のないリストを作成する方法
BBCodeでは番号のあるリストとないリストをサポートしています。BBCodeのリストはHTMLのものと同じように機能します。番号のないリストは各項目の先頭に丸い点が置かれています。番号のないリストを作り場合は[list][/list]を用いて、各項目を[*]を用いて作ります。例えば自分の好きな色をリスト化する場合は次のようになります:

[list]
[*]Red
[*]Blue
[*]Yellow
[/list]

上記のようにすると次のようなリストができます:
  • Red
  • Blue
  • Yellow

トップに移動
番号のあるリストを作成する方法
番号のあるリストを作成するためには[list=1][/list]を用います。番号順の代わりにアルファベット順にしたい場合は[list=a][/list]を用います。各項目は[*]を用いて作ります。簡単な例を紹介します:

[list=1]
[*]Go to the shops
[*]Buy a new computer
[*]Swear at computer when it crashes
[/list]

上記のようにすると次のようなリストができます:
  1. Go to the shops
  2. Buy a new computer
  3. Swear at computer when it crashes
次にアルファベット順リストの例を紹介します:

[list=a]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

上記のようにすると次のようなリストができます:
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

トップに移動

リンクの作成
他のサイトのリンクを作る方法
BBCodeでは特定のURLへのリンクを作る方法をいくつかサポートしています。
  • リンクしたい文字を[url=][/url]で囲みます。"="の後にリンク先のURLを入力します。例えばphpBB.comへのリンクを作る場合は次のようにします:

    [url=http://www.phpbb.com/]Visit phpBB![/url]

    上記のようにすると Visit phpBB! と表示されます。デフォルトではリンクをクリックすると新しいウィンドウにリンク先のページが表示されるようになっています。
  • URLそのものをリンクにしたい場合は、単純に次のようにします:

    [url]http://www.phpbb.com/[/url]

    上記のようにすれば http://www.phpbb.com/ と表示されます。
  • phpBBには自動リンク機能が含まれています。自動リンクは構文的に正しいURLをタグを使用していなくてもリンクにする機能です。例えば www.phpbb.com と入力すると、これは自動的に www.phpbb.com と表示されます
  • メールアドレスに関しても自動リンク機能が有効になっています:

    [email]no.one@domain.adr[/email]

    上記のようにすれば no.one@domain.adr となります。しかし、タグをつけずに no.one@domain.adr と入力するだけでも自動的にリンクが作られます
リンクのタグは [img][/img] (このタグについては次の項目を見てください), [b][/b] など他の全てのBBCodeタグを囲むことができます。一つの部分に複数のタグを使用する場合は開始タグと終了タグを正しく並べてください。次のタグの使い方は間違ったものです:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

上記の例は誤った並べ方なので注意してください
トップに移動

画像の表示
画像を載せる方法
BBCodeを用いて画像を投稿記事に載せることができます。画像を使用する場合は2つほど注意することがあります。1つ目は多くのユーザーは大量の画像が表示される記事を好ましく思っていませんので、載せる画像の数やサイズに注意する必要があります。2つ目は使用する画像は既にインターネット上で利用できるものに限られるということです。現在のバージョンでは一時的にphpBBが画像を保管する機能はありません。画像を載せるには画像のURLを[img][/img]で囲みます:

[img]http://www.phpbb.com/images/phplogo.gif[/img]

リンクに関する項目でも述べていますが、画像にリンクを張る場合は上記の構文を[url][/url]で囲みます:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/img][/url]

上記のようにすれば次のようになります:



トップに移動

その他
独自のタグを使うことはできますか?
現在のバージョン(phpBB ver2.0)ではできません。次の大型バージョンでカスタマイズ可能なBBCodeを提供できるようにしようと考えています。
トップに移動

All times are GMT +9:00

移動先:  


Powered by phpBB © 2001, 2005 phpBB Group