ブログ初心者の役に立つ！【ワードプレスにタイトル付きの枠を追加！】

副業でブログを初めて見たという方がたくさんいると思いますが、なかなか思った通りに記事が書けなかったり、せっかく頑張って記事を書いたのに、思った通りの装飾ができなかったりしてめんどくさくなってしまう方が多いと思います

そこで、今回はどなたでも簡単に使えるようにコピペするだけで使えるワードプレスの枠の追加をできるＨＴＭＬタグを紹介します！

淡いピンク色の枠
青色の枠
緑色の枠
黄色の枠
赤色の枠
応用編
まとめ

淡いピンク色の枠

下記をコピペしてください！

タイトル

★ここに文字を入力

<divstyle=“border: 1px solid #ffb6c1; padding: 5px; border-radius: 0px; background: #ffb6c1;”>□タイトル</div>

<divstyle=“border: 1px solid #ffb6c1; padding: 10px; border-radius: 0px; background: #ffffff;”>★ここに文字を入力してください。</div>

青色の枠

下記をコピペしてください！

タイトル

★ここに文字を入力

<div style=”border: 1px solid #0000ff; padding: 5px; border-radius: 0px; background: #0000ff;”>タイトル</div>
<div style=”border: 1px solid #0000ff; padding: 10px; border-radius: 0px; background: #ffffff;”>★ここに文字を入力</div>

緑色の枠

タイトル

★ここに文字を入力

下記をコピペしてください！

<div style=”border: 1px solid #008000; padding: 5px; border-radius: 0px; background: #008000;”>タイトル</div>
<div style=”border: 1px solid #008000; padding: 10px; border-radius: 0px; background: #ffffff;”>★ここに文字を入力</div>

黄色の枠

タイトル

★ここに文字を入力

下記をコピペしてください！

<div style=”border: 1px solid #ffff00; padding: 5px; border-radius: 0px; background: #ffff00;”>タイトル</div>
<div style=”border: 1px solid #ffff00; padding: 10px; border-radius: 0px; background: #ffffff;”>★ここに文字を入力</div>

赤色の枠

タイトル

★ここに文字を入力

下記をコピペしてください！

<div style=”border: 1px solid #ff0000; padding: 5px; border-radius: 0px; background: #ff0000;”>タイトル</div>
<div style=”border: 1px solid #ff0000; padding: 10px; border-radius: 0px; background: #ffffff;”>★ここに文字を入力</div>