FACEBOOK
XE를 처음 설치하고 레이아웃을 편집할 때 상당한 애를 먹었습니다.
레이아웃을 편집할 때는 HTML템플릿을 직접 수정하여 바꾸는 방식인데, 관리자 페이지에서 편집을 하려면 다음 그림과 같은 불편한 에디터로 편집을 해야 하기 때문입니다.
▲ XE에 관리자 페이지의 layout.html 편집창
여기에서 편집하는 HTML 파일은 files/faceOff/ 하위 디렉토리에 layout.html로 저장됩니다. 단, 하위 디렉토리는 110, 405 등과 같이 layout srl 번호 등을 조합한 숫자가 사용되기 때문에 이는 직접 찾아야 합니다.
Linux Shell 등으로 접속하여 grep 명령어를 활용하면, 편집해야 하는 layout.html 파일이 어디에 있는지 쉽게 찾아낼 수 있을 것입니다.
또는, 위쪽에 있는 '레이아웃 파일 저장소'에 이미지 파일 등을 업로드하면 경로가 표시되는데, 이를 통해 layout.html이 저장되는 경로를 알 수 있습니다.
▲ '레이아웃 파일 저장소'에 파일을 업로드하고 경로를 확인하는 모습
이 방법을 알게 된 뒤로는 layout.html 수정은 항상 SSH로 접속하여 Vim 에디터로 하곤 합니다. 색상으로 구문강조도 되고, Tab을 활용한 Indent도 편리하게 삽입할 수 있는 등 여러 모로 편리하기 때문입니다.
▲ SSH를 통해 서버에 접속하여 layout.html 파일을 직접 수정하는 모습
