카테고리 없음

티스토리 블로그 셋팅 순서

모바일 정보 2020. 8. 3. 04:01

티스토리 블로그 셋팅 순서

티스토리 기본 세팅

오늘은 처음 티스토리 블로그를 만들어서 에드센스 광고를 달아 운영하기 위한 초반 셋팅을 정리해볼까 합니다. 사실 정답도 없고 그냥 개인적인 취향으로 만든 셋팅값을 정리해 놔야지 담번에 새로 블로그를 추가하더라도 다시 여기저기 자료들을 찾아서 하지 않게 될까 정리를 해 봅니다.

개괄적인 요약본이고 자세한 세부 내용들은 추후에 차차 포스팅을 해보도록 하겠습니다.

에드센스 승인

1) 도메인 구입 후 티스 연결 : 구글 계정 1개( 블로그 5개 연결)

2) whatever 스킨 메인도메인 설정

3) 승인용 글 1개 > 네이버 써치어드바이저 / 네이버 애널리틱스 / 구글 콘솔 등록 / 구글 애널리틱스

- 구글콘솔 과 애널리틱스는 등록시 티스토리 플러그인 이용 > 자동 사이트맵 생성(도메인/sitemap.xml)

4) 19개 추가 작성 후 (12시간 간격 발행) 승인요청

5) 승인받을때까지 1일 1포

6) 승인 후 하위도메인 생성 연결

7) 맞춤광고 설정

티스토리 설정

스킨 : whtaever or #1

설명 : 공백포함 80자 이내

카테고리 x

댓글 : 로그인 한 사용자만, 승인 후. 방명록은 비허용

스킨편집 : 홈화면 12개, 목록만 / 내용만

기본화면 1개 목록만

사이드바 & 메뉴 : 제거

모바일 : 사용하지 않습니다

메뉴바 구독바 : 표시하지 않습니다.

블로그 기타설정 : RSS는 전체공개, 50개로 설정

플러그인 설정

우클릭 방지

SNS 보내기

이전 글 발행 링크 삽입

무지개 링크 플러그인

반응형 웹 스킨 이미지 최적화

LIGHT TTEX

카테고리글더보기

구글애널리틱스

구글애드센스(반응형) - 상, 하단 하나씩

홈페이지 아이콘

스토리채널

트위터연결

텐핑 : 일치하는 광고 / ko추가

외부 검색 등록

네이버웹마스터

- 사이트 등록

- RSS 등록

- 사이트맵(신규) https://OOO.tistory.com/sitemap.xml

- 사이트맵(기존방식) 콘텐츠 설정 : '새로운 글쓰기를 허용하지 않습니다' 에서 작동가능

Frequency’ > ‘always’ 변경

Exclude URLs에 Robots.txt 추가 (구버전 에디터 필요)

구글 콘솔

- 티스토리 : URL 접두어 / 2차 도메인 : 도메인

- RSS 등록 : Sitemaps 에서 '도메인/rss' 로 추가

구글 애널리틱스 등록

- 애널리틱스 > 에드센스 연결

네이버 에널리틱스 등록

빙 웹마스터 도구

사이트추가 - 구글 계정으로 끌어오기 dj door

줌 등록사유 : 내 블로그가 더 많은 사람에게 보이면 좋겠습니다

블로그나와 '블로그/트위터 등록' 블로그 주소 뒤 RSS, 이메일 주소 입력

디자인 수정 CSS 탭

가. 상단 제목 색상 변경

#header h1 a {
display: inline-block;
vertical-align: top;
text-decoration: none;
color: #7a583a; /*컨셉칼라*/

나. 본문 넓이 변경

#content .inner {
overflow: hidden;
/* max-width: 860px; */ /* 스킨 디폴트 본문 넓이 */
max-width: 700px;
margin: 0 auto

참조 : noto sans kr, 모바일 폰트 가독성

다. 글제목 변경

/*글제목*/
.hgroup h1 {
font-size: 26px;
font-weight: 400;
line-height: 1.0666;
color: #FF00DD; /*자주색*/

라. 본문 폰트 수정

/* 본문 폰트 수정 */
/* 스킨 디폴트 폰트 사이즈 */
/*
.entry-content p {
margin-bottom: 22px;
word-break: break-all;
font-size: 1em;
line-height: 1.5714;
color: #666; */

/* 스킨 수정 폰트 사이즈 */
.entry-content p {
margin-bottom: 22px;
word-break: break-all;
font-size: 1.08em;
line-height: 1.6;
color: #141414;

마. 모바일 폰트 수정

/*@media screen and (max-width:767px) { 이부분 아래에 다음 코드 추가*/

/* Media Screen - Mobie */
.entry-content p { /* 모바일 본문 폰트 수정 */
margin-bottom: 24px;
font-size: 1.19em;
line-height: 1.6;
color: #141414;
}

네이버색상표

칼라피커- 참조 이미지에서 컨셉 색상추출, 톤업된 색상도 찾음

바. 본문 소제목 색상변경 및 꾸미기

/* Entry Content 수정본 */
.entry-content h1 {
clear: both;
margin: 29px 0 22px;
font-size: 1.6875em;
line-height: 1.5;
color: #306dad; /*컨셉색상 */
}

.entry-content h2 {
clear: both;
margin: 29px 0 22px;
font-size: 1.5em;
line-height: 1.5;
color: #000;
}

.entry-content h3 {
clear: both;
margin: 29px 0 22px;
font-size: 1.3125em;
line-height: 1.5;
color: #000;
border-bottom: 2px solid #5b88b7; /*컨셉색상 톤업*/
border-left: 10px solid #306dad; /*컨셉색상 */
padding: 5px 15px ;
}

.entry-content h4 {
clear: both;
margin: 29px 0 22px;
font-weight: 400;
font-size: 1.125em;
line-height: 1.5;
color: #000;
border-bottom: 2px solid #5b88b7; /*컨셉색상 톤업*/
border-left: 10px solid #306dad; /*컨셉색상 */
padding: 5px 15px ;
}

출처