WordPressテーマELEPHANT2にちょっと便利なトピックボックスのショートコードを追加しました
この記事を書いている人 - WRITER -
色んな人にブログ運営の事を教えているブログ集客の専門家。得意なのはブログ集客・SNS活用法・SEOライティング。※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
今回は、新たなショートコード機能を追加しました。
- ELEPHANT2のバージョン1.4.7
- ELEPHANT-SINGLEのバージョン1.4.3
にて、以下のようなトピックボックスが使えるようになりました。
↓↓↓↓↓ こんなやつです。 ↓↓↓↓↓
ELEPHANTに新機能!
- ELEPHANT2とSINGLEに追加された「トピックボックス」の使い方
- 色のバリエーション
この2点について今回は解説します。
ELEPHANTに新機能!『トピックボックス』のショートコードが使えるようになります
まずは、ショートコードの書き方です。
|
[topic color="ここに色" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
こんな風に、本文に書いてみてください。
ここに色というところには、色の英語を入れます。今回用意しているのは8色です。
- black(黒)
- gray(グレー)
- red(赤)
- blue(青)
- green(緑)
- pink(ピンク)
- orange(オレンジ)
- yellow(黄)
この英語を、「ここに色」というところに入れていただければ以下のようになります。
black (黒)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="black" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
gray(グレー)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="gray" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
red(赤)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="red" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
blue(青)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="blue" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
green(緑)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="green" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
pink(ピンク)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="pink" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
orange(オレンジ)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="orange" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |
yellow(黄)
ここにトピックのタイトル
ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。
|
[topic color="yellow" title="ここにトピックのタイトル"] ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。ここに枠の中身を書く。 [/topic] |