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

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

---

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

---

リンクつきの文字列

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

[url=][/url]

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

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

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

[url= https://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= https://dsb1st.com/freebie/freebie-welcome-summer/ ][img] https://dsb1st.com/wp-content/uploads/2014/11/akizo_WelcomeSummer_ep_prev.jpg [/img][/url]

　↓↓↓

---

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

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

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

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

---

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

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

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

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

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

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

---

アドオンの使い方：Google Chrome（グーグル クロム/クローム）

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

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

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

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

---

アドオンの使い方：FireFox（ファイヤーフォックス）

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

---

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

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

　The Digital Pressや、Lilypadでは、「Share BB Code」という欄があり、この文字列が リンクつき画像のBBコード です。文字列をコピーしてフォーラムでペーストすると、リンクつきの画像をすぐ貼ることができます。

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