WordPressで固定ページを独自のPHPファイルで管理する

0
0
0

functions.phpにPHPファイルを読み込んで、固定ページにショートコードを埋め込む方法があるが、全くうまくいかないため、カスタムテンプレートを利用すればうまくいったので参考に。今回は/aboutでアクセスするためにphpファイルを作成する前提。

  • wp/wp-content/themes/hoge/about.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?php
/*
Template Name: About Page
*/
 
define('UNIQUE_META', [
    'title' => 'テスト',
    'description' => 'テスト'
]);
 
define('UNIQUE_OGP', get_template_directory_uri() . '/images/ogp.png');
 
define('UNIQUE_CSS', [
    get_template_directory_uri() . '/css/about.css',
    get_template_directory_uri() . '/aos/aos.css',
    get_template_directory_uri() . '/css/style_pc.css',
    get_template_directory_uri() . '/css/style_sp.css',
]);
 
define('UNIQUE_JS_BOTTOM', [
    get_template_directory_uri() . '/aos/aos.js',
    get_template_directory_uri() . '/js/aos-init.js',
]);
 
get_header();
?>
 
~省略~

  • wp/wp-content/themes/hoge/header.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package hoge
*/
 
$domain  = "https://hoge.jp";
$parseUrl = parse_url($domain.$_SERVER["REQUEST_URI"]);
$url = $domain.$parseUrl['path'];
$titleDefault = "テスト";
$siteName = "テスト";
$title = UNIQUE_META['title'] ? UNIQUE_META['title']." | ".$titleDefault : $titleDefault;
$description = UNIQUE_META['description'] ? UNIQUE_META['description'] : "テスト";
$ogp = UNIQUE_OGP ? UNIQUE_OGP : get_template_directory_uri()."/images/ogp.png";
 
// ページ固有の情報が未定義の場合にデフォルトを設定
if (!defined('UNIQUE_META')) {
    define('UNIQUE_META', ['title' => '', 'description' => '']);
}
if (!defined('UNIQUE_OGP')) {
    define('UNIQUE_OGP', '');
}
if (!defined('UNIQUE_CSS')) {
    define('UNIQUE_CSS', []);
}
if (!defined('UNIQUE_JS_HEAD')) {
    define('UNIQUE_JS_HEAD', []);
}
 
?>
 
~省略~

  • 固定ページにaboutを追加
    • 固定ページ
      • セクションに移動し、新しい固定ページを作成するか、既存の固定ページを選択して編集
    • テンプレートの選択
      • ページ編集画面の「ページ属性」ボックスで、「テンプレート」ドロップダウンメニューから作成したテンプレート”About Page”を選択し、公開
    • https://hoge.jp/aboutでアクセスできる

Was this helpful?

0 / 0

コメントを残す