使い方
- 貼り付けコードを貼り付けたい記事にテキストモードでペースト
- 適宜枠の種類や色を変更する（下の方に説明あり）
- ビジュアルに切り替えて文字と写真内容を差し替える ※写真は「フルサイズでOK」
- 完成！
テンプレート01:写真＋テキスト枠
ああああああああああああああああああああああああああああああああ
ああああああああああああああ
貼り付けコード（コード右上のボタンを押すとコピーできます）
<!--画像2つの場合--> <div class="blank-box bb-tab bb-check bb-red" data-wp-editing="1"> <p style="margin-bottom: 1em;">ああああああああああああああああああああああああああああああああ</p> <div style="margin: auto; width: 90%;"><img class="size-medium wp-image-3405 alignnone" src="http://cantee.info/wp-content/uploads/2021/06/57f594083be8ccebe8cc107186ec41c0-1-255x300.png" alt="" width="50%" height="auto" /><img class="size-medium wp-image-3404 alignnone" src="http://cantee.info/wp-content/uploads/2021/06/af451c0150dc95cd769f8cd94fddcfb7-255x300.png" alt="" width="50%" height="auto" /></div> ああああああああああああああ</div> <!--END 画像2つの場合-->
ああああああああああああああああああああああああああああああああ
ああああああああああああああ
貼り付けコード（コード右上のボタンを押すとコピーできます）
<!--画像1つの場合--> <div class="blank-box bb-tab bb-check bb-red" data-wp-editing="1"> <p style="margin-bottom: 1em;">ああああああああああああああああああああああああああああああああ</p> <div style="margin: auto; width: 90%;"><img class="aligncenter wp-image-3385 size-full" src="http://cantee.info/wp-content/uploads/2021/06/fe6e34205956e837361118db1c1391bc.jpg" alt="" width="800" height="280" /></div> ああああああああああああああ</div> <!--END 画像1つの場合-->
枠の種類を変更したい場合は、テキストモードで１行目にある
「bb-check」を以下に変更
コメント枠：bb-comment
ポイント枠：bb-point
tips枠：bb-tips
ヒント枠：bb-hint
ピックアップ枠：bb-pickup
ブックマーク枠：bb-bookmark
メモ枠：bb-memo
休憩枠：bb-break
アマゾン枠：bb-amazon
OK枠：bb-ok
NG枠：bb-ng
GOOD枠：bb-good
BAD枠：bb-bad
プロフィール枠：bb-profile
枠の色を変更したい場合は、テキストモードで１行目にある
「bb-red」を以下に変更
灰色：「bb-red」を削除
イエロー：bb-yellow
青：bb-blue
緑：bb-green
テンプレート02:ユーザーボイス枠
Voice3マスク荒れにもピッタリ！！
Mさん(46歳)
マスク荒れやメイクがヨレる毎日。塗った瞬間からツヤツヤなのはもちろん、メイクを落としてもいつもと肌が違う！マスクを外してもキープ力が持続してることに感動です♡
※メイクアップ効果による
Mさん(46歳)
マスク荒れやメイクがヨレる毎日。塗った瞬間からツヤツヤなのはもちろん、メイクを落としてもいつもと肌が違う！マスクを外してもキープ力が持続してることに感動です♡
※メイクアップ効果による
貼り付けコード（コード右上のボタンを押すとコピーできます）
<div class="commentv cmtpink"><span class="commentvtab">Voice3</span><span style="color: #ff0077; font-size: 14pt;"><strong>マスク荒れにもピッタリ！！</strong></span>Mさん(46歳)<img class="aligncenter size-full wp-image-2534" src="https://anemone3.xyz/wp-content/uploads/2021/03/silk_4864653-1.jpg" alt="" />マスク荒れやメイクがヨレる毎日。<span style="color: #ff0f77;"><strong>塗った瞬間からツヤツヤなのはもちろん、メイクを落としてもいつもと肌が違う！</strong></span>マスクを外してもキープ力が持続してることに感動です♡<span style="color: #808080; font-size: 8pt; text-align: right;">※メイクアップ効果による</span></div>テンプレート03:ピンクの立体ポイント枠
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
貼り付けコード（コード右上のボタンを押すとコピーできます）
<div class="box_3d_pink"><img src="http://cantee.info/wp-content/uploads/2021/06/points01-300x216.jpeg" alt="吹き出し1" width="100" height="72" class="huki_point alignnone wp-image-3708" />
<img src="http://cantee.info/wp-content/uploads/2021/06/dammy.jpg" alt="" width="1000" height="400" class="alignnone wp-image-3723 size-full" />
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。</div>吹き出しを変更したい場合
吹き出しを選択＞編集
「置換」を押す
変えたい吹き出しを選択＞置換
もし見つからない場合は検索で「point」と打つ
置換したらサイズが変わってるので、再度「編集」を選択
サイズを「カスタムサイズ」＞幅を「100」と入力
高さは自動で変更されるのでそのままでOK
更新ボタン押せば完成！
テンプレート04:#ff69b4の立体ポイント枠
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
貼り付けコード（コード右上のボタンを押すとコピーできます）
<div class="box_3d_pink2"><img src="http://cantee.info/wp-content/uploads/2021/06/points1_ff69b4-300x212.jpg" alt="" width="100" height="71" class="huki_point alignnone wp-image-3747" />
<img src="http://cantee.info/wp-content/uploads/2021/06/dammy.jpg" alt="" width="1000" height="400" class="alignnone wp-image-3723 size-full" />
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。</div>吹き出しを変更したい場合はテンプレート３を参照
テンプレート05:#bdeeffの立体ボイス枠
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
貼り付けコード（コード右上のボタンを押すとコピーできます）
<div class="box_3d_lightblue"><img src="http://cantee.info/wp-content/uploads/2021/09/1.png" alt="" width="100" height="71" class="huki_point alignnone wp-image-3747" />
<img src="http://cantee.info/wp-content/uploads/2021/06/dammy.jpg" alt="" width="1000" height="400" class="alignnone wp-image-3723 size-full" />
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。</div>吹き出しを変更したい場合はテンプレート３を参照
コメント