ワードプレスのテンプレートをDIY【CMS カスタマイズ】
ワードプレスにはテンプレートというファイル群があります。
仕組みとしてワードプレスのテーマというのがウェブデザインを管理するところで、テンプレートというphpファイル群がそのテーマを構築しています。
テンプレートはテンプレートタグとHTMLを組み合わせてphp形式で保存されたファイルです。
このHTMLと組み合わせるのがミソで例えばh1タグの中にワードプレス で投稿した記事タイトルを表示させたいなと思えば、そのh1タグの中にテンプレートタグ(phpコード)を記述するだけで記事タイトルを表示させることができます。
それでは具体的にテンプレートをDIYしていきます。
ポイントはワードプレスで用意されているテーマをカスタマイズせず、自作したHTMLファイルをphpファイルに変換していくことです。
下記の記事でHTMLからPHPファイルへの流れを具体的に書いています。
参考:テンプレートタグ
参考:カスタム・ロゴとタイトル
以下の記事はphpループのコードと組み合わせてテンプレートを作ります。
若干、難しくなりますが複雑ではありませんので大丈夫だと思います。
どうでしょうか。
今後もテンプレートDIYは始まったばかりなので楽しくやっていきたいと思います。
最後にワードプレスで用意されたテーマをカスタマイズするのはやめたがいいのか。
それはある程度ワードプレスが分かってきて、ちょっと真似して作ってみようかなとファイルを覗いてみると圧倒的なphpに対する造詣の深さと製作者とのレベルの違いを感じるからです。
個人的に同じように作れるまで千年かかるかな?と思わせてくれました。
関連記事
【ワードプレス セキュリティ】プラグインSite Guardの使い方
検索結果用のページsearch.php
【ワードプレス ログイン】LoginPressでカスタム・ログインを作る
【ワードプレス SEO】プラグインYoast SEO導入までの解説
【2020版】Contact Form 7の設置から使い方まで
オリジナル・デザイン〜テーマフォルダ編
index.phpを分割する
CSSの中でphpコードを使う【アイキャッチ背景画像】
【ワードプレス】プラグインを使わずページャーを作る
ワードプレス記事をカテゴリーで分ける【テンプレート 使い方】
【ワードプレス デザイン】フッターにサイドバー情報を表示する
【ワードプレス】回遊率を上げる関連記事プラグイン
【ワードプレス 使い方】WordPress 5.4 アダレイ update
ワードプレス記事の前後へのリンク【テンプレートタグが用意されます】
WordPress5.5アップデートは新機能追加で新リリース