スタジオコンチーゴ株式会社WEBサイトガイドライン
レギュレーションサイト

共通部分 utility

 ルートディレクトリー
└ templates
 - └ utility.html--------:今回の対象ファイル

以下が2021年8月18日時点の /templates/utility.html ファイルの記載内容です。テンプレートファイルは都度更新されるので、最新のものを利用するようにしてください。このファイルを編集する際は、構成を大幅に変更することなく、デザインの変更はスタイルシート(CSS)で行ってください。

また、サイドナビの役割を担っている部分は適宜書き換えが必要になります。

utility.html テンプレートファイルの中身

<aside>
<!--{if $page.id|mb_strpos:'regulation' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}regulation">デザイン規定</a></div>
    {assign var="pid" value='regulation'}
    {include file='plugins/page_all/aside.html'}
<!--{elseif $page.id|mb_strpos:'area' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}area">対応エリア</a></div>
    {assign var="pid" value='area'}
    {include file='plugins/page_all/aside.html'}
<!--{elseif $page.id|mb_strpos:'solution' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}solution">事業内容</a></div>
    {assign var="pid" value='solution'}
    {include file='plugins/page_all/aside.html'}
<!--{elseif $page.id|mb_strpos:'coding' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}coding">コーディング規定</a></div>
    {assign var="pid" value='coding'}
    {include file='plugins/page_all/aside.html'}
<!--{elseif $page.id|mb_strpos:'javascript' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}solution">javascript</a></div>
    {assign var="pid" value='javascript'}
    {include file='plugins/page_all/aside.html'}
<!--{elseif $freo.core.plugin == search}-->
    <form action="/search" method="get" id="search-jump">
        <div class="tit">検索条件を変更する</div>
        <fieldset>
            <dl>
                <dd><input type="text" name="word" value="{$smarty.get.word}" placeholder="キーワード検索"></dd>
            </dl>
            <p class="search-btn"><input type="submit" value="検索する"></p>
            <div class="hidden-box">
                <input type="checkbox" id="search-detail">
                <label for="search-detail" class="search-label">詳細条件</label>
                <div class="hidden-show">
                    <!--{if $freo.refer.options|smarty:nodefaults}-->
                    <dl>
                        <!--{if !$smarty.get.page_name}-->
                        <dt>検索対象</dt>
                        <dd>
                            <select name="target">
                                <option value="">すべて</option>
                                <option value="entry"{if $smarty.get.target=='entry'} selected="selected"{/if}>エントリー</option>
                                <option value="page"{if $smarty.get.target=='page'} selected="selected"{/if}>ページ </option>
                            </select>
                        </dd>
                        <!--{/if}-->
                        <!--{foreach from=$freo.refer.options|smarty:nodefaults item='option'}-->
                        <!--{if $option.type == 'text' and $option.validate == 'numeric'}-->
                        <dt>{$option.name}</dt>
                        <dd>
                            <input type="text" name="option[{$option.id}][from]" value="{$smarty.get.option[$option.id].from}">以上、<input type="text" name="option[{$option.id}][to]" value="{$smarty.get.option[$option.id].to}">以下
                        </dd>
                        <!--{elseif $option.type == 'text' or $option.type == 'textarea'}-->
                        <dt>{$option.name}</dt>
                        <dd><input type="text" name="option[{$option.id}]" value="{$smarty.get.option[$option.id]}"></dd>
                        <!--{elseif $option.type == 'select' or $option.type == 'radio' or $option.type == 'checkbox'}-->
                        <dt>{$option.name}</dt>
                        <dd>
                            <ul>
                                <!--{assign var='option_texts' value=$option.text|explode:"\n"}-->
                                <!--{foreach from=$option_texts|smarty:nodefaults item='option_text' name='loop'}-->
                                <li>
                                    <label class="checkbox" for="label_option_{$option.id}_{$smarty.foreach.loop.index}">
                                        <input type="checkbox" name="option[{$option.id}][{$option_text}]" id="label_option_{$option.id}_{$smarty.foreach.loop.index}" value="{$option_text}"{if $smarty.get.option[$option.id][$option_text]==$option_text} checked="checked"{/if}>
                                        <span>{$option_text}</span>
                                    </label>
                                </li>
                                <!--{/foreach}-->
                            </ul>
                        </dd>
                        <!--{/if}-->
                        <!--{/foreach}-->
                    </dl>
                    <!--{/if}-->
                    <p class="search-btn"><input type="submit" value="検索する"></p>
                </div><!--/.hidden-show-->
            </fieldset>
        </form>
    </div>
<!--{/if}-->
</aside>

解説

内部改装へのリンクと条件文

2行目あたり~21行目あたりの記述は、各内部ページを表示するための条件分岐とプラグインを読み込んでいます。例として、以下の記述を解説します。

<!--{if $page.id|mb_strpos:'regulation' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}regulation">デザイン規定</a></div>
    {assign var="pid" value='regulation'}
    {include file='plugins/page_all/aside.html'}
<!--{elseif $page.id|mb_strpos:'area' !== FALSE}-->
    <div class="tit"><a href="{$freo.core.http_url}area">対応エリア</a></div>
    {assign var="pid" value='area'}
    {include file='plugins/page_all/aside.html'}

どんなことが書いてあるかを以下に記載します。

<!--条件文開始 もし、ページIDにregulationが含まれているなら-->
    <div class="tit"><a href="/regulation">デザイン規定</a></div>
    regulationの下層ページのみに限定して
    page_allプラグインaside.htmlを読み込んでサイドナビを表示
<!--もしくは、ページIDにareaが含まれているなら-->
    <div class="tit"><a href="/area">対応エリア</a></div>
    areaの下層ページのみに限定して
    page_allプラグインaside.htmlを読み込んでサイドナビを表示

再検索フォーム

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

<!--{elseif $freo.core.plugin == search}-->
<form action="/search" method="get" id="search-jump">
<div class="tit">検索条件を変更する</div>

上記22行目~以下の78行目まで

</fieldset>
</form>
</div>