目次
ステップ1. AddQuicktagのインストール
![](https://i0.wp.com/yukie009.site/wp-content/uploads/2019/02/edf8800c29f6a520e1baaf35b037ae43-300x260.png?resize=300%2C260&ssl=1)
![](https://i0.wp.com/yukie009.site/wp-content/uploads/2019/02/716a1b7b62f2256c37bf56ea64e9a0a3-300x213.png?resize=331%2C235&ssl=1)
ステップ2. AddQuicktagにコードを登録する
![](https://i0.wp.com/yukie009.site/wp-content/uploads/2019/02/9ae4399a036e73be386d359644be6376-1024x398.png?resize=728%2C283&ssl=1)
枠(1)
ここに文章
開始タグ
<div style=”display:inline-block;background: #ffffea; padding: 15px; border: 2px solid #99cc00; border-radius: 10px; word-break: break-all;”>ここに文章
</div>
枠(2)
ここに文章
<div style=”background: #ff9900; padding: 5px 10px; color: #ffffff;”><strong>見出し文字</strong></div>
<div style=”background: #ffffff; padding: 10px; border: 2px solid #ff9900;”>ここに文章
終了タグ
</div>
枠(3)
ここに文章
<div style=”background: #eddbff; padding: 15px; border: 0px solid #99cc00; border-radius: 10px; word-break: break-all;”>ここに文章
終了タグ
</div>
枠(5)
ここに文章
<div style=”padding: 0.5em 1em; margin: 2em 0; color: #232323; background: #fff8e8; border-left: solid 10px #ffc06e;”><p>ここに文章</p>
終了タグ
</div>
枠(6)
ここに文章
開始タグ
<div style=”padding: 0.5em 1em; margin: 2em 0; color: #2c2c2f; background: ##fff0f5;”><p>ここに文章</p>
終了タグ
</div>
枠(7)
ここに文章
開始タグ
<div style=”padding: 8px 19px; margin: 2em 0; color: #2c2c2f; background: #cde4ff; border-top: solid 5px #5989cf; border-bottom: solid 5px #5989cf;”><p>ここに文章</p>
終了タグ
</div>
枠(8)
ここに文章
開始タグ
<div style=”padding: 0.5em 1em; margin: 2em 0; background: #f0f7ff; border: dashed 2px #5b8bd0;”><p>ここに文章</p>
終了タグ
</div>
枠(9)
ここに文章
開始タグ
<div style=”padding: 0.5em 1em; margin: 2em 0; color: #ff7d6e; background: #ffebe9; border-top: solid 10px #ff7d6e;”><p>ここに文章</p>
終了タグ
</div>
枠(10)
ここに文章
開始タグ
<div style=”padding: 0.5em 1em; margin: 2em 0; color: #5d627b; background: white; border-top: solid 5px #5d627b; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);”><p>ここに文章</p>
終了タグ
</div>
枠(11)
ここに文章
開始タグ
<div style=”padding: 0.5em 1em; margin: 1em 0; background: #f4f4f4; border-left: solid 6px #5bb7ae; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);”><p>ここに文章</P>
終了タグ
</div>
枠(12)
ここに文章
開始タグ
<div style=”border: 2px solid #808080; padding: 0.5em 1em; margin: 2em 0;”><p>ここに文章</p>
終了タグ
</div>
線の色や太さ、背景色などは、ご自身で好きなものに変更できます。
文字の色はcolor: の後の英数字、背景色はbackground:の後の英数字を変更すればOKです。
色のサンプルはこちらをご参照ください。
設定が完了したら、「変更を保存」ボタンをクリックすると、AddQuicktagにコードが登録されて、エディターで登録した枠を呼び出せるようになります。
![](https://i0.wp.com/yukie009.site/wp-content/uploads/2019/02/87b4d7f61f5a8bcbf420c0d6cf204e11-1024x112.png?resize=728%2C80&ssl=1)
※もし、AddQuicktagがインストールできない場合は、テキストエディタに直接「開始タグ」と「終了タグ」を貼り付ければ使えます。
ぜひ試してみてください。
—————
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/02/f29a93f244366de383d526f6dbfb3cf9.png?resize=150%2C150&ssl=1)
コメントを残す