ハピナイス

【注意事項】

• • 投稿場所：スタッフブログ→新規追加→カテゴリー「コラム」を選択して執筆
    
  • 目次は手動でタグを挿入：

• 本文中・本文末尾に施工事例のショートコードを挿入する。[works_list cat="hiraya" order="title"]　catの部分は、カテゴリのスラッグを入れる。入力しなければ施工事例全体からランダムで4記事表示される。
  （エンジニアより指示メッセージ：https://miraistyle.slack.com/archives/C05BGGPR7DF/p1725261447726369）
• 公開日は毎週月曜日×4記事
  →1日・15日（2025年４月より）
• 文字装飾は黒太字・赤太字の2種類
• パーマリンクは「column_年月_その月の通し番号」例：202407_01（2024年7月の1/2本目）
• 「猫との暮らし」「店舗併用住宅」に関する専用ページ作成中（担当、乾さん）
• 写真にdesign casaと書いてある施工事例は使用不可
• 社長の写真や会社ロゴ：https://www.dropbox.com/scl/fo/skl35qy690z7q5f7y6tg8/h?rlkey=7od3d365m3qdbd2n9hmjjkobw&e=1&dl=0
• 使用可能間取り図：https://www.dropbox.com/scl/fo/ns8acxatqgv9l6jd191li/h?rlkey=ini6rheaj6twel5gwdldhlc2l&e=1&dl=0
  →使える間取り画像をすべてWPにアップロード済み。「間取り｜」で検索可能。間取りの延床面積などを以下にまとめています。
  https://docs.google.com/spreadsheets/d/1IOae5eFqS55A0RTG9ijF-er64OvRcunnNYjcuOwSP2w/edit?gid=263589989#gid=263589989
• 施工事例写真集：https://www.dropbox.com/scl/fo/wonb04lelgms0ukpmwvj1/AI0vfX5R3N7x99AeBwX7bZ8?rlkey=mpbwrhukbywmpjq94mu0000dg&e=1&dl=0（「外観のみ」「顔出しNG」などのファイル名称に注意）
• Youtubeチャンネルhttps://www.youtube.com/@hapiniceにて動画が多いため、関連性の高いものはコラム内にも配置
• アイキャッチ・サムネ画像：canvaのhttps://www.canva.com/folder/FAFvFXNGRiY
• 画像サイズ：幅700pxに統一
• インデックス登録されないことがあるため、公開後速やかに　miraistyle.common2@gmail.comでhttps://search.google.com/u/0/search-console?resource_id=https%3A%2F%2Fhapinice.net%2F　へアクセスし、「URL検査（https://support.google.com/webmasters/answer/9012289?hl=ja）」を行う。インデックス登録されていない場合は「インデックス登録のリクエスト」を行う。
• 記事管理シートR列「index」へ進捗状況を記入

【以下テンプレート】

アイキャッチ画像と同じ画像を挿入（canvaで作成）
リード文

<div style="position: relative; height: 12px;"><span style="background: #d0a424; padding: 6px 10px; border-radius: 5px; color: #ffffff; font-weight: bold; margin-left: 10px;">コラムのポイント</span></div>
<div style="padding: 30px 15px 10px; border-radius: 5px; border: 3px solid #d0a424;">
<ul style="list-style-type: square;">
<li></li>
</ul>
</div>

リード文のまとめ

目次タグ[※toc]を入れる
（[※toc]の※を抜いてください）

[works_list cat="" order="title"]
<h2>h2見出し</h2>
画像（h2見出し直下に必ず画像を挿入）
<h3>h3見出し（h3見出しが2つ以上になる場合のみ設置）</h3>
<h4>h4見出し（h4見出しが2つ以上になる場合のみ設置）</h4>
&nbsp;

★問い合わせ誘導のスタイル

通常の文との間に1行空白

自然＆簡潔な問い合わせ誘導文（1文〜2文）

<div class="column-linkbtn"><a href="https://hapinice.net/contact/">愛知（豊橋・豊川・新城）でマイホームを検討中の方はこちらから</a></div>
<p>&nbsp;</p>

上記枠の下に、以下4画像のうち1画像を記事内容に応じて挿入
<a href="https://hapinice.net/catalog/"><img class="wp-image-14088" src="https://hapinice.net/wp-content/uploads/2024/07/施工事例集プレゼント.png" alt="愛知県ハピナイス　施工事例集プレゼント" /></a>
<a href="https://hapinice.net/event/" target="_blank" rel="noreferrer noopener"><img class="wp-image-14087" src="https://hapinice.net/wp-content/uploads/2024/07/新規来場キャンペーン.png" alt="愛知県ハピナイス　新規来場キャンペーン" /></a>
<a href="https://www.instagram.com/_hapinice_/"><img class="wp-image-14090" src="https://hapinice.net/wp-content/uploads/2024/07/instabnr_pc.jpg" alt="愛知県ハピナイス　インスタグラムへのリンク" /></a>
<a href="http://hapinice.net/contact/"><img class="wp-image-9479" src="http://hapinice.net/wp-content/uploads/2023/09/スクリーンショット-2023-09-21-午前11.12.47-1024x168.png" alt="お問い合わせはこちらから" /></a>

★ハピナイス様の各固定ページに内部リンクをする場合のスタイル

（例）
<div class="column-linkbtn"><a href="リンク先ページのURL">表示させたいテキスト</a></div>

★過去記事に内部リンクをする場合のスタイル

<p>&nbsp;</p>
<p class="has-background" style="background-color: rgba(209, 166, 36, 0.15); list-style-type: square;">内部リンク誘導文<br />
〈おすすめコラム〉<span style="color: #0000ff;"><a style="color: #0000ff;" href="https://hapinice.net/column_202409_04/ ‎">内部リンク記事タイトル（青字設定）</a></span></p>
<p>&nbsp;</p>

★箇条書き部分のスタイル

&nbsp;
<ul class="has-background" style="background-color: rgba(209, 166, 36, 0.15); list-style-type: square;">
<li>あ</li>
<li>い</li>
<li>う</li>
</ul>
&nbsp;

<strong>★表のスタイル</strong>

&nbsp;
<table style="border-collapse: collapse; width: 100%; background-color: rgba(209, 166, 36, 0.15); height: 33px;">
<tbody>
<tr style="height: 23px;">
<th style="width: 50%; text-align: center; height: 10px;"><strong>ヘッダー</strong></th>
<th style="width: 50%; text-align: center; height: 10px;"><strong>ヘッダー</strong></th>
</tr>
<tr style="height: 23px;">
<td style="width: 50%; height: 23px;">あああ</td>
<td style="width: 50%; height: 23px;">あああ</td>
</tr>
</tbody>
</table>
&nbsp;

<strong>★記事後半へ、適宜YouTube動画へのリンクを入れる（サイズ：700px×393）</strong>

&nbsp;