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

サポートページ

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

ダウンロード

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

(2022年6月7日最終更新)

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

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

ダウンロード
サンプルファイル(kuroneko_sample_0607.zip)

お詫びと訂正(正誤表)

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

(2022年5月9日最終更新)

P.230 関数名

wp_rest_postdata()
wp_reset_postdata()

(以下2022年4月20日更新)

P.254 書き換え後のコード(黄色)3行目

<?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 書き換え前コード(水色)3行目

<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>';