PPP2のテンプレートシステム
2026-02-12 22:51:30
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 -->
<link rel="stylesheet" href="{PPP SITE_URL}/system_resource/css/recss.css">
<link rel="stylesheet" href="{PPP SITE_URL}/css/styles.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">