ページの構造
<div class="fra_edit">
<div class="block_h2">
<p>記事冒頭からh2の1が始まる前も、block_h2で囲む。</p>
</div>
<h2 class="wp-block-heading">h2:テキスト</h2>
<div class="block_h2">
<p>コンテンツを記述</p>
</div>
<h3 class="wp-block-heading">h3:テキスト</h3>
<div class="block_h3">
<p>コンテンツを記述</p>
<p>コンテンツを記述</p>
<h4 class="wp-block-heading is-style-border-left">h4:テキスト</h4>
<p>コンテンツを記述</p>
<p>コンテンツを記述</p>
</div>
</div>
通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。
通常のテキストです。strong:強調テキストです。通常のテキストです。
<strong>strong:強調テキストです。</strong>
見出し
h2:テキスト
<h2 class="wp-block-heading">h2:テキスト</h2>
h3:テキスト
<h3 class="wp-block-heading">h3:テキスト</h3>
h4:テキスト
<h4 class="wp-block-heading is-style-border-left">h4:テキスト</h4>
.box:テキストボックス
.box_caption:テキストボックスのタイトル
- ul:リストテキスト
- ul:リストテキスト
- ul:リストテキスト
- ul:リストテキスト
<div class="box">
<div class="box_caption">.box_caption:テキストボックスのタイトル</div>
<ul>
<li>ul:リストテキスト</li>
<li>ul:リストテキスト</li>
<li>ul:リストテキスト</li>
<li>ul:リストテキスト</li>
</ul>
</div>
キャプションが枠の外にある場合
.box_caption:テキストボックスのタイトル
- ul:リストテキスト
- ul:リストテキスト
- ul:リストテキスト
- ul:リストテキスト
<div class="box_caption" style="margin-top: 15px;">.box_caption:テキストボックスのタイトル</div>
<div class="box">
<ul>
<li>ul:リストテキスト</li>
<li>ul:リストテキスト</li>
<li>ul:リストテキスト</li>
<li>ul:リストテキスト</li>
</ul>
</div>
table:テーブル
| thead th:thテキスト | thead th:thテキスト | thead th:thテキスト |
|---|---|---|
| tbody th:thテキスト | tbody td:tdテキスト | tbody td:tdテキスト |
| tbody th:thテキスト | tbody td:tdテキスト | tbody td:tdテキスト |
<table>
<caption>caption:【キャプション(キャプションを【】で囲む)】</caption>
<thead>
<tr>
<th>thead th:thテキスト</th>
<th>thead th:thテキスト</th>
<th>thead th:thテキスト</th>
</tr>
</thead>
<tbody>
<tr>
<th>tbody th:thテキスト</th>
<td>tbody td:tdテキスト</td>
<td>tbody td:tdテキスト</td>
</tr>
<tr>
<th>tbody th:thテキスト</th>
<td>tbody td:tdテキスト</td>
<td>tbody td:tdテキスト</td>
</tr>
</tbody>
</table>
.relation_link_box:関連記事
「下記の記事をご覧ください。」などリンクへの導入文があるときは、 p.relationlink_lead を使用する。
ここを囲むdivは、 div.relation_link_box を使用
<p class="relationlink_lead">「下記の記事をご覧ください。」などリンクへの導入文があるときは、 p.relationlink_lead を使用する。</p>
<div class="relation_link_box">
<div>ここを囲むdivは、 div.relation_link_box を使用</div>
<ul>
<li><a href="#">リンクテキスト</a></li>
<li><a href="#">リンクテキスト 5選|離職が少ない企業の事例を中心に、その効果やコツを解説</a></li>
</ul>
</div>
導入文がない場合は、ここを囲むdivに div.relation_link_box.relationlink_lead を使用
<div class="relation_link_box">
<div>導入文がない場合は、ここを囲むdivに div.relation_link_box.relationlink_lead を使用</div>
<ul>
<li><a href="#">リンクテキスト</a></li>
<li><a href="#">リンクテキスト 5選|離職が少ない企業の事例を中心に、その効果やコツを解説</a></li>
</ul>
</div>
.note_small:参照リンク
参照:リンクテキスト(外部リンクは「 target=”_blank”」必須)
<p class="note_small">参照:<a href="" target="_blank" rel="noopener">リンクテキスト(外部リンクは「 target="_blank"」必須)</a></p>
.note_small:注意事項
※注意事項テキスト。注意事項テキスト。注意事項テキスト。
<p class="note_small">※注意事項テキスト。注意事項テキスト。注意事項テキスト。</p>
.img:画像
.img_caption:<キャプション(キャプションを<>で囲む)>

<div class="img"> <p class="img_caption">.img_caption:<キャプション(キャプションを<>で囲む)></p> <picture><img src="https://placehold.jp/cccccc/ffffff/800x300.png" alt="altテキスト"></picture> </div>
CTA
横長:御社にぴったりの親友社員研修を無料カウンセリングいたします!
<div class="cta_outer" style="max-width: unset;">
<a href="https://www.shinkikaitaku.jp/contact/">
<img decoding="async" src="https://www.shinkikaitaku.jp/wp-content/uploads/2023/07/%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97-11490-2-1024x323.png" alt="">
</a>
</div>
新入社員:Z世代の新入社員も戦力化します
<div class="cta_outer"><a href="https://www.shinkikaitaku.jp/training/freshman_dealers/"><img decoding="async" src="https://www.shinkikaitaku.jp/wp-content/uploads/2025/04/cta_sinnyu_z.png" alt="うちの若手でも大丈夫?その不安を解消します! プロの指導なら安心 Z世代の新入社員も戦力化します。 研修内容を詳しく見る"></a></div>
新入社員:Z世代の新入社員も戦力化します
<div class="cta_outer"><a href="https://www.shinkikaitaku.jp/training/freshman_dealers/"><img decoding="async" src="https://www.shinkikaitaku.jp/wp-content/uploads/2025/04/cta_sinnyu_z.png" alt="うちの若手でも大丈夫?その不安を解消します! プロの指導なら安心 Z世代の新入社員も戦力化します。 研修内容を詳しく見る"></a></div>
ショートコード
[article_bottom_link_01]
「新入社員研修」に関するまとめ記事
「新入社員研修」に関するおすすめ記事
- 【徹底解説】新入社員研修カリキュラムの作り方完全ガイド|目的から作り方の手順、ポイントや内容例まで解説
- 【2025年度版】新入社員(新卒)研修のカリキュラム別「内容例 一覧」
- 「新入社員研修」はいつから、どれくらいの期間やるのが適切か?
- 新入社員研修の目的と、対応するカリキュラム 一覧|具体例で分かりやすく紹介
- 「退職をふせぐ?!」面白い新入社員研修事例 5選|離職が少ない企業の事例を中心に、その効果やコツを解説
- 「新入社員研修」を上手く行うコツ5つ|よくある失敗・NG例も紹介
- 新入社員研修のよくある「失敗&NG」例6つ|理由と対策も併せて紹介
- 【最新版】令和のZ世代向け「新入社員研修」とは|実施のコツも併せて紹介
- 離職防止につながる「新入社員研修」実施のコツとおすすめの研修内容
