極個人的プログラミング学習備忘録

HTML、CSS、PHP、JavaScript、Vueなどで学習したことをメモしていきます

Wordpressで最小限のテーマを作る

Wordpressで最小限のテーマを作る方法を紹介します。

新しいテーマディレクトリの作成

まず、wp-content/themes/ ディレクトリ内に新しいテーマのディレクトリを作成します。例として my-minimal-theme という名前でディレクトリを作成します。

style.css の作成
my-minimal-theme ディレクトリ内に style.css ファイルを作成し、以下の内容を追加します。

/*
Theme Name: My Minimal Theme
Theme URI: http://example.com/my-minimal-theme/
Author: Your Name
Author URI: http://example.com/
Description: A minimal WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-minimal-theme
*/

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
}

index.php の作成

my-minimal-theme ディレクトリ内に index.php ファイルを作成し、以下の内容を追加します

<?php get_header(); ?>

<div class="container">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
        <?php the_content(); ?>
    <?php endwhile; endif; ?>
</div>

<?php get_footer(); ?>

WordPressの管理画面からテーマを有効化

WordPressの管理画面にログインし、外観 > テーマ に移動して、My Minimal Theme を有効化します。
以上で、最小限のWordPressテーマが作成されました。これは非常に基本的なテーマなので、実際のサイトで使用する場合は、さらに機能やデザインを追加する必要があります。