dev 도구를 사용하여 특정 코드 소스를 찾고 FTTP에서 찾는 방법

Question

프로그래밍에 익숙하지 않아 많은 문제가 발생합니다. 예를 들어 나는 WordPress 테마를 편집하고 있는데 어떤 종류의 HTML 코드가 필요한지 결정하기 위해 inspect 요소를 사용하지만 그 코드가 편집 할 수 있도록 파일의 특정 위치 (FTP 사용)를 찾기 위해 항상 고심하고 있습니다. 새로운 것을 추가하십시오. 어떤 사람이 저에게 어떤 것을 어떻게 성취 할 수 있는지 이해하도록 도와 주시겠습니까? 특정 .inf 파일을 열려면 드래그하고 Ctrl + f를 눌러야합니다. CSS로 작업하는 것이 매우 쉬운 것처럼 보이지만 HTML과 관련하여 언제나 내가 원하는 것을 찾을 수 없습니다.

Answer 1

Linux를 사용하는 경우 grep 명령을 사용할 수 있습니다. 지정한 모든 파일을 검색합니다. 또 다른 옵션은 SSH를 통해 호스팅 계정에 사용하는 것입니다. 예 :

grep -irl "string" ./ 

Chrome과 Mozilla의 개발자 도구는 어떤 파일에 요소가 있는지 보여줍니다. 예를 들어 Mozilla에서 검사 -> 스타일 -> 오른쪽 열에 스타일 (CSS)이 표시되고 파일을 확인할 수 있습니다. 이 웹 사이트의 스타일을 확인하면 body 클래스가 all.css 파일에 있습니다.

희망이 도움이됩니다.