32877 freo Responsive Templates

画面最上部の右側に表示されているユーザーメニューをカスタマイズします。

ユーザーメニューを編集する

ユーザーメニューを削除する

<!-- ユーザーメニューここから -->
            <div id="usermenu">
                <h2>ユーザーメニュー</h2>
{include file='usermenu.html'}
            </div>
<!-- ユーザーメニューここまで -->

メインメニューとサイトタイトルの間、フッターのメニュー下部に表示されているのがサブメニューです。

サブメニューを編集する

サブメニューを削除する

<!-- サブメニューここから -->
        <div id="submenu">
            <h2>サブメニュー</h2>
{include file='submenu.html'}
        </div>
<!-- サブメニューここまで -->

{include file='submenu.html'}

サブメニューとコンテンツの間、フッターのサブメニュー上部に表示されているのがメインメニューです。

メインメニューを編集する

メインメニューを削除する

<!-- メインメニューここから -->
        <div id="menu">
            <h2><a href="{$freo.core.http_file}">{$freo.config.basis.title}</a></h2>
{include file='menu.html'}
        </div>
<!-- メインメニューここまで -->

{include file='menu.html'}

画面最下部に表示されているコピーライトをカスタマイズします。

コピーライトを削除する

        <address>copyright © {php} echo date("Y"); {/php} {$freo.config.basis.title}. All rights Reserved.</address>

本テンプレートでは、デフォルト画面用のテンプレートを作成し、freoをサイトとして利用するテンプレートとなっていますが、ブログサイトとして利用したい場合は、[freo/templates/internals/entry]フォルダを削除してください。

本テンプレートでは、デフォルト画面にインフォメーション・新着ニュース・新着エントリーを表示させていますが、その他のパーツを表示したい場合や、既存のパーツを削除したい場合などは、[freo/templates/internals/default/default.html]を編集してください。

その他の画面を編集したい場合や編集方法などは32877「初心者の為のfreoテンプレート編集講座」を参考にしてください。

管理画面→システム→設定管理→表示設定で「インフォメーション機能」を「利用する」を選択すると、インフォメーション機能を利用できます。
管理画面→システム→インフォメーション管理で、インフォメーションとして利用するエントリーID・ページID・本文を設定できます。

※本テンプレートでは、エントリー画面でのみインフォメーション本文・インフォメーションエントリー・インフォメーションページを表示します。

管理画面→システム→インフォメーション管理に「エントリーID」を入力すると、エントリー一覧表示時に、入力したエントリーを一番上に表示させることができます。
インフォメーションエントリーの本文はタグを抜いた状態で200文字まで表示されます。
インフォメーションエントリーの本文を全文表示する場合は下記の通り編集してください。

freo/templates/internals/entry.htmlの28行目

                <!--{if $information_entry_text.excerpt}--><p>{$information_entry_text.excerpt|smarty:nodefaults|strip_tags|mb_truncate:200:'...'|escape}</p><!--{/if}-->

を

                <!--{if $information_entry_text.excerpt}--><p>{$information_entry_text.excerpt|smarty:nodefaults}</p><!--{/if}-->
                <!--{if $information_entry_text.more}--><p><a href="{$freo.core.http_file}/view/{$information_entry.id}?continue=1#continue" title="No.{$information_entry.id}の続き" class="continue">続きを読む</a></p><!--{/if}-->

に変更して下さい。

管理画面→システム→インフォメーション管理に「ページID」を入力すると、エントリー一覧表示時に、入力したページを一番上に表示させることができます。
インフォメーションページの本文はタグを抜いた状態で200文字まで表示されます。
インフォメーションページの本文を全文表示する場合は下記の通り編集してください。

freo/templates/internals/entry.htmlの57行目

                <!--{if $information_page_text.excerpt}--><p>{$information_page_text.excerpt|smarty:nodefaults|strip_tags|mb_truncate:200:'...'|escape}</p><!--{/if}-->

を

                <!--{if $information_page_text.excerpt}--><p>{$information_page_text.excerpt|smarty:nodefaults}</p><!--{/if}-->
                <!--{if $information_page_text.more}--><p><a href="{$freo.core.http_file}/page/{$information_page.id}?continue=1#continue" title="{$information_page.title}の続き" class="continue">続きを読む</a></p><!--{/if}-->

に変更して下さい。

管理画面→システム→インフォメーション管理のインフォメーション本文に入力した情報が、サイトのトップ画面に表示されます。
当サイトのトップ画面で「Notice-ごあいさつ」と表示されている部分は、

<h3>Notice<span>ごあいさつ</span></h3>

とインフォメーション本文に書き込むと表示されます。

/* -------------------------------------------------------------------------------- */
/*      7-1-2:コメントのユーザー別背景色                                            */
/* -------------------------------------------------------------------------------- */
.root{border-left: 10px solid #666;}
.author{border-left: 10px solid #999;}
.guest{border-left: 10px solid #999;}
.nouser{border-left: 10px solid #ddd;}

サイト上に簡単なメールフォームを設置します。
下記URLからDLの上実装してください。

freo：メール送信プラグイン

サイト上に一言メッセージを登録するフォームを設置します。
下記URLからDLの上実装してください。

freo：メッセージ登録プラグイン

サイト上にWEB拍手を設置します。
下記URLからDLの上実装してください。

freo：拍手送信プラグイン

サイトのお知らせを管理するプラグインを追加します。
下記URLからDLの上実装してください。

32877：ニュースプラグイン

リンクを管理するプラグイン（バナー表示有）を追加します。
下記URLからDLの上実装してください。

32877：バナー付きリンクプラグイン

エントリー・ページ本文など、管理ページ上でTinyMCEなどのHTMLエディタを利用して編集した箇所の見出しデザイン等を変更する場合は、[freo/css/design.css]を編集してください。

スタイルを追加する時の注意点

テンプレートにスタイルを適用する時の注意点

<div class="content design">

エントリー・ページ本文用スタイルを管理画面のHTMLエディタ上に反映するように設定するには、[freo/js/admin.js]の

//TinyMCE
tinymce.init({
    ～～中略～～
    content_css: [
        freo_path + 'css/common.css',
    ],
    ～～中略～～
});

部分を

//TinyMCE
tinymce.init({
    ～～中略～～
    content_css: [
        freo_path + 'css/common.css',
        freo_path + 'css/design.css',
    ],
    ～～中略～～
});

のように[freo_path + 'css/contents.css',]を加筆してアップロードしてください。