ブログ運営

【執筆用】テーマ「JIN」よく使うショートコード・装飾パーツまとめ

pen

 

ワードプレステーマを「AFFINGER(WING)」から「JIN」に変更して、40記事以上いっきに書き直しました(^^;

 

テーマを変更すると、ショートコードや装飾パーツを書き直すため、結構たいへんです。最初は使いやすいと思ってたショートコードの選択も、慣れてくるとちょっと面倒になってきます。

 

例えば「JIN」お馴染みの黒板のBox
ここにタイトルを入力

ここに本文を入力

 

ショートコードの選び方は、こんな感じ(ビジュアルモード)

ショートコード1

 

[box03 title="ここにタイトルを入力"]ここに本文を入力[/box03] の赤い部分は毎回消さないといけない・・・(僕のような初心者だけかも知れませんが^^;;)

 

黒板のBoxは、何番だったっけ?

と迷うこともしばしば。。

 

「JIN」のショートコードをまとめてくれてるサイトを見ながら執筆してるのですが、どうせなら自分の使いやすいようにと、自分用を作ることにしました。

 

もしかすると、僕と同じ書き方をする人がいるかも知れませんので、公開しとこうと思います。役に立つようなら活用下さい^^

 

僕が使いやすいように編集してますので、ショートコードの順番や不足はご容赦下さいm(_ _)m

 

スタイル(ボックス)

そのままで使いやすいのですが、どのボックスになるか良く忘れるので載せてます(^^;;

1:太枠ボックス

2:太枠点ボックス

3:2重線ボックス

4:細枠背景色ボックス

5:細点線背景色ボックス

6:背景色ボックス

7:太枠背景色ボックス

8:左線ボックス

9:端折れボックス

10:注意点ボックス

11:良い例ボックス

12:悪い例ボックス

13:参考ボックス

14:メモボックス

15:ポイントボックス

 

ボックス

下のコード部分をクリックするとコピーできます。

Box16

[box01 title=""][/box01]

 

 

Box17

[box02 title=""][/box02]

 

 

Box18

[box03 title=""][/box03]

 

 

Box19

[box04 title=""][/box04]

 

 

Box20

[box05 title=""][/box05]

 

 

[box06 title=""][/box06]

 

付箋

 

右肩下がり
[jin-fusen1-down text=""]

 

 

平行
[jin-fusen1-even text=""]

 

 

右肩上がり
[jin-fusen1-up text=""]

 

 

吹き出し付箋
[jin-fusen2 text=""]

 

 

吹き出し付箋(角丸)
[jin-fusen3 text=""]

 

 

アイコンボックス

 

注意
[jin-iconbox01][/jin-iconbox01]

 

 

[jin-iconbox02][/jin-iconbox02]

 

 

電球
[jin-iconbox03][/jin-iconbox03]

 

 

カート
[jin-iconbox04][/jin-iconbox04]

 

 

お知らせ
[jin-iconbox05][/jin-iconbox05]

 

 

吹き出し
[jin-iconbox06][/jin-iconbox06]

 

 

チェック
[jin-iconbox07][/jin-iconbox07]

 

 

鉛筆
[jin-iconbox08][/jin-iconbox08]

 

 

情報
[jin-iconbox10][/jin-iconbox10]

 

 

歯車
[jin-iconbox11][/jin-iconbox11]

 

 

クリップボード
[jin-iconbox12][/jin-iconbox12]

 

 

いいね!
[jin-iconbox09][/jin-iconbox09]

 

 

よくない
[jin-iconbox14][/jin-iconbox14]

 

 

ハート
[jin-iconbox13][/jin-iconbox13]

 

 

はてなマーク
[jin-iconbox15][/jin-iconbox15]

 

 

[jin-iconbox16][/jin-iconbox16]

 

 

会話(チャットコード)

 

ここに文字を入力してください
[chat face="man1" name="" align="left" border="gray" bg="none" style=""][/chat]

 

ここに文字を入力してください
[chat face="man2" name="" align="left" border="green" bg="green" style=""][/chat]

 

ここに文字を入力してください
[chat face="man3" name="" align="left" border="blue" bg="none" style=""][/chat]

 

ここに文字を入力してください
[chat face="man1" name="" align="left" border="red" bg="red" style=""][/chat]

 

ここに文字を入力してください
[chat face="man1" name="" align="left" border="yellow" bg="yellow" style=""][/chat]

 

ここに文字を入力してください
[chat face="woman1" name="" align="right" border="gray" bg="none" style=""][/chat]

 

ここに文字を入力してください
[chat face="woman2" name="" align="right" border="green" bg="green" style=""][/chat]

 

ここに文字を入力してください
[chat face="woman3" name="" align="right" border="blue" bg="none" style=""][/chat]

 

ここに文字を入力してください
[chat face="woman1" name="" align="right" border="red" bg="red" style=""][/chat]

 

ここに文字を入力してください
[chat face="woman1" name="" align="right" border="yellow" bg="yellow" style=""][/chat]

 

会話(いらすとやさん)

誰もがお世話になってるいらすとやさん。素晴らしい素材がたくさんありますので、是非サイトをのぞいて見て下さい。いつか恩返ししたいと思ってますm(_ _)m

 

ここに文字を入力してください
[chat face="dog3_1_question.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="dog2_1_idea.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="dog2_3_shock.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="dog2_4_think.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="dog3_4_tehe.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="dog2_2_surprise.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="cat2_1_idea.png" name="" align="right" border="yellow" bg="yellow"][/chat]

 

ここに文字を入力してください
[chat face="cat3_1_question.png" name="" align="right" border="yellow" bg="yellow"][/chat]

 

ここに文字を入力してください
[chat face="cat2_3_shock.png" name="" align="right" border="yellow" bg="yellow"][/chat]

 

ここに文字を入力してください
[chat face="cat2_2_surprise.png" name="" align="right" border="yellow" bg="yellow"][/chat]

 

ここに文字を入力してください
[chat face="angry_fukureru_boy.png" name="" align="left" border="red" bg="red"][/chat]

 

ここに文字を入力してください
[chat face="angry_fukureru_girl.png" name="" align="left" border="red" bg="red"][/chat]

 

ここに文字を入力してください
[chat face="yaruki_moeru_man.png" name="" align="left" border="yellow" bg="yellow"][/chat]

 

ここに文字を入力してください
[chat face="komatta_man2.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="man_question.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="ojisan3_question.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="girl_question.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="obasan_question.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="sagyouin_man09_question.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="face_smile_man4.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="necchusyou_face_boy1.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="necchusyou_face_boy2.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="necchusyou_face_boy3.png" name="" align="left" border="green" bg="green"][/chat]

 

ここに文字を入力してください
[chat face="necchusyou_face_boy4.png" name="" align="left" border="blue" bg="none"][/chat]

 

ここに文字を入力してください
[chat face="necchusyou_face_boy5.png" name="" align="left" border="blue" bg="blue"][/chat]

 

絵の素材は、あらかじめ自分のメディアにファイルとして保存をお願いします。

 

まとめ

プログラミング言語のまったく分からない素人が、まとめファイルを作ろうとすると、なかなか大変でした。どうやったらコピーできるかも分からず・・^^;

ネットで色々調べて何となく出来上がった記事になります。参考にさせて頂いたブログの皆様ありがとうございました。特に「ひちょこさん」のブログに助けられました。ほぼそのまま使わせて貰ってます^^