WordPressの自作テーマを、超最小構成から順番に組み上げる講座です。全8回で一通り動くテーマが完成します。
既成テーマのカスタマイズで詰まったとき、テーマがどう動いているかを知っていると解決が早くなります。①から順番に進めてください。
フルサイト編集(FSE)についても最後にまとめています。
目次
自作テーマ制作 全8回
最小構成から始めて、ヘッダー・フッター、メニュー、トップページ、各種テンプレートを順に追加していきます。1本ずつ手を動かしながら進める構成です。
第1回。index.phpとstyle.cssだけの超最小構成から始めます。ここから読んでください。
あわせて読みたい


WordPress自作テーマ制作①│超最小構成で自作テーマを作る方法
WordPressには優れたテーマがたくさんあります。 無料であればCoconn、有料であればSWELLが個人的には推しています。 これまで既存のテーマをベースにしたカスタマイズ...
第2回。ヘッダーとフッターをテンプレートパーツに分けます。
あわせて読みたい


WordPress自作テーマ制作②│ヘッダーとフッターの作成
前回、最小構成の自作テーマを作成した時はindex.phpだけ用いて、真っ白な画面を表示させていました。 今回はヘッダーとフッターを作成しましょう。 別テーマの画像を参...
第3回。ナビゲーションメニューとウィジェットエリアを登録します。
あわせて読みたい


WordPress自作テーマ制作③│メニューとウィジェットの作成
WordPressの自作テーマをスターターテーマを使わずにフルスクラッチで作成してみています。 ということで、今回はメニューとウィジェットを表示させてみます。 WordPres...
第4回。トップページのテンプレートを作ります。
あわせて読みたい


WordPress自作テーマ制作④│トップページ作成
フルスクラッチでWordPressテーマを作ってみる、第4弾。 今回はロゴやらコピーライトやらを入れてトップページを作成してみます。 最小限の構造だけで作成するので、見...
第5回。投稿ページと固定ページのテンプレートを作ります。
あわせて読みたい


WordPress自作テーマ制作⑤│投稿ページ・固定ページの作成
自作テーマ制作の第5弾! 今回は投稿ページ、固定ページの作成を作成します。 具体的にはパンくず、タイトル・更新日・公開日・アイキャッチ画像・本文を追加しています...
第6回。アーカイブ(記事一覧)ページを作ります。
あわせて読みたい


WordPress自作テーマ制作⑥│アーカイブページ(記事一覧ページ)の作成
スターターテーマ無しでフルスクラッチで作るWordPressの自作テーマ作り、第6弾。 今回はアーカイブページを作成します。 アーカイブページ(記事一覧ページ) 一覧記事...
第7回。検索結果ページを作ります。
あわせて読みたい


WordPress自作テーマ制作⑦│検索結果ページの作成
WordPressの自作テーマ第7弾! 今回は検索まわりのテンプレートを作成します。 検索フォームの設置 まずは検索できるようにしましょう。 最初から用意されている検索の...
第8回。style.cssで全体の見た目を整えて完成させます。
あわせて読みたい


WordPress自作テーマ制作⑧│見た目(style.css)の作成
WordPressの自作テーマ第8弾! 基本的なテンプレートが揃ってきたので、今回はようやくCSSを書いて見た目を整えます。 厳密の言うと、最低限のベース(自前のスターター...
フルサイト編集(FSE)
ブロックでテーマ全体を編集する仕組みです。従来のPHPテンプレートとは考え方が異なります。
ブロックでテーマ全体を編集するフルサイト編集の基本です。従来のPHPテンプレートとは考え方が違います。
あわせて読みたい


フルサイト編集(FSE)とは|サイトエディターの使い方とブロックテーマ
WordPressでヘッダーやフッターまで含めて、ブロックだけでサイト全体を組める機能です。 かつては「フルサイト編集(FSE、Full Site Editing)」と呼ばれていましたが...

