티스토리 블로그 HTML 코드를 자동으로 수정 추가해주는 간단한 프로그램입니다. 사용하는 스킨의 종류를 확인하시고 호환 여부를 확인하세요. HTML 수정 작업은 문제가 발생할수 있기 때문에 반드시 데이터를 백업하시고 진행하실 것을 권해 드립니다.
아래 프로그램은 크게 코드를 수정하지는 않습니다.그래서 특별하게 문제를 발생시키지는 않지만 복사 과정에서 실수로 코드의 일부를 누락시키거나 오타등 작은 실수도 전체 블로그에 문제를 일으킬수 있기 때문에 충분히 숙지 하고 진행하셔야 합니다.
블로그 데이터 백업은 관리자 페이지에서 진행하시면 되고 CSS, HTML도 별도로 백업을 권해 드립니다.
아래 프로그램은 HEAD 부분의 meta viewport를 변경합니다.
그외는 다른 코드는 설정이나 변경 작업을 하지 않으며 만약 직접 수정이 가능하시면 HEAD 부분의 코드를 변경하시면됩니다. 그리고 나머지는 4개의 스크립트 파일을 설치 합니다. 설치 위치는 </body> 아래 </html> 사이에 존재하며 차후 필요가 없으면 4개의 스크립트 파일을 삭제만 하시면 원래 스킨 코드를 유지 할수 있습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">로 코드를 수정합니다.
기본으로 화면 크기 조절이 안되있는 부분을 화면 크기 조절이 가능하게 변경합니다.
HEAD 부분의 1개 코드 수정
</BODY> </HTML> 코드 사이에 4개의 스크립트 파일 생성합니다. 스크립트 파일은 주로 항목 삭제용 파일입니다.내용은 아래와 같습니다.
삭제 항목
1. PRE NO -MORE-PREV 코드를 삭제합니다. 이 코드는 목록 화면에서 이전 페이지가 없는데 표시되는 링크입니다. 2. TT-BOX-THUMB 코드를 삭제합니다. 이코드는 댓글 이미지를 삭제합니다. 3. EDIT ENTRY 속성에 TITLE 이 누락된 곳에 티스토리 블로그로 타이틀 속성을 부여합니다. 4.LIGHTBOX 요소를 제거 합니다. 이미지를 팝업창으로 확대하는 기능입니다.
위 코드를 삭제하는 이유는 이전 블로그 글에서 참조하시면 됩니다.
;/BDOY 와 /HTML 사이 4개의 스크립트 코드
아래 코드는 비밀번호를 설정했습니다. 비밀번호를 아실수 있을것입니다. 모르시는 분들은 저에게 댓글이나 방명록으로 요청하시면 알려 드리겠습니다. 반드시 HTML 코드 수정 작업은 만일에 경우를 대비해서 백업을 하고 하실것과 검색이 최적화된 블로그는 스킨 수정을 절대로 권해 드리지 않습니다.
코드 수정이 잘못되서 발생하는 일은 본인이 책임을 져야 합니다. 처음 시작하시는 분들이나 연습용 블로그를 하나 더 개설해서 테스트를 해보는 방법도 있습니다.
아래 수정은 가장 기본적인 코드 수정과 스킨에 영향을 거의 주지 않는 부분만 코드로 작성했고 추가 작업은 어느 정도 코딩을 하셔야 가능한 부분이라 그 부분은 여기서 말씀 드리지 않겠습니다.
스킨중 #1, #2 ,Portfolio, 스킨은 현재 자동으로 안되는걸 확인했기 때문에 수동으로 작업해야 합니다.
스킨이 업그레이드 되면 코드가 변경될수도 있습니다.
초기 스킨 상태 (광고,동영상,익명댓글이 없는 상태)에서 검색 엔진 최적화는 100정이 나오고 CLS 점수도 녹색 합격점(0.1)이하가 나와야 정상적으로 작동되는 것입니다. 모바일 기준입니다.
권장 사항과 접근성은 광고, 글작성시 주의 사항과 코딩 작업으로 진행하셔야 합니다. 이미 수정된 코드나 변경된 코드는 작동이 안될수도 있습니다.
