北伸建設

共通マニュアル

最初に確認してください


担当ディレクター/エンジニア 代表 / 乾
その他
納品方法 投稿のみ
納品方法特記事項
納品ご連絡先 下書き保存でディレクターに報告 /
納品タイミング 指定なし
納品タイミング特記事項
記事管理シートURL https://docs.google.com/spreadsheets/d/1p018AF_RRBXR6PQo1YFj5SrrR55rylwwxGOFU7nSGB4/edit#gid=386053936
アナリティクスURL
その他特記事項

(以下2025.10.26浜田追記)

・タイトル末尾に、「北杜市 新築 工務店】 を入れる (秋山様より依頼)

・公開日 10・15 ・20・25日

 (お盆など長期休み期間は前後させています。秋山様からのご希望ではありませんが、全体のバランスをみて公開日を設定するようにしました。)

・権限の関係上、基本的に、エンジニアさんができることは限られています。

(例:画像を中央表示に設定するなどはできません)

・共通アカウントのcanvaに、北伸様の画像があります。

いつも上書きなどして使っていましたので、適宜お使いいただければいいと思います。フォントなど指定がありませんので、自由に変更していただいて構いません。

 

専用コード、以下参照願います。
【hタグ】
<h2 class="sec-ttl">ここにタイトルを入れてください</h2>
<h3 class="sub-ttl">ここにタイトルを入れてください</h3>

(2025.10.26 浜田)

通常のh2,h3を使っていただければ大丈夫です。

【コラムのポイント】(●不要)
<div class="column-point">
<strong>コラムのポイント</strong>
<ul>
<li>ここに文字を入力してください。</li>
<li>ここに文字を入力してください。</li>
<li>ここに文字を入力してください。</li>
</ul>
</div>

【リスト/背景色つき】
<div style="background: #F2EAD4; padding: 15px; border: 0px solid #F2EAD4; border-radius: 10px; word-break: break-all;">1.  洗面所まで行く必要がない
2. 室内に入るウィルスを軽減できる
3. 家族みんなのいのちを守る行動ができる
4.    身支度がしやすい</div>
<div></div>
【目次のショートコード】※自動挿入はありませんので、表示させたい場所に以下のショートコードを挿入してください

【ボタンリンク用】※文字やリンク先は適宜ご変更ください
<p class="jirei-link"><a href="https://hokushin-kensetsu.jp/case/">***施工事例紹介***</a></p>

【関連記事】
<div style="height: 12px;"><span style="background: #91D8AC; 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: 2px solid #f0f8ff;">

</div>

【末尾画像について】

【施工事例サムネイル付き一覧】※ショートコードではないので、リンク先や画像は手入力にてご対応願います
<div class="jirei-wrap">
<ul>
<li><a href=""><img class="wp-image-1968 size-thumbnail" src="https://hokushin-kensetsu.jp/blog/wp-content/uploads/2020/10/DSC_0608-170x120.jpg" alt="自然素材の家" width="170" height="120"><p>ここに事例のタイトルを入れてください</p></a></li>
<li><a href=""><img class="wp-image-1971 size-thumbnail" src="https://hokushin-kensetsu.jp/blog/wp-content/uploads/2020/10/DSC_0645-170x120.jpg" alt="木に囲まれた家" width="170" height="120"><p>ここに事例のタイトルを入れてください</p></a></li>
<li><a href=""><img class="wp-image-1843 size-thumbnail" src="https://hokushin-kensetsu.jp/blog/wp-content/uploads/2020/07/DSC_0359_1_-170x120.jpg" alt="森の中の小屋のような家" width="170" height="120"><p>ここに事例のタイトルを入れてください</p></a></li>
<li><a href=""><img class="wp-image-1968 size-thumbnail" src="https://hokushin-kensetsu.jp/blog/wp-content/uploads/2020/10/DSC_0608-170x120.jpg" alt="自然素材の家" width="170" height="120"><p>ここに事例のタイトルを入れてください</p></a></li>
</ul>
<p class="jirei-link"><a href="https://hokushin-kensetsu.jp/case/">そのほか施工事例はこちら >></a></p>
</div>

<手順>
メディアにて、Idを確認
本文にて、メディア挿入ー>上記コードのオレンジ部分に上書き、altとタイトル挿入する。サイズ指定170x120をjpgの前に挿入
手間かかるため、各写真とコードを残しておくのがよい

共通マニュアル

最初に確認してください

案件一覧