「zero」テーマの作成
ここでは練習用テーマ「zero」を作成し、今後の学習に活用します。今後の学習ではこちらのindex.phpなどのコードを記述し、動作を確認しながら進めていきましょう。
テーマフォルダの作成
1. wp-content/themes ディレクトリに zero という名前のフォルダを作成します。
2. style.cssを作成します。
@charset "utf-8";
/*!
Theme Name: zero
Author: Zero
Description: Description
Version: 1.0.0
*/
テーマではこのように設定を記述したstyle.cssが 最低限必要となります。
様々な項目が設定できますが、今回は
- テーマの名称
- 作者
- 説明
- バージョン
のみを設定します。
3. index.phpの作成
もっとも基本となるテンプレートである、index.phpを作成します。 まずはhtmlの雛形のみでOKです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>zero</h1>
</body>
</html>
4. テーマの有効化
wordpressのダッシュボードからテーマ「zero」を有効化します。 テーマの一覧にzeroテーマが表示されていない場合、
- フォルダの配置
- style.cssの内容
の2点について確認してみましょう。