안녕하세요. 린치핀소프트 한광희입니다.

워드프레스에서 관리자는 “테마 편집기” 메뉴를 통해 테마의 소스코드를 수정하거나 탐색할 수 있습니다. 이때, 소스코드는 하나의 프로그래밍 언어가 차용되어 기술되어 있으므로, 조금의 실수나 오기로 인해 사이트의 기능이 원활히 동작하지 않는 등  편집에 있어 주의를 기울여야 하는 작업입니다.

오늘 소개해드리는 wp-editor 플러그인을 이용함으로써 “테마 편집기”를 통한 테마 소스코드 편집작업을 조금 더 쾌적하게 할 수 있습니다.

screenshot-www.linchpinsoft.com 2016-01-14 16-46-54

<wp-editor 플러그인 활성화 후 “Theme Editor” 페이지>

wp-editor 플러그인은 https://wordpress.org/plugins/wp-editor/ 에서 다운로드 할수 있습니다.

wp-editor에서 제공하는 주요 기능은 다음과 같습니다.

1.테마의 적용(구문 강조나 뛰어쓰기,스페이스,탭 과 같은 특수기호의 간격 지정)

2. 폴더 탐색에 있어 더욱더 직관적으로 UI를 변경

3. Full Screen(전체 화면) 모드를 지원하므로 마치 VIM이나 Sublime Text와 같은 전문적인 프로그래밍 소스코드 수정 프로그램과 같은 유사한 환경을 제공

screenshot-www.linchpinsoft.com 2016-01-14 16-43-32

< wp-editor 플러그인 활성화 “전”인 기본 테마 편집기 페이지>

위 2가지 스크린샷을 비교해보면 wp-editor 플러그인을 활성화 한 후에 훨씬 더 소스코드를 보기 용이해졌으며, 우측의 사이드바에 표시된 디렉토리 내의 파일구조들도 훨씬 직관적으로 보기 수월해 졌습니다.

테마편집기를 통한 소스코드의 수정은 사실 크게 권장되는 것은 아닙니다.테마의 소스코드를 직접 수정할시에는 몇가지 유의해야 할 점이 있습니다.

자신이 사용하고 있는 테마의 소스코드를 임의로 수정할 경우 예기치못한 오작동이 발생할 수 있으며, 또한 추후 테마 업데이트를 통해 테마를 업그레이드할때 해당 변경 내역(임의 수정 내역)이 덮어씌어져 다시금 개선사항을 추가로 기입해야 하는 상황에 부닫칠수 있습니다.

그래서 워드프레스시스템에서는 테마의 수정을 할때는 자식테마(Child Theme)를 별도로 생성해서 해당 자식테마로 수정사항을 포함시키기를 권장합니다.