워드프레스 html 소스 위치 알아내는 방법

워드프레스 포럼 게시판 Forum 워드프레스 html 소스 위치 알아내는 방법

이 게시글은 0개 답변과 1명 참여가 있으며 마지막으로  Word Cracker에 의해 2016년 4월 3일 업데이트 됐습니다.

  • 글쓴이

  • Word Cracker
    Keymaster

    워드프레스에서 HTML 수정하기

    위 스크린샷 중에 로그인 링크 주소를 수정하고 싶습니다.

    그런데 F12누른 상태에서 고친것은 소용이 없더라구요 어디가서 고쳐야 되나요?

    그리고 저 소스의 위치를 어떻게 알수 있죠?


    답변:

    안녕하세요?

    우선 저 그림만으로는 알기가 쉽지 않습니다.

    참고로 크롬에서 F12를 누르고 수정하더라도 화면상으로 수정이 되지만, 새로고침하면 다시 원상복귀가 됩니다. 그 이유는 수정하는 내용이 실제 소스에는 반영되지 않기 때문입니다. 예를 들어, CSS를 수정하여 화면상으로 반영되는 것을 확인했다면, 수정한 CSS 부분을 복사하여 워드프레스 테마의 스타일시트(style.css)에 추가해주어야 합니다. 워드프레스 스타일시트에 사용자 CSS를 추가하는 방법은 여기를 참고해보시기 바랍니다.

    이제 워드프레스에서 HTML 수정 방법에 대해 설명해보겠습니다.

    워드프레스는 PHP 기반이라서 ‘HTML을 수정한다’는 표현은 어울리지 않을 것 같습니다. PHP 파일을 서버단에서 처리하여 프런트엔드(브라우저)에 HTML이 뿌려진다고 생각하면 될 것 같습니다. 그러므로 제대로 수정을 하려면 PHP에 대해 약간의 지식이 필요합니다. 이 부분에 대해서는 이 글을 참고해보세요.

    그리고 테마 수정 시 알고 있어야 하는 사항은, 테마를 직접 수정하면 추후 테마 업데이트 시에 문제가 발생할 수 있습니다. 그러므로 가급적 차일드 테마(자식 테마)를 만들어서 작업하는 것이 좋습니다. 효과적인 차일드 테마를 만드는 방법을 참고하시기 바랍니다.

    소스를 수정하지 않고 URL만 변경하고 싶다면 jQuery로 시도해볼 수 있습니다. https://www.thewordcracker.com/jquery-examples/how-to-change-url-using-jquery/ 글을 한 번 참고해보세요. 워드프레스에서 jQuery를 사용(후크)하는 방법은 이 글에서 확인할 수 있습니다.

    보너스 팁: F12를 눌러 HTML 소스를 확인하여 특정 부분의 HTML이 어떤 php 파일과 관련이 있는지를 확인하는 방법은 PHP 전체 파일을 검색할 수 있는 텍스트 에디터가 도움이 됩니다. 이 기능을 수행하는 텍스트 에디터가 몇 개 있습니다. 저는 EmEditor라는 편집기를 주로 사용하는데, 매우 편리합니다.

    Find and Files in EmEditor - 전체 파일 검색하기Search > Find in Files를 선택하여 특정 문구를 전체 파일(하위 폴더 포함)에서 검색할 수 있습니다. 특히 Regular Expression(정규식)을 사용할 수 있어 더욱 강력한 검색이 가능합니다. (단축키: [kbd]Ctrl+Shift+F[/kbd])

    또는, 무료 검색 프로그램인 FindInFiles 프로그램을 사용할 수도 있습니다.

'워드프레스 html 소스 위치 알아내는 방법'에 답변달기
글쓴이 정보: