ワードプレステーマを「AFFINGER(WING)」から「JIN」に変更して、40記事以上いっきに書き直しました(^^;
テーマを変更すると、ショートコードや装飾パーツを書き直すため、結構たいへんです。最初は使いやすいと思ってたショートコードの選択も、慣れてくるとちょっと面倒になってきます。
例えば「JIN」お馴染みの黒板のBox
ショートコードの選び方は、こんな感じ(ビジュアルモード)
[box03 title="ここにタイトルを入力"]ここに本文を入力[/box03] の赤い部分は毎回消さないといけない・・・(僕のような初心者だけかも知れませんが^^;;)
と迷うこともしばしば。。
「JIN」のショートコードをまとめてくれてるサイトを見ながら執筆してるのですが、どうせなら自分の使いやすいようにと、自分用を作ることにしました。
もしかすると、僕と同じ書き方をする人がいるかも知れませんので、公開しとこうと思います。役に立つようなら活用下さい^^
僕が使いやすいように編集してますので、ショートコードの順番や不足はご容赦下さいm(_ _)m
スタイル(ボックス)
そのままで使いやすいのですが、どのボックスになるか良く忘れるので載せてます(^^;;
ボックス
下のコード部分をクリックするとコピーできます。
[box01 title=""][/box01]
[box02 title=""][/box02]
[box03 title=""][/box03]
[box04 title=""][/box04]
[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]
絵の素材は、あらかじめ自分のメディアにファイルとして保存をお願いします。
まとめ
プログラミング言語のまったく分からない素人が、まとめファイルを作ろうとすると、なかなか大変でした。どうやったらコピーできるかも分からず・・^^;
ネットで色々調べて何となく出来上がった記事になります。参考にさせて頂いたブログの皆様ありがとうございました。特に「ひちょこさん」のブログに助けられました。ほぼそのまま使わせて貰ってます^^