WordPress에 CSS를 고치는 방법

WordPress는 PHP, HTML 및 CSS의 조합을 사용하여 블로그의 모양을 렌더링합니다. CSS에 유효하지 않은 코드가 포함되어 있으면 웹 브라우저가 페이지에서 사용 된 코드를 이해하지 못하기 때문에 블로그가 의도 한대로 표시되지 않습니다. W3C (World Wide Web Consortium)에는 오류 검사를 위해 CSS 검사기라는 CSS 도구가 있습니다. CSS Validator를 사용하여 코드에서 실수를 찾은 다음 스캔 결과를 지침으로 사용하여 CSS를 수정할 수 있습니다.

1.

월드 와이드 웹 컨소시엄으로 이동하려면 W3.org를 방문하십시오. 왼쪽 패널의 "Validators, Unicorns 및 기타 소프트웨어"섹션에서 "CSS Validator"를 선택하십시오.

2.

"URI 별"을 클릭하고 CSS 파일에 링크 된 웹 주소를 입력하거나 "파일 업로드"를 클릭하고 하드 드라이브에서 CSS 파일을 선택하십시오. "직접 입력으로"를 클릭하고 CSS를 상자에 붙여 넣을 수도 있습니다.

삼.

"확인"을 클릭하여 WordPress CSS에서 오류를 검사하십시오. 메모장 ++ 또는 vim과 같은 프로그램에서 CSS 파일을 연 다음 CSS Validator에 나열된 줄 번호를 사용하여 각 오류를 찾으십시오.

4.

유효성 검사기에보고 된 오류 메시지를 사용하여 WordPress 용 CSS 코드를 수정하는 방법을 결정하십시오. 대부분의 오류 메시지는 상당히 간단합니다. 예를 들어 CSS에 다음 코드가 포함 된 경우 '속성 셀 영역이 없습니다.'와 같은 오류가 표시됩니다.

표 {cellspacing : 0px; }

"cellspacing"속성은 HTML을 사용할 때 유효하지만 동일한 속성은 CSS에 없습니다. 테이블 주위의 공간을 없애려면 대신 "패딩"을 사용하십시오.

인기 게시물