自作HTMLをWordPress化する手順

1. style.cssの内容に以下の情報を記載

@charset "UTF-8";
/*
Theme Name: テーマ名
Description: This is our original theme.
Version:1.0
*/

2. 全ての画像のパスを修正

例）サイトロゴの場合

<img src="img/logo.png" alt="サイト名">

↓

<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="<?php bloginfo('name'); ?>">

※ bloginfo('template_url')は非推奨となっているので、echo get_template_directory_uri()を使用する。

2017.9.1　非推奨タグ一覧（bloginfo）

1 <?php bloginfo('stylesheet_url'); ?>
2 <?php bloginfo('stylesheet_directory'); ?>
3 <?php bloginfo('template_url'); ?>
4 <?php bloginfo('template_directory'); ?>
5 <?php bloginfo('url'); ?>
6 <?php bloginfo('wpurl'); ?>

これらはそれぞれ、下記のタグを使うこと。

1 <?php echo get_stylesheet_uri(); ?>
2 <?php echo get_stylesheet_directory_uri(); ?>
3 <?php echo get_template_directory_uri(); ?>//親テーマの場合
4 <?php echo get_stylesheet_directory_uri(); ?>//親テーマの場合
5 <?php echo home_url(); ?>
6 <?php echo site_url(); ?>