共通部分 header

CSSも担当する場合

style.css のことなども考慮をしながらコーディングをしてください。冗長な記述などを避けて完結なHTMLコーディングを心がけてください。

CSSを担当しない場合

以下を参考にして、電話番号や追加情報のタグを記載してください。ひとまず、情報が記載してあればOKです。あとは、CSS担当者が適宜調整します。また、CSSの背景画像などで処理されるかもしれないアイコンなどは、img srcタグを使用して、画像を表示させておいてください。

<header>
    <div class="header-container">
        <div class="logo"><a href="{$freo.core.http_url}"><img src="{$freo.core.http_url}images/common/logo.svg" alt="スタジオコンチーゴ株式会社"></a><span>WEBサイトガイドライン<br>レギュレーションサイト</span></div>
        <form action="{$freo.core.http_url}search" method="get">
            <input type="text" name="word" value="{$smarty.get.word}" placeholder="キーワード検索">
            <input type="submit" value="">
        </form>
        <div class="header-sp">
            <p class="header-sp-search">検索</p>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <nav class="megamenu">
        {include file='plugins/page_all/megamenu.html'}
    </nav> 
</header>

↓以下のように追記をしてください。（39行目～46行目が追記した部分）

<header>
    <div class="header-container">
        <div class="logo"><a href="{$freo.core.http_url}"><img src="{$freo.core.http_url}images/common/logo.svg" alt="スタジオコンチーゴ株式会社"></a><span>WEBサイトガイドライン<br>レギュレーションサイト</span></div>
        <ul>
            <li><span>本社</span>〒354-0024 埼玉県富士見市鶴瀬東2-14-3</li>
            <li><span>朝霞支店</span>〒351-0025 埼玉県朝霞市三原2-16-1-413</li>
        </ul>
        <ul>
            <li><img src="/images/icons/tel.png" alt="電話"></li>
            <li>電話相談窓口 平日9:00-17:00</li>
            <li>048-472-1417
        </ul>
        <form action="{$freo.core.http_url}search" method="get">
            <input type="text" name="word" value="{$smarty.get.word}" placeholder="キーワード検索">
            <input type="submit" value="">
        </form>
        <div class="header-sp">
            <p class="header-sp-search">検索</p>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <nav class="megamenu">
        {include file='plugins/page_all/megamenu.html'}
    </nav> 
</header>

meta keywords

9行目あたりのmeta keywordsを変更してください。内部ページのmeta keywordsはページごとのオプションで変更をすることができますが、ここで変更するmeta keywordsはトップページに反映されます。

キーワード → 企業名 に変更してください。

<meta name="keywords" content="{if $page_associate.option.keyword}{$page_associate.option.keyword}{elseif $entry_associate.option.keyword}{$entry_associate.option.keyword}{else}キーワード{/if}">

ロゴの横のタグライン

44行目あたりにロゴの横に入るタグラインの記述があります。必要に応じて変更してください。デザイン上、タグラインが不要な場合は削除してください。

<span>WEBサイトガイドライン<br>レギュレーションサイト</span> //不要な場合はこの行ごと削除

<span>サービス名称1行目<br>サービス名称2行目</span>

ロゴのalt

44行目あたりにロゴのaltを変更してください。

<img src="{$freo.core.http_url}images/common/logo.svg" alt="スタジオコンチーゴ株式会社">

<img src="{$freo.core.http_url}images/common/logo.svg" alt="企業名">

code prettify

34行目あたり～36行目あたりの条件文は、code prettifyを使用する際に必要な記述です。残す指示がない場合は、削除してください。

<!--{if mb_strpos($page.id, regulation) === 0 or mb_strpos($page.id, javascript) === 0 or mb_strpos($page.id, coding) === 0}-->
<link rel="stylesheet" href="{$freo.core.http_url}css/code-prettify.css">
<!--{/if}-->

date picker

37行目あたり～39行目あたりの条件文は、datepickerを使用する際に必要な記述です。残す指示がない場合は、削除してください。

<!--{if $page.id == 'javascript/datepicker'}-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css">
<!--{/if}-->

検索

サイト内検索を利用しない場合は、45行目あたり～48行目あたりと、50行目あたりの以下の記述を削除してください。

<form action="{$freo.core.http_url}search" method="get">
    <input type="text" name="word" value="{$smarty.get.word}" placeholder="キーワード検索">
    <input type="submit" value="">
</form>

<p class="header-sp-search">検索</p>