![見出し画像](https://assets.st-note.com/production/uploads/images/102283086/rectangle_large_type_2_683516d70bb7eaca284b686661c8a871.png?width=1200)
ブログ記事テンプレート(配布用)
※cocoon専用のテンプレートになります。
こちらのテンプレートコードの使い方は下記リンクを見ながら作成してください。
<!-- wp:cocoon-blocks/blank-box-1 {"backgroundColor":"watery-blue","borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-light-green-border-color"><!-- wp:paragraph -->
<p>★ここに読者の悩みを代弁する内容を記載:吹き出しにすると感情移入しやすいためオススメ★</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p><strong>このような疑問にお答えします!</strong></p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/label-box-1 {"content":"この記事の内容","icon":"fab-info-circle","borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-border-color has-light-green-border-color"><div class="label-box-label block-box-label box-label fab-info-circle"><span class="label-box-label-text block-box-label-text box-label-text">この記事の内容</span></div><div class="label-box-content block-box-content box-content"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★リスト部分:ここに記事内容を記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★リスト2部分:ここに記事内容を記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★リスト3部分:ここに記事内容を記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div></div>
<!-- /wp:cocoon-blocks/label-box-1 -->
<!-- wp:paragraph -->
<p>★主張部分:ここで悩みが解決できることを宣言する★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/label-box-1 {"content":"この記事で悩みが解決できる根拠","icon":"fab-lightbulb","borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-border-color has-light-green-border-color"><div class="label-box-label block-box-label box-label fab-lightbulb"><span class="label-box-label-text block-box-label-text box-label-text">この記事で悩みが解決できる根拠</span></div><div class="label-box-content block-box-content box-content"><!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>★根拠部分:この記事で悩みが解決できる根拠をここに記載★</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/label-box-1 -->
<!-- wp:cocoon-blocks/label-box-1 {"content":"著者の経験","icon":"fab-graduation-cap","borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-border-color has-light-green-border-color"><div class="label-box-label block-box-label box-label fab-graduation-cap"><span class="label-box-label-text block-box-label-text box-label-text">著者の経験</span></div><div class="label-box-content block-box-content box-content"><!-- wp:paragraph -->
<p>★信頼性部分:ここに自身が信頼にあたる人かを記載:無くてもOK★</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/label-box-1 -->
<!-- wp:cocoon-blocks/blank-box-1 {"backgroundColor":"watery-blue","borderColor":"ex-a"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-ex-a-border-color"><!-- wp:paragraph -->
<p>★白抜きボックス部分:ここに記事を読んだ後に得られる結果(メリット)を記載(読者の右脳を働かせる:未来を想像させる)★</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★ここで読者の行動(この記事を読む)を促す(読者の右脳を働かせる):ここを吹き出しで自身のアイコンにすると説得力が増すのでオススメ★</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">1.★◎h2見出し部分:ここに1つ目の見出しを書く★</h2>
<!-- /wp:heading -->
<!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p><strong>★↓【主張形式の執筆方法の場合】:下記記載後に消す↓★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>★主張(Point):この見出しで主張したいことをここに書く⇒まず、結論から言うと~★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★理由(Reason):主張する根拠をここに記載⇒なぜなら、というのも、その根拠は、理由は、~だから★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★※記事のボリュームを増やしたいときは理由を増やすとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★具体例(Example):主張の正しさを示す例をここに記載⇒実際に、たとえば、具体的に、エピソードなど★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★※記事のボリュームを増やしたいときは具体例を増やすとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"backgroundColor":"watery-blue","borderColor":"ex-a"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-ex-a-border-color"><!-- wp:paragraph -->
<p>★反論への理解:ここまで読んでくれた読者への寄り添い、共感を意識した内容をここに書く<br>⇒例)向き、不向きがあるのでは?練習したら問題なし<br>⇒例)当時の私は「〇〇でした。」体験談を記載してもよい★</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p><strong>★主張(Point):最後にもう一度主張(理由と具体例を踏まえた主張をここに書く)⇒このように、よって、つまり、したがって、以上の理由で~★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>★↓【まとめ形式の執筆方法の場合】:コメントのため消す↓★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★⇒箇条書きでまとめる(リスト作成):コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1:不要であれば消す★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2:不要であれば消す★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3:不要であれば消す★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★それぞれのリストに対し<br>・方法や説明を加える(例:どういった方法なのか?)<br>・結果や根拠を伝える(例:どれくらい稼げるのか?)<br>・メリットとデメリットを伝える<br>⇒悩んだら競合の記事を分析するとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">2.★◎h2見出し部分:ここに2つ目の見出しを書く★</h2>
<!-- /wp:heading -->
<!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p><strong>★↓【主張形式の執筆方法の場合】:下記記載後に消す↓★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>★主張(Point):この見出しで主張したいことをここに書く⇒まず、結論から言うと~★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★理由(Reason):主張する根拠をここに記載⇒なぜなら、というのも、その根拠は、理由は、~だから★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★※記事のボリュームを増やしたいときは理由を増やすとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★具体例(Example):主張の正しさを示す例をここに記載⇒実際に、たとえば、具体的に、エピソードなど★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★※記事のボリュームを増やしたいときは具体例を増やすとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"backgroundColor":"watery-blue","borderColor":"ex-a"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-ex-a-border-color"><!-- wp:paragraph -->
<p>★反論への理解:ここまで読んでくれた読者への寄り添い、共感を意識した内容をここに書く<br>⇒例)向き、不向きがあるのでは?練習したら問題なし<br>⇒例)当時の私は「〇〇でした。」体験談を記載してもよい★</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p><strong>★主張(Point):最後にもう一度主張(理由と具体例を踏まえた主張をここに書く)⇒このように、よって、つまり、したがって、以上の理由で~★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>★↓【まとめ形式の執筆方法の場合】:コメントのため消す↓★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★⇒箇条書きでまとめる(リスト作成):コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1:不要であれば消す★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2:不要であれば消す★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3:不要であれば消す★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★それぞれのリストに対し<br>・方法や説明を加える(例:どういった方法なのか?)<br>・結果や根拠を伝える(例:どれくらい稼げるのか?)<br>・メリットとデメリットを伝える<br>⇒悩んだら競合の記事を分析するとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">3.★◎h2見出し部分:ここに3つ目の見出しを書く★</h2>
<!-- /wp:heading -->
<!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p><strong>★↓【主張形式の執筆方法の場合】:下記記載後に消す↓★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>★主張(Point):この見出しで主張したいことをここに書く⇒まず、結論から言うと~★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★理由(Reason):主張する根拠をここに記載⇒なぜなら、というのも、その根拠は、理由は、~だから★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★※記事のボリュームを増やしたいときは理由を増やすとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★具体例(Example):主張の正しさを示す例をここに記載⇒実際に、たとえば、具体的に、エピソードなど★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★※記事のボリュームを増やしたいときは具体例を増やすとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"backgroundColor":"watery-blue","borderColor":"ex-a"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-ex-a-border-color"><!-- wp:paragraph -->
<p>★反論への理解:ここまで読んでくれた読者への寄り添い、共感を意識した内容をここに書く<br>⇒例)向き、不向きがあるのでは?練習したら問題なし<br>⇒例)当時の私は「〇〇でした。」体験談を記載してもよい★</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p><strong>★主張(Point):最後にもう一度主張(理由と具体例を踏まえた主張をここに書く)⇒このように、よって、つまり、したがって、以上の理由で~★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>★↓【まとめ形式の執筆方法の場合】:コメントのため消す↓★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>★⇒箇条書きでまとめる(リスト作成):コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-light-green-border-color"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★白抜きボックス+リスト部分1:不要であれば消す★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分2:不要であれば消す★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★白抜きボックス+リスト部分3:不要であれば消す★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p>★それぞれのリストに対し<br>・方法や説明を加える(例:どういった方法なのか?)<br>・結果や根拠を伝える(例:どれくらい稼げるのか?)<br>・メリットとデメリットを伝える<br>⇒悩んだら競合の記事を分析するとよい:コメントのため消す★</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">★◎まとめ部分:記事のまとめをここに書く★</h2>
<!-- /wp:heading -->
<!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>★読者を勇気づける一言をここに書く(例)<strong>今回紹介した〇〇を実践すれば××できるはずです!</strong>★</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>最後に、今回の内容をおさらいしましょう!</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/tab-caption-box-1 {"content":"\u003cstrong\u003e★見出しをここに記載★\u003c/strong\u003e","icon":"fab-check","borderColor":"light-green"} -->
<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-light-green-border-color"><div class="tab-caption-box-label block-box-label box-label fab-check"><span class="tab-caption-box-label-text block-box-label-text box-label-text"><strong>★見出しをここに記載★</strong></span></div><div class="tab-caption-box-content block-box-content box-content"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>★リスト1をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★リスト2をここに記載★</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>★リスト3をここに記載★</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div></div>
<!-- /wp:cocoon-blocks/tab-caption-box-1 -->
<!-- wp:paragraph -->
<p><strong>★記事全体の結論を再度ここで伝える(例)繰り返しになりますが、〇〇には××がおすすめです♪★</strong></p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/blank-box-1 {"backgroundColor":"watery-blue","borderColor":"ex-a"} -->
<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-ex-a-border-color"><!-- wp:paragraph -->
<p>★次のアクションへつながる一言を著者目線で記載する(読者への寄り添いと共感を含めて再度勇気づける。読者の右脳を動かす:未来を想像させる)★</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/blank-box-1 -->
<!-- wp:paragraph -->
<p><strong>★次のアクションへつながるボタンやリンクを配置する(商品ページへのリンクや別記事へのリンクなど)をここに記載★</strong></p>
<!-- /wp:paragraph -->
この記事が気に入ったらサポートをしてみませんか?