テクノホーム コラム マニュアル
アイキャッチ画像 施工事例の中から選んだ画像にタイトルと同じ文字を入れる
① 目次 各章にリンクをつける
例
目次
<div class="post-content ">
<div id="toc-area">
<p class="toc-title">目次</p>
<ul class="toc-list">
<li><a href="#i-1">子育てしやすい土地を選ぶポイント</a></li>
<li><a href="#i-2">子育てしやすい家にするポイント</a></li>
<li><a href="#i-3">子供の安全を確保する家に必要なこと…外部からの脅威や影響への備え</a></li>
</ul>
</div>
見出し
<h2 id="i-1">子育てしやすい土地を選ぶポイント</h2>
<h2 id="i-2">子育てしやすい家にするポイント</h2>
<h2 id="i-3">子供の安全を確保する家に必要なこと…外部からの脅威や影響への備え</h2>
② 画像について
各章の冒頭に施工事例、又はLINE UPの中選んだ画像にキャプション（施工事例名）を記入し、施工事例とリンクさせ新しいタブで開くに設定する、altをつける
③ コラムについて
各章の末尾に関連コラムの短い紹介文とコラム名を枠で囲み、コラムにリンクさせ新しいタブで開くに設定する
テクノホーム コラム枠
<div class="border_b" style="border: 2px solid #337ab7; padding: 1em 1em 0; margin: 1.2em 0;">
囲みたい文章をここに記載
</div>
④ 施工事例ショートコードについて
各章の末尾に施工事例ショートコードをいれる。
ただし3章以上になった場合は、全体のバランスを見てちょうど良い個所に3か所入れる。
コラムの内容がBinO関連だった場合
[case_list cat="bino"]
コラムの内容がT-STYLEだった場合
[case_list cat="simplemodern"]
⑤ 引用したサイトのリンクはリンクを新しいタブで開くに設定する
⑥ 報告について
金内さんにメールで下書き保存状態で報告する。
|
admin