【WordPress】JIN のボックス & ボタン & 付箋

[chat face=”3L.png” name=”三男” align=”right” border=”red” bg=”none” style=”maru”]ブログテーマの【JIN】を使わせてもらっているけれど、よく使うはずのボックスの種類を記憶することができヌイ…なのでカンペを用意したヌイ！[/chat]

[jin_icon_check size=”24px” color=”#973030″]本記事の内容

[jin_icon_check size=”24px” color=”#973030″]本記事の信頼性

[jin-fusen3 text=”SNSやってます！”]

[jin_icon_twitter size=”24px” color=”#973030″]@MACLKO

[jin_icon_instagram size=”24px” color=”#973030″]@hermanos_moai

[jin_icon_instagram size=”24px” color=”#973030″]@speingo_verbos_moai

[jin_icon_information color=”#e9546b” size=”18px”]動詞の活用に特化したアカウントです

今回の記事は自分の備忘録として残しておきます。

このブログでは【JIN】という WordPress のブログテーマを使っております。

いつも記事の中でさまざまなタイプのボックスを使わせてもらっていますが、

それだと作業効率が改善されないので生まれた案がこの記事です。

もし同じようなブロガーさんがいれば役立てばいいなと思っています。

JIN ボックスの種類

スタイルから選ぶボックス

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

[chat face=”3R.png” name=”三男” align=”left” border=”red” bg=”none” style=”maru”]ボックスの色はカスタマイズできるヌイ！[/chat]

[chat face=”1L.png” name=”長男” align=”right” border=”green” bg=”none” style=”maru”]メモボックスは「まとめボックス」に変えてみたイスラ！[/chat]

ショートコードから選ぶボックス

[2col-box]
[2-left]

[box01 title=”ボックス１６”]ボックス１６[/box01]

[/2-left]
[2-right]

[box02 title=”ボックス１７”]ボックス１７[/box02]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[box03 title=”ボックス１８”]ボックス１８[/box03]

[/2-left]
[2-right]

[box04 title=”ボックス１９”]ボックス１９[/box04]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[box05 title=”ボックス２０”]ボックス２０[/box05]

[/2-left]
[2-right]

[box06 title=”あわせて読みたい”]ボックス２１[/box06]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[qa-box01 title=”Q&A”]Q&A[/qa-box01]

[/2-left]
[2-right]

[ac-box01 title=”アコーディオン”]アコーディオン[/ac-box01]

[/2-right]
[/2col-box]

JIN ボタンと付箋

ショートコードから選ぶボタン

[jin-button-flat visual=”” hover=”down” radius=”50px” color=”#54dcef” url=”” target=”_self”]フラットボタン[/jin-button-flat]

[jin-button-gradation visual=”” hover=”down” radius=”50px” color1=”#54dcef” color2=”#0794E8″ url=”” target=”_self”]グラデーションボタン[/jin-button-gradation]

[jin-button-shiny visual=”shiny” hover=”down” radius=”50px” color1=”#54dcef” color2=”#0794E8″ url=”” target=”_self”]光るボタン[/jin-button-shiny]

[jin-button-float visual=”float” hover=”” radius=”50px” color1=”#54dcef” color2=”#0794E8″ url=”” target=”_self”]ふわふわボタン[/jin-button-float]

[jin-button-bound visual=”bound” hover=”down” radius=”50px” color1=”#54dcef” color2=”#0794E8″ url=”” target=”_self”]バウンドボタン[/jin-button-bound]

ショートコードから選ぶ付箋

[2col-box]
[2-left]

[jin-fusen1-down text=”付箋シンプル右肩下がり”]

[/2-left]
[2-right]

[jin-fusen1-even text=”付箋シンプル平行”]

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[jin-fusen1-up text=”付箋シンプル右肩上がり”]

[/2-left]
[2-right]

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

[/2-right]
[/2col-box]

[2col-box]
[2-left]

[jin-fusen3 text=”吹き出し付箋（角丸）”]

[/2-left]
[2-right]

[/2-right]
[/2col-box]

まとめ

この時点でよく使う機能でさらに常に迷うものをご紹介しました。

また難しいものが出てきたときには追記していきます！

このブログでは、チリでの生活や海外生活に役立つことを発信しております。

下記の記事もぜひ訪れてみてください！

https://blogdemoai.com/?p=1842

[jin-fusen3 text=”SNSやってます！”]

[jin_icon_twitter size=”24px” color=”#973030″]@MACLKO

[jin_icon_instagram size=”24px” color=”#973030″]@hermanos_moai

[jin_icon_instagram size=”24px” color=”#973030″]@speingo_verbos_moai

[jin_icon_information color=”#e9546b” size=”18px”]動詞の活用に特化したアカウントです

モアイ

ブロガー / ライター

XInstagramYouTubeLINEContact

チリに移住して早くも10年目。移住当初はスペイン語もろくに話せないまま国際結婚をしコミュニケーションに苦しんでいました。しかも月収も最低賃金に毛が生えた程度で、自分の無力さにうんざりでした。 でも今は運気が向上中。海外在住でいろんなことを学び、多くの経験を積めているからです。 海外在住を成功させるための情報を発信中！