티스토리 Photo Essay 스킨 메인 화면을 취향에 맞게 고치기

오늘은 제가 사용하고 있는 스킨을 자신의 취향에 따라 메인 페이지를 수정하는 방법에 대해 설명하고자 합니다. 저는 Photo Eassay스킨을 사용하고 있습니다. 사실 이 스킨은 나온지 오래되었고 요즘처럼 인기 있는 반응형 스킨은 아니지만 그래도 저처럼 아직 이 스킨을 사용하는 분들에게 팁을 주고싶어 제가 아는 한에서 정보를 제공해 보려고 합니다.먼저 Photo Eassay 스킨을 선택하고 아무런 작업을 하지 않으면 최상단과 최하단은 아래 이미지처럼 보일 것입니다.

<초기 Photo Eassay 스킨 최상단 모습> 

<초기 Photo Eassay 스킨 최하단 모습>

그리고 아래는 제가 수정한 최상단 모습입니다.

아무 작업도 하지 않은 초기 상태와 비교해 보면 PHOTO ESSAY 글씨는 보이지 않고 홈, 태그, 미디어로그, 위치로그, 방명록도 보이지 않습니다. 먼저 PHOTO ESSAY 글씨를 취향에 따라 자신만의 글자로 바꿔보겠습니다. 일단 관리페이지 에서 꾸미기 -> 스킨편집으로 들어가서 HTML편집을 클릭하면 HTML, CSS, 파일업로드 3개의 탭이 나타납니다. 처음에 저는 PHOTO ESSAY가 텍스트 인줄 알았는데 HTML탭, CSS탭 어디에도 PHOTO ESSAY 텍스트는 보이지 않았습니다. 그래서 파일업로드 탭을 클릭하여 파일 하나하나 확인하니 아래 이미지처럼 title.png파일이 있습니다. 저는 제 블로그 이름인 Story of hwan's life 로 이미지를 만든 후 title.png 로 저장해 파일을 업로드 하였습니다. 원하는 이미지를 만든 후 파일을 업로드 한후 저장을 하고 블로그 메인을 확인 하면 자신이 올린 이미지로 바뀐 걸 알 수 있습니다.

만약 파일 이름을 title가 아닌 다른 이름으로 저장하거나 확장자를 png가 아닌 jpg나 gif로 올린 경우 css탭을 클릭 후 ctrl+f를 누른 후 title.png를 검색하면 아래 코드를 볼수 있습니다. 여기서 빨간 밑줄 처럼 title.png를 자신이 올린 파일명과 확장자로 입력하면 됩니다. 

이번에는 PhOTO ESSAY밑에 있는 홈, 태그, 미디어로그, 위치로그, 방명록을 제거해 보겠습니다. 스킨편집창으로 들어가서 HTML 편집을 클릭후 HTML 탭으로 들어가서 CTRL + F를 눌러 블로그 메뉴를 검색하면 아래 소스를 볼수 있습니다. 여기서 빨간 네모 박스로 표시한 부분의 소스를 제거하고 저장을 누른 후 블로그로 돌아 오면 깔끔하게 지워진 것을 볼수 있습니다.

마지막으로 최하단의 지역로그, 태그, 방명록, 관리자, 글쓰기 부분을 삭제하는 방법을 알아 보겠습니다. 다시 스킨편집창에서 HTML편집을 눌러 HTML 탭으로 들어가서 CTRL + F를 눌러 footMenu를 검색하면 아래 소스를 볼수 있습니다. 여기서 빨간 네모 박스로 표시한 부분의 소스를 제거하고 저장을 누른 후 블로그로 돌아 오면 깔끔하게 지워진 것을 볼수 있습니다.

지금까지 티스토리 Photo Essay 스킨 메인 화면을 취향에 맞게 고치는 방법을 알아보았습니다. 읽어 주셔서 감사합니다.