티스토리 필수 스킨설정 팁 Top3

개인도메인 사용자에게 제일 필수적이고, 필요한 기능을 소개시켜주고자 한다.

알다시피 브라우저의 쿠키정책으로 블로그 서비스업자가 아닌 타 도메인을 등록 시킬경우 로그인이 유지 되지 않는 현상이 있다. 그럼에도 불구하고 티스토리는 개인도메인 연결을 현재까지 지원해주고 있고 좋은 방향이지만 반대로

비회원이나 회원 구분이 안가 에로 사항이 발생하곤 한다.

개인도메인 주소 상태서는 회원기능을 전혀 이용할 수 없기때문

하지만 이 팁은

댓글이나 방명록 입력폼 위에, 티스토리 2차도메인으로 우회시켜줘, 로그인을 유지시켜주는 기능이다.

로그인 유도 기능을 추가해보자

2군대를 수정해 줘야 하는데,

우선 CSS서 아래의 코드를 집어넣는다. (제일위나 제일아래추천)

/* 2차로그인 */
div #hi098123-tistory2{
	/* 스타일 */
    	text-align:center;
        border:5px solid #FFA7A7;
        background:#FFD8D8;
        padding:10px 0;
        color: #F15F5F;
}
div #hi098123-tistory2>span{
	/* 스타일 */
    	margin: auto 3px;
        display:inline-block
}
/* 2차로그인 END*/

 

그다음

HTML편집에서 </body> 바로 윗줄에 아래의 코드를 넣어준다

<!-- 개인도메인 -->
<script src="https://cdn.jsdelivr.net/gh/hi098123/tistory2/dist/tistory2.min.js"></script>
<!-- 개인도메인 END -->

 

 

두번째 팁 카테고리 New아이콘 회색으로 뜰경우

설정 > 카테고리관리 > 카테고리 설정 내용을 수정했을 경우

New 아이콘이 회색으로 뜨는데, 이 부분을 해결하고자 아래의 CSS를 스킨편집에 들어가 알맞은 위치에 삽입한다.

(제일위나 제일아래추천)

/* NEW 아이콘 변경 */
img[src*="new_ico_1"]{filter: sepia(100%) hue-rotate(315deg) saturate(500%) contrast(100%);}
/* NEW 아이콘 변경 END */

 

 

마지막 세번째 웹폰트를 적용하는 방법이다

/* 웹폰트소스 */ 와 /* 웹폰트소스 END */ 사이에 웹폰트 제작자의 소스를 집어넣는다.

그리고 그 아래 

    font-family: '폰트이름' 부분에 웹폰트소스의 이름을 입력해주면 끝

/* ●●●●● 웹폰트 ●●●●● */
/* 웹폰트소스 */
웹폰트소스 삽입
/* 웹폰트소스 END */


html body,
.font {
    font-family: '폰트이름', system-ui, sans-serif;
    font-size: 1.1em;
}
/* ●●●●● 웹폰트 END ●●●●●*/

현재 이 블로그서 사용하는 폰트소스 이다.

https://noonnu.cc/font_page/1364

/* 웹폰트소스 */
@font-face {
    font-family: 'Freesentation-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
/* 웹폰트소스 END */