워드프레스 제대로 하자고 VScode에 phpcs 넣으면 몹시 화났다

이 기사는



오랜만에 WordPress를 만질 기회가 있었기 때문에 제대로하려고 VScode에 phpcs라는 플러그인 넣으면 조속히 엄청 화가 났기 때문에 하나씩 해결해 나갈거야.

에러 메세지로 검색 걸었더니 진짜로 사이트가 나오지 않아 오목했기 때문에 비망록적으로 써 남긴다!

덧붙여서 평소 거의 WordPress 만지지 않기 때문에 진짜로 초보자 전용입니다.

phpcs는 이것입니다.
ぁtps://마르케 tp.ゔぃすあ lsつぢお。 이 m/있어 ms? 있어 m 핥기 = 가득 s. phpcs

오류 내용 및 해결 방법



공통



1. 개행 전 스페이스


Whitespace found at end of line

개행 전에 반각 스페이스가 들어가거나 하면 이렇게 화난다.
반각 공간을 지우면 화가 나지 않게 된다.

2. 코드 후 개행


File must end with a newline character

코드 뒤에 개행이 없을 때의 분노 방법. 개행을 더하면 기분은 고쳐진다.

3. 코멘트 아래의 빈 줄 바꿈


There must be no blank lines after the function comment

코멘트 아래에 하늘의 개행이 있으면 이것이 나온다. 빈 줄 바꿈을 지우면 오류가 사라집니다.

4. 도트의 좌우는 반각 스페이스를


Contact operator must be surrounded by a single space

도트의 좌우에 반각 스페이스를 넣지 않으면 이렇게 된다. 넣으면 치유한다.

5. 코멘트문의 마지막에는 .?!??를 붙인다


Inline comments must end in full-stops, exclamation marks, or question marks

문장의 끝에.?!??가 붙지 않을 때의 분노 방법. 일본어와 함께 문장은 구두점으로 끝내자

6. 코멘트를 찾을 수 없음


Missing file doc comment

WordPress의 파일은, 각각이 무슨 파일인지를 코멘트로 기록할 필요가 있는 것 같다.
그것이 없다는 화가 위의 오류 메시지.
/**
 * Header

 * @package ThemeName
 */

이런 식으로, 개요와 @package ほにゃらら 를 넣어 주면 고친다.@package 다음은 무엇이든 좋은 것 같다. 테마의 이름.

이 사이트 알기 쉬웠다
WordPress 코딩 표준의 공식적인 작성 방법을 정리해 보세요 – 밀 로그

7. 루프 시스템


Newline required after opening brace

개행 방식으로 화가 났을 경우.
//怒られる
<?php if ( have_posts() ) : ?>
  <?php while ( have_posts() ) : the_post(); ?>
...
  <?php endwhile; ?>
<?php endif; ?>

//怒られない
<?php
if ( have_posts() ) :
  while ( have_posts() ) :
    the_post();
    ?>
...
  <?php endwhile; ?>
<?php endif; ?>

functions.php



1. 코멘트를 찾을 수 없다 그 2


Missing file doc comment

1개 이전의 에러와 함께 있지만, 함수를 작성하고 있는 경우에는 함수마다도 코멘트가 필요
//functions.phpのDoc
/**
 * Functions
 *
 * @package ThemeName
 */

//関数$my_enqueue_scripts(任意の関数名)のDoc
/**
 * $my_enqueue_scripts.
 */

2. 버전 기재


Resource version not set in call to wp_enqueue_style(). this means new versions of the style will not always be loaded due to browser caching.

로드한 CSS 파일에 버전 기재가 없는 경우의 내용. 어떠한 버전 정보를 기재해 주면 기분이 고쳐졌다.
//怒られる
wp_enqueue_style( 'common-css', get_template_directory_uri() . '/assets/css/styles.min.css', '');

//怒られない
wp_enqueue_style( 'common-css', get_template_directory_uri() . '/assets/css/styles.min.css', '', '1.0.0' );

header.php



1. 스타일 시트 등의 로드 방법


Stylesheets must be registered/enqueued via wp_enqueue_style

스타일 시트는 wp_enqueue_style 로 읽어 주세요.
JS도 wp_enqueue_scripts 에서 읽지 않은 것처럼 화난다.

2. 로드는 functions.php


All output should be run through an escaping function (see the Security sections in the WordPress Developer Handbooks), found 'get_template_directory_uri.'

JS, jQuery, CSS 주위의 기술을 head에 넣고 있으면 말되었다.
이것은 주로 URL을 이스케이프 처리하지 않는 경우에 나오는 문언인것 같다.
애초에 functions.php에 넣어 버리면 화가 나지 않기 때문에 얌전하게 functions.php에 푹 빠졌다.

함수 주위



1. in_array의 세 번째 인수는 true


Not using strict comparison for in_array; supply true third argument.
in_array 함수를 사용할 때 세 번째 인수 ( true )를 지정하십시오.

in_array를 사용할 때는 조용히 세 번째 인수를 붙입니다.

2. 등호를 가지런히 한다


Equals sign not aligned with surrounding assignments. Expected 6 spaces but found 1space.
//6とか1とかは例

이거 모르겠어? ? ? 라고 되어 있었지만 매우 간단하고, 단지 위치를 스페이스로 가지런히 해 깨끗하게 하자는 것이었다. .
//NG
$hoge = うんたらかんたら
$fugafuga_id = うんたらかんたら
//OK
$hoge        = うんたらかんたら
$fugafuga_id = うんたらかんたら

요약



우선 여기까지. 아직 가득 나올 것 같기 때문에 그 때는 추기해 가자 (2021/05/07)

좋은 웹페이지 즐겨찾기