티스토리 새 스킨 오디세이 작성자 이름 없애기 최적화

 

9월 9일 티스토리에 새로운 스킨이 업데이트됐습니다. 스킨 이름은 '오디세이'입니다.

오른쪽에 메뉴가 있는 2단형입니다.

무채색 계열로 폰트가 정리된 게 무척 마음에 들어 테마 갈아타기를 했습니다.

카테고리 별로 이미지를 넣을 수 있게 해서 정말 개인 홈페이지 느낌도 낼 수가 있더라고요.

 

티스토리 공지에 가면 데모 페이지도 볼 수 있습니다.

 

 

 

테마 변경

기존에 구글 에드센스 및 사이트 등록을 했다면 해당 코드를 저장하세요.

 

관리자 메뉴 > 스킨 변경 > 오디세이 선택 > 저장 간단하게 바꿨습니다.

 

기존에 쓰던 테마를 오디세이로 옮기면서 작성자 이름을 숨기는 작업을 했습니다.

코드 위치를 보니 box-info writer 태그를 숨기면 되겠더라고요.

<div class="box-info">
  <span class="writer">작가명</span>
  <span class="date">2020. 9. 9. 23:31</span>
</div>

 

관리자 메뉴 > 스킨 편집 > html 편집 버튼

스킨 편집 모드로 들어가서 ctrl + f or cmd +f 눌러서 html box-info 검색해서 writer 부분 코드를 삭제합니다.

 

 

 

적용 버튼을 누르고 확인하니 날짜 앞에 점이 노출됩니다.

 

 

CSS를 선택해서 동일하게 box-info로 검색합니다. 아래 코드를 /* */로 스샷처럼 주석 처리한 후 적용 버튼을 눌러 확인합니다.

 

 

날짜 앞에 점이 사라진 걸 확인하실 수 있습니다.

 

불필요한 코드 주석 처리

아래 3개를 주석처리했습니다.

 

favicon 설정 코드

저는 설정하지 않아서 삭제했습니다.

<link rel="shortcut icon" href="https://kjkj.tistory.com/favicon.ico" />

 

용도를 모르겠는 코드

삭제해도 동작하는데 문제가 없어서 주석 처리했습니다.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">

 

중복 로딩하는 웹 폰트

각 디바이스(모바일, 피시)에 기본 폰트가 있습니다.

안드로이드 경우 NotoSans가 기본 내장되어 있기 때문에 가져올 필요가 없습니다.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&amp;subset=korean">

css 코드를 보면 body에 지정된 기본 폰트가 있는데 기본으로 Noto Sans KR로 지정되어 있고

body {
    font-family: 'Noto Sans KR', Arial, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

T스토리 CSS에서 해당 폰트를 이미 가져오고 있기 때문에 가져올 필요가 없습니다.

웹 폰트를 쓰지 않아야 로딩 속도가 빠른데 아쉽습니다.