WordPress自作テーマ制作記録⑩ThemeCheck対応

2021年2月7日 08:55

こちらの続きです。

今回はThemeCheck対応の続きを行いました。

ThemeCheck対応

【エラー内容】

必須: Found echo home_url in include/breadcrumb.php. home_url() must be escaped. Use esc_url() for link attributes. A manual review is needed.行4: <a href='<?php echo home_url(); ?>' itemprop='item'>

esc_urlしていなかったところをesc_url

<a href="<?php echo esc_url( home_url()); ?>" itemprop="item">

【エラー内容】

必須: wp_body_open action or function call at the very top of the body just after the opening body tag が見つかりません。See: wp_body_open <?php wp_body_open(); ?>

<body>直後に<?php wp_body_open(); ?>追加

   <body>
       <?php wp_body_open(); ?>

【エラー内容】

必須: post_class が見つかりません。See: post_class <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

<?php post_class(); ?>追加。
引数でクラスを追加できるので、元々記述していたクラスを引数に指定。

修正前

<article class="main__contents article">

→

修正後

<article <?php post_class('main__contents article'); ?>>

【エラー内容】

必須: language_attributes が見つかりません。See: language_attributes<html <?php language_attributes(); ?>

htmlタグに追加

<html <?php language_attributes(); ?>>

【エラー内容】

必須: body タグ内の body_class 呼び出しが見つかりません。See: body_class <?php body_class( $class ); ?>

bodyタグに追加

<body <?php body_class(); ?>>

【エラー内容】

必須: add_theme_support( 'automatic-feed-links' ) が見つかりません。See: add_theme_support <?php add_theme_support( $feature ); ?>

functions.phpに追加

add_theme_support( 'automatic-feed-links' )

【エラー内容】

必須: このテーマはタグを表示していないようです。適切な場所にタグを表示するように変更してください。

singleページに表示するよう修正。
パラメータでタグ一覧の前に表示する文字列、各タグリンクの間に表示する文字列・記号を空に設定。
CSSも設定。

<?php the_tags('', ''); ?>

【エラー内容】

警告: functions.php に wp_deregister_script が見つかりました。テーマ内で本体のスクリプトを解除してはいけません。行32: wp_deregister_script( 'jquery');

特に、WordPressのjqueryを使わない理由はなかったので、下記をコメントアウト。

   /*
   wp_deregister_script( 'jquery');  
   wp_enqueue_script( 'jquery', 
       '//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js', 
       array(), 
       '3.5.1', 
       true 
   );
   */

（2021/3/26追記）
この後、jquery読み込み位置を変えたかったので、結局WordPressのjqueryを使わずに自分で読み込むように変更した。

ただし、この場合、
WordPressで用意されているjQueryでは、「$」を使うと動かないため、
jsの全体をjQuery(function($){ });で囲む対応を行った。

参考：
https://briarpatch.co.jp/wp-jquery

【エラー内容】

推奨: add_editor_style() が見つかりません。エディタの内容を投稿の出力結果と同じにして使いやすくするために、エディタへのスタイリングをテーマで実装することが推奨されています。

functions.phpに追加。

Gutenberg以降の場合、
add_theme_support( 'editor-styles' );も必要になるらしく、下記のように記述。

// 管理画面style
function add_my_editor_styles() {
   add_theme_support( 'editor-styles' );
   add_editor_style( get_theme_file_uri( '/css/style.css'));
}
add_action( 'admin_init', 'add_my_editor_styles' );

参考：
https://qiita.com/youthkee/items/3c8b8f91314727d40d3f

TODO

・ThemeCheckのエラー対応
・screenshot.png用意

検討

・ラインなど、エディタにある項目のcssをどうするか
・add_image_size で画像サイズを設定するかどうか
・function.phpの内容
・フッターのメニュー
・カテゴリ指定できるか？？（アイキャッチありの投稿ウィジェット）
・コンテンツ下ウィジェット
・トップページ
・リッチリザルト
・翻訳まわり
・「さらに読む」の文言
・ロゴ画像のサイズ・CSS

【対応不要にしたもの】
・続きを読む→対応しない
・faviconの設定→標準のカスタマイザーでできた。
・先頭固定表示にしたときのウィジェット、アーカイブページ
→今まで使っていたテーマでもやってないのでやらない。
・post_classを全部につけるかどうか。（アーカイブやウィジェット・関連記事）
→今まで使っていたテーマでもやってないのでやらない。

この記事が気に入ったらサポートをしてみませんか？