フォーラムとギャラリーで使うBBコード

 DSBで作った作品をギャラリーに発表する際に使う BBコード 、クレジットにリンクをつけたり、画像をフォーラムに貼る際に必要な知識です。

 ギャラリーひとつだけとか、ブログだけなら入力支援用のアイコンを使えばラクチンですが、複数となるとけっこうな手間です。今日はBBコード入力を少しラクにする方法をご紹介します。

BBコードの中身を知っておくと少しラク

リンクつきの文字列

クレジットにリンクを貼る際などに使います。

[url=][/url]

 ↓↓↓ イコールの後にURL、二つの括弧の間に文字列を入れます。

[url= ショップなど手に入れた場所のURL ] クレジット [/url]

 ↓↓↓ 即ち、下記のように記述します。*実際に使う際はスペースは空けないでね。

[url= http://dsb1st.com/freebie/freebie-welcome-summer/ ] Welcome Summer by akizo designs [/url]

 ↓↓↓ するとこういう表示になり、リンク付きの文字列ができます。

Welcome Summer by akizo designs

リンク付きの画像

フォーラムにリンク付きの画像を貼る際などに使います。

[url=][img][/img][/url]

 ↓↓↓

[url= リンクのURL ][img] 画像のURL [/img][/url]

 ↓↓↓

[url= http://dsb1st.com/freebie/freebie-welcome-summer/ ][img] http://dsb1st.com/wp-content/uploads/2014/11/ws_ep.jpg [/img][/url]

 ↓↓↓

Sakura 2012

テキストエディタを使うと少しラク

 複数のギャラリーにupする時は、テキストエディタに予めコードを書いておいて、一気にコピペするとラクちんです。

 私は「Crescent Eve」というフリーのエディタを使っています。Crescent Eveの素晴らしいところは、便利で必要な機能だけ付いていることです。特にお気に入りの機能が「定型句の挿入」で、よく使う文字列を登録しておくとショートカットで貼ることができます。10個登録でき、「Ctrlキー+数字」で呼び出します。後は「html」タグの閉じタグがCtrl+enterキーで打てたり、文法チェック機能など、HTMLエディタとしても優れていて、私はブログの記事も全部これで書いています。

BB code入力支援 Crescent Eve

 「定型句の編集」画面です。ここに良く使う文字列を書いておきます。4~6にギャラリーやフォーラムで使う「BB code」を入れました。他はブログでよく使う「HTML」タグを入れておきました。「$select$」の部分は、あらかじめ文字列を選択しておいた上でショートカットキーを押すと、それ文字列もいっしょに記述されるという意味です。

アドオンを使うと更にラク

 エディタと共にブラウザの拡張機能を活用するとさらにラクちん。

 Chromeだと Copy Link Text、FireFoxだと、CoLT (Copy Link Text) というアドオンを使います。何ができるかと言うと、リンクの文字列とURLを一気にコピー、HTMLタグやBB code形式でペーストできます。まあ便利。

chrome add-on

 例えばChromeで、このブログの上部にある「TUTORIAL」の上で右クリックします→「Copy Link Text」→「BB code」をクリック。
テキストエディタ上でペースト「Ctrl+V」すると、

[url= http://dsb1st.com/tutorial/ ] TUTORIAL [/url]

この用にペーストしてくれるんです(実際はスペースなし)。文字列でなく、リンクが貼ってある画像で同じことをしたら、URLだけ記述した状態でペーストされます。

アドオンの使い方:Google Chrome(グーグル クロム/クローム)

BB code入力支援

 まず Copy Link Text をダウンロード、追加します。Chromeの設定(三本線のアイコン)画面で、拡張機能→Copy Link Textのオプションをクリックします。

BB code入力支援

 上の3つは最初から設定されており、使いたい項目にチェックを付けます。Wiki用のコードも用意されていますね。
下の5つは自由に設定できるので、よく使う二つを登録しました。

BB code入力支援

 左のボックスには右クリックした時に表示される名前を入れ、右のボックスにはどのような形式でペーストしたいかを入力します。「%%url%%」で、ここにコピペしたいURLが入るといった具合です。URLとTextの他にも、TitleやPageURL、PageTitleも指定できます。この辺りは実際に使ってみた方がすぐ理解できると思います。

 これで、リンクの上で右クリックしたとき、上記の項目が現れるようになります。

アドオンの使い方:FireFox(ファイヤーフォックス)

BB code入力支援 firefox

 CoLT (Copy Link Text)をダウンロード、追加すると、何もせずとも右クリックでこのような項目が追加されます。新規に何か加えたい場合は、ツール→アドオンからCoLTの設定画面に行くと個別で設定することができます。

ギャラリーに付属している便利な機能

 ショップのチャレンジに参加すると、「作品をギャラリーにupした後、フォーラムに画像とリンクを貼る」というルールがあります。一部のギャラリーにはそれを手っ取り早くできる機能がついています。

BB code入力支援 The DigiChick

BB code入力支援 Lilypad

 The DigiChickでは「Linked Thumbnail」*[IMG]タグ内の thumbs/ を消すと通常サイズで表示されます。「Linked Image」の方はなぜか不明ですがリンクが付いていません*、Lilypadでは、「Share BB Code」にある文字列が、リンクつき画像のBBコード です。文字列をコピーしてフォーラムでペーストすると、リンクつきの画像をすぐ貼ることができます。

 この機能がないギャラリーで同じことをするには、こちらのスレッドにレイアウト画像とリンクを貼る方法で行うのですが、それに比べるととても便利ですよね。

フォーラムとギャラリーで使うBBコード」への3件のフィードバック

  1. Tsubasa Ima

    akizoさんのTipsは上手にまとめられてるから、とっても見やすいデス。
    すぐ忘れちゃう脳ミソなので重宝してます。(^з^)

    Crescent Eve、ワタシも使ってますけど便利なんだよね。
    先日もブログテンプレートを作る時にも使いましたし、
    慣れてくるとコレ、イイ!!と思うわ、マジに。

    chromeの拡張機能もイイよね~。
    最近、FierfoxでAdobe Flashのクラッシュが頻繁に起こるので、
    chromeをメインにしましたよー。

    おお~このアドオン、イイ!!
    ギャラリーUpが楽になりそうだぁ。
    ワタシも入れてみようかな…。

    返信
  2. Mirei

    分かりやすいチュートリアル、ありがとうございます^^
    BB Codeはなじみがなく、よく分かっていませんでした^^;

    私はFirefoxメインなので、CoLT早速DLしました~!
    テキストだけコピペしたいのに、リンク付きだとうまく選択できないことが多いのですが、
    これですんなりいきました♪何かと重宝しそうですね。

    返信
  3. yuchiko

    なんか..今までわからない英語と苦戦したまま超適当〜〜にやっていたけど、AKIZOさんがこうしてまとめて下さると本当にわかりやすいですね!!(*^^*)/「あ、なるほどねぇ〜!!」って思うのがたくさんあります!!AKIZOさん、どこまでPC詳しいんだ!!(><)尊敬です!!(*^^*)/私はその時適当にやって出来ても次やる時に「あれ?どうやったっけ?」って事よくあるので、これは本当に助かります!!ありがとうございます!!(*^^*)/

    返信

Leave a comment...