PPP2のテンプレートシステム

2026-02-24 13:31:04

PictPostPersonal2では「テンプレート」を変更することにより、サイトのデザインを自由に変更することができます。
テンプレート内では独自の記述が利用でき、HTMLの簡単な知識があればプログラムの知識不要でデザインを変更できます。

テンプレートの種類

代表的なテンプレートファイルは下記のものになります。

ファイル名	内容
template2_index.php	トップページ
template2_page.php	固定ページ
template2_article.php	記事ページ
template2_search.php	検索結果ページ
template2_entry.php	入場案内ページ
template2_nsfw.php	NSFW案内ページ

テンプレートの配置

カスタムしたテンプレートは<root>/env/templtesディレクトリに配置します。

このディレクトリに該当テンプレートがない場合はデフォルトテンプレートまたは指定されたテーマのテンプレートが使用されます。
テンプレートは次の優先度で使用されます。

ユーザーテンプレート(上記ディレクトリ内) > テーマテンプレート > デフォルトテンプレート

※テーマを作成することも可能ですが、これについては後述します。

テンプレートの基本構成

各ページテンプレートの最小構成は次のようになります。

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- meta -->
    {PPP INCLUDE:template2_meta_header.php}

    <!-- system header -->
    {PPP INCLUDE:template2_sys_header.php}

    <!-- template resouce -->

    <!-- user css -->
    <link rel="stylesheet" href="{PPP SITE_URL}/user_resource/user.css">
</head>

<body>
    {PPP:admin_header}
     
     <!--ページ内容-->
     
    {PPP:powered_info}
</body>
</html>

ページ内容部分について、デザインを行ってください。
各ページに応じて独自記述により記事の内容などを展開します。
[テンプレートの独自記法]以降の記事を確認してください。

当初は <root>/core/templates ディレクトリ内にあるテンプレートをコピーして、それをベースに改変するのがよいでしょう。

テンプレート内から使用するCSSや画像の置き場所について

CSSや画像などは<root>/user_resourceディレクトリ内に配置します。
テンプレートの中では次のような記述で参照します。

<img sr="{PPP SITE_URL}/user_resource/sample.jpg">