WordPressオリジナルテーマ制作入門

サポートページ

 

この記事を読むのに必要な時間：およそ 0.5 分

ダウンロード

サンプルファイルについて

（2022年6月7日最終更新）

本書のサンプルファイルは以下よりダウンロードできます。

サンプルファイルのデータは圧縮ファイル形式（zip）となっているため，ファイルダウンロード後はデスクトップなどに展開してご利用ください。

ダウンロード
サンプルファイル（kuroneko_sample_0607.zip）

お詫びと訂正（正誤表）

本書の以下の部分に誤りがありました。ここに訂正するとともに，ご迷惑をおかけしたことを深くお詫び申し上げます。

（2023年11月20日最終更新）

P.275　functions.php　下から7行目

誤 
'フッターのサイドバー'
正 
'フッターのウィジェットエリア'

（以下2023年11月1日更新）

P.132　出力場所（任意）

誤 
wp_header
正 
wp_head()

P.205　loop-post.php　4行目

誤 
<?php if(has_post_thumbnail()): ?>a
正 
<?php if(has_post_thumbnail()): ?>

「a」は不要です。

（以下2023年2月13日更新）

P.280　2行目

誤 ウィジェットエリアの内容を出力する「dynamic_sidear()」関数を使い、
正 ウィジェットエリアの内容を出力する「dynamic_sidebar()」関数を使い、

（以下2022年5月9日更新）

P.230　関数名

誤 wp_rest_postdata()
正 wp_reset_postdata()

（以下2022年4月20日更新）

P.254　書き換え後のコード（黄色）３行目

誤 <?php echo esc_url( home_url(); ?>
正 <?php echo esc_url( home_url()); ?>

P.307〜308

誤 

.wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1C6;
	border: 1px solid #00A1C6;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background-color: #00A1C6;
	color: #FFFFFF;
}
正 

.wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1C6;
	border: 1px solid #00A1C6;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button__link:visited {
	color: #00A1C6;
	background-color: #FFFFFF;
}

.wp-block-button__link:hover {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(150%);
}

P.318　エスケープ処理ツールURL

誤 JSON Escape BestOnline Tool（https://w3tools.org/json-escape）
正 JSON Escape and JSON Unescape Online Tool（https://codebeautify.org/json-escape-unescape）

P.387　書き換え前コード（水色）３行目

誤 <div class="container-fluid">
正 <div class="container-fluid">

赤字ではなく黒字です。「記述を削除する」の指示は4行目から開始します。

P.399　完成コード

誤 

<?php get_header(); ?>
<main class="main">
<?php
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post();
        the_content();
    }
}
?>
</main>
<?php get_footer(); ?>
正 

<?php get_header(); ?>
<main class="main">
    <div class="container-fluid">
<?php
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post();
        the_content();
    }
}
?>
    </div>
</main>
<?php get_footer(); ?>

（以下2022年3月24日更新）

P.402　functions.php コード内最終行

誤
$neko_news_html .= '</ul></div></a></article>';
正
$neko_news_html .= '</li></ul></div></a></article>';

P.409 functions.php コード内8行目

誤
$neko_news_html .= '</ul></div></a></article>';
正
$neko_news_html .= '</li></ul></div></a></article>';