文房具を使う

WordPressテンプレート「Cocoon」ショートコードまとめ

Wordpressテンプレート「Cocoon」ショートコードまとめ

こんにちは、らひ子(@rhkcha)です。

WordPressテンプレート「Cocoon」でテキスト入力するときに、便利なショートコードをまとめました。

ちなみに、このブログのテンプレートは「JIN」ですので、お間違いのないよう、お気をつけください。

ブランクボックス

blank-box

<div class="blank-box">
</div>

 

blank-box_yellow

<div class="blank-box bb-yellow">
</div>

 

blank-box_red

<div class="blank-box bb-red">
</div>

 

blank-box_blue

<div class="blank-box bb-blue">
</div>

 

blank-box_green

<div class="blank-box bb-green">
</div>

 

primary-box

<div class="primary-box">
</div>

 

secondary-box

<div class="secondary-box">
</div>

 

success-box

<div class="success-box">
</div>

 

info-box

<div class="info-box">
</div>

 

warning-box

<div class="warning-box">
</div>

 

danger-box

<div class="danger-box">
</div>

 

dark-box

<div class="dark-box">
</div>

 

タグボックス

check

<div class="blank-box bb-tab bb-check">
</div>

check_yellow

<div class="blank-box bb-tab bb-check bb-yellow">
</div>

check_red

<div class="blank-box bb-tab bb-check bb-red">
</div>

check_blue

<div class="blank-box bb-tab bb-check bb-blue">
</div>

check_green

<div class="blank-box bb-tab bb-check bb-green">
</div>

 

comment

<div class="blank-box bb-tab bb-comment">
</div>

<div class="blank-box bb-tab bb-comment bb-yellow">
</div>

<div class="blank-box bb-tab bb-comment bb-red">
</div>

<div class="blank-box bb-tab bb-comment bb-blue">
</div>

<div class="blank-box bb-tab bb-comment bb-green">
</div>

 

point

<div class="blank-box bb-tab bb-point">
</div>

<div class="blank-box bb-tab bb-point bb-yellow">
</div>

<div class="blank-box bb-tab bb-point bb-red">
</div>

<div class="blank-box bb-tab bb-point bb-blue">
</div>

<div class="blank-box bb-tab bb-point bb-green">
</div>

 

tips

<div class="blank-box bb-tab bb-tips">
</div>

<div class="blank-box bb-tab bb-tips bb-yellow">
</div>

<div class="blank-box bb-tab bb-tips bb-red">
</div>

<div class="blank-box bb-tab bb-tips bb-blue">
</div>

<div class="blank-box bb-tab bb-tips bb-green">
</div>

 

hint

<div class="blank-box bb-tab bb-hint">
</div>

<div class="blank-box bb-tab bb-hint bb-yellow">
</div>

<div class="blank-box bb-tab bb-hint bb-red">
</div>

<div class="blank-box bb-tab bb-hint bb-blue">
</div>

<div class="blank-box bb-tab bb-hint bb-green">
</div>

 

pickup

<div class="blank-box bb-tab bb-pickup">
</div>

<div class="blank-box bb-tab bb-pickup bb-yellow">
</div>

<div class="blank-box bb-tab bb-pickup bb-red">
</div>

<div class="blank-box bb-tab bb-pickup bb-blue">
</div>

<div class="blank-box bb-tab bb-pickup bb-green">
</div>

 

bookmark

<div class="blank-box bb-tab bb-bookmark">
</div>

<div class="blank-box bb-tab bb-bookmark bb-yellow">
</div>

<div class="blank-box bb-tab bb-bookmark bb-red">
</div>

<div class="blank-box bb-tab bb-bookmark bb-blue">
</div>

<div class="blank-box bb-tab bb-bookmark bb-green">
</div>

 

memo

<div class="blank-box bb-tab bb-memo">
</div>

<div class="blank-box bb-tab bb-memo bb-yellow">
</div>

<div class="blank-box bb-tab bb-memo bb-red">
</div>

<div class="blank-box bb-tab bb-memo bb-blue">
</div>

<div class="blank-box bb-tab bb-memo bb-green">
</div>

 

downroad

<div class="blank-box bb-tab bb-download">
</div>

<div class="blank-box bb-tab bb-download bb-yellow">
</div>

<div class="blank-box bb-tab bb-download bb-red">
</div>

<div class="blank-box bb-tab bb-download bb-blue">
</div>

<div class="blank-box bb-tab bb-download bb-green">
</div>

 

break

<div class="blank-box bb-tab bb-break">
</div>

<div class="blank-box bb-tab bb-break bb-yellow">
</div>

<div class="blank-box bb-tab bb-break bb-red">
</div>

<div class="blank-box bb-tab bb-break bb-blue">
</div>

<div class="blank-box bb-tab bb-break bb-green">
</div>

 

ok

<div class="blank-box bb-tab bb-ok">
</div>

<div class="blank-box bb-tab bb-ok bb-yellow">
</div>

<div class="blank-box bb-tab bb-ok bb-red">
</div>

<div class="blank-box bb-tab bb-ok bb-blue">
</div>

<div class="blank-box bb-tab bb-ok bb-green">
</div>

 

ng

<div class="blank-box bb-tab bb-ng">
</div>

<div class="blank-box bb-tab bb-ng bb-yellow">
</div>

<div class="blank-box bb-tab bb-ng bb-red">
</div>

<div class="blank-box bb-tab bb-ng bb-blue">
</div>

<div class="blank-box bb-tab bb-ng bb-green">
</div>

 

good

<div class="blank-box bb-tab bb-good">
</div>

<div class="blank-box bb-tab bb-good bb-yellow">
</div>

<div class="blank-box bb-tab bb-good bb-red">
</div>

<div class="blank-box bb-tab bb-good bb-blue">
</div>

<div class="blank-box bb-tab bb-good bb-green">
</div>

 

bad

<div class="blank-box bb-tab bb-bad">
</div>

<div class="blank-box bb-tab bb-bad bb-yellow">
</div>

<div class="blank-box bb-tab bb-bad bb-red">
</div>

<div class="blank-box bb-tab bb-bad bb-blue">
</div>

<div class="blank-box bb-tab bb-bad bb-green">
</div>

 

ふせんタイプ

fusen

<div class="blank-box sticky">
</div>

 

fusen_yellow

<div class="blank-box sticky st-yellow">
</div>

 

fusen_red

<div class="blank-box sticky st-red">
</div>

 

fusen_blue

<div class="blank-box sticky st-blue">
</div>

 

busen_green

<div class="blank-box sticky st-green">
</div>

 

ブログカード

bct-related

<div class="blogcard-type bct-related">
</div>

 

bct-reference

<div class="blogcard-type bct-reference">
</div>

 

bct-popular

<div class="blogcard-type bct-popular">
</div>

 

bct-together

<div class="blogcard-type bct-together">
</div>

 

bct-detail

<div class="blogcard-type bct-detail">
</div>

 

bct-check

<div class="blogcard-type bct-check">
</div>

 

bct-pickup

<div class="blogcard-type bct-pickup">
</div>

 

bct-official

<div class="blogcard-type bct-official">
</div>

 

ボックス

information-box

<div class="information-box">
</div>

 

question-box

<div class="question-box">
</div>

 

alert-box

<div class="alert-box">
</div>

 

memo-box

<div class="memo-box">
</div>

 

comment-box

<div class="comment-box">
</div>

 

ok-box

<div class="ok-box common-icon-box">
</div>

 

ng-box

<div class="ng-box common-icon-box">
</div>

 

good-box

<div class="good-box common-icon-box">
</div>

 

bad-box

<div class="bad-box common-icon-box">
</div>

ABOUT ME
らひ子
らひ子
40代子育て主婦/幅広い趣味を生かし、実体験を元にした生活に役立つ情報をまとめています

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です