티스토리 - 아이티 이알

티스토리 페이지 란?

티스토리 페이지 란 무엇인지 어떤 용도로 사용하는 것인지 간단하게 알아보도록 하겠습니다. 네이버 블로그나 다음 블로그에서 티스토리로 오게 되면 가장 먼저 궁금해하는 기능 중 하나가 페이지 관리인 것 같습니다. 아래 티스토리 페이지 기능에 대한 설명은 하겠지만 사실 특별한 경우가 아닌 이상 티스토리에서 페이지 기능을 사용할 일은 거의 없습니다. 깊이 생각하지 마시고 단순히 참고만 하세요. 티스토리 페이지 란? 우선 페이지 관리로 접속해 어떻게 생겼는지부터 확인부터 해 보겠습니다. 티스토리 블로그 관리 홈으로 접속해 왼쪽에 있는 메뉴를 보면 '페이지 관리'가 있습니다. 페이지 관리로 이동하면 상단에 페이지 쓰기가 보이는데요. 페이지 글 쓰기로 들어 가보면 일반적인 글 쓰기 즉, 블로그 포스팅 글 쓰는 방식과 동일합니다. 그럼 어떨때 어떤 용도로 사용하는 지 알아볼게요. 페이지 글은 블로그 포스팅이 아닌 글을 작성할 때 사용됩니다. 가령 인사말, 회사 소개, 이용약관, 이메일 수집 거부, 개인정보처리 방침 등 해당 사이트에 들어갈 기본 메뉴라고 생각하시면 될 것 같습니다. 블로그에서는 필요 없는 항목들이지만 회원가입을 필요로 하는 웹사이트의 경우 기본적으로 이용약관이나 개인정보처리 방침, 청소년 보호정책…

2022-07-22

티스토리 소제목 꾸미기 서식, 사각형 박스 라운드 스타일

티스토리 소제목 꾸미기로 요즘 많이들 사용하는 둥근 라운드가 있는 사각형 박스 모양으로 제목을 보다 강조할 필요가 있을 때 사용하면 좋을 것 같습니다. 티스토리 소제목 꾸미기로 티스토리 서식을 이용해 개별 적용하는 방법과 CSS편집을 이용해 블로그 전체에 적용하는 방법 2가지를 설명하겠습니다. 티스토리 소제목 꾸미기 블로그 전체 포스팅의 소제목에 적용하는 방법부터 설명하겠습니다. 아래 코드를 복사해 티스토리 관리 홈 > 스킨 편집 > HTML 편집 > CSS로 이동해 복사한 코드를 편집 창 하단 빈 곳에 붙여 넣기 합니다. .contents_style h2 { margin-top: 30px; /*상단 간격*/ margin-bottom: 15px; /*하단 간격*/ padding: 15px 20px; /*내부 여백(상하 / 좌우)*/ font-weight: bold; /*글자 두겁게(불필요시 삭제*/ font-size: 22px; /* 글자크기 */ color: #ffffff; /*글자색*/ background-color: #70829a; /* 배경색 */ border-radius: 25px 5px 25px 5px; /* 라운드 크기*/ } 이제 포스팅 작성 시 제목1로 지정한 소제목은 위 이미지처럼 꾸며지게 됩니다. 그리고 글자 크기와 글자색, 배경색은 코드 옆에 표시한 주석을 보고 각자 취향에 맞게 수정해 사용합니다. 색상 코드는 HTML 색상 코드…

2022-07-15

다음 블로그 종료와 티스토리 향방

다음 블로그 종료, 카카오는 오늘 4일 다음 블로그를 9월 30일을 끝으로 서비스를 종료하고 티스토리와 통합한다는 공지를 했습니다. 티스토리 사용자로서 다음 블로그와 통합된다고 하니 왠지 마음이 불안해지네요. 다음 블로그 종료 다음 블로그는 2005년 2월 블로그 서비스를 시작해 현재까지 만 17년째 서비스 중인데요. 갑자기 서비스를 종료하고 티스토리와 통합한다고 해 좀 노랬습니다. 다음 블로그 사용자들 입장에서는 당황스럽기도 하고 앞으로 불편한 사항들이 많아 걱정스러울 것 같은데. 무엇보다 블로그 주소가 변경된 다는 문제와 그동안 쌓인 댓글과 방명록 그리고 블로그 친구, 방문 통계 등 초기화가 가장 큰 문제일 듯합니다. 2020년 5월 다음 블로그가 티스토리와 유사한 모습으로 리뉴얼되었는데요. 티스토리와 통합 시 반발을 줄이기 위한 수순이지 않았는지 의문이 생깁니다. 다음 블로그는 7월 4일 이후로 더 이상 신규 가입을 받지 않고 있으며 2022년 9월 30일 오전 중 서비스를 종료한다고 합니다. 티스토리로 이전 신청을 하지 않은 유저에게는 서비스 종료 후 백업 데이터를 블로그 계정의 이메일로 순차적 발송 예정이라고 합니다. 티스토리 이전 신청 관련 FAQ 티스토리 향방 역사 속으로 사라지는 다음…

2022-07-06

티스토리 대표이미지 지정 홈화면 카테고리 목록 썸네일

티스토리 대표이미지 의미와 원하는 이미지를 대표이지로 지정해 블로그 홈 화면 또는 카테고리 목록에 썸네일로 표시되도록 하는 방법을 설명합니다. 티스토리 대표이미지 티스토리 대표이지란 내 블로그 홈 화면과 카테고리 목록 화면에 보이는 이미지 썸네일을 말하는 것입니다. 참고 : 티스토리에서 지정한 대표이미지가 다음 검색 결과 또는 네이버 검색 결과에 썸네일로 보이는 것은 아닙니다. 어디까지나 내 블로그 내에서만 대표이미지로 사용됩니다. 다음 검색 결과에 보이는 썸네일 이미지는 몇 가지 규칙에 따라 보이게 되는데요. 포스팅 주제와 맞지 않으니 생략하고 별도의 포스팅으로 대체하도록 하겠습니다. 티스토리 대표이미지의 의미는 이제 알았으니 어떻게 지정하는 알아보도록 할게요. 티스토리 대표이미지 지정 티스토리에서 대표이미지를 지정하지 않을 경우 자동으로 본문 내 첫 번째 이미지가 대표 이미지가 됩니다. 대표이미지로 사용할 이미지를 직접 지정하는 방법은 2가지가 있습니다. 첫 번째는 본문 내 이미지 중 하나를 아래와 같은 방법으로 지정하는 것입니다. 본문에 업로드된 이미지를 마우스로 한 번만 클릭하면 이미지 위에 버튼 모양처럼 생긴 "대표"가 보입니다. 이 버튼을 클릭하면 해당 이미지가 대표 이미지로 지정됩니다. 두 번째는 포스팅 완료 후…

2022-07-02

티스토리 구글 검색 누락 확인 방법

티스토리 구글 검색 누락 확인 방법, 내 블로그 포스팅이 구글 검색에 누락되고 있는지 확인하는 방법을 알아보도록 하겠습니다. 내 블로그 글이 구글 검색 결과에 정상적으로 노출되고 있는지 혹은 누락된 글은 없는지 수시로 확인해 문제점을 파악하는 습관이 필요할 것 같습니다. 오늘은 내 블로그 글이 구글 검색 결과에 누락된 글이 없는지 확인하는 방법만 알아보겠습니다. 티스토리 구글 검색 누락 확인 방법 구글 검색 누락에도 통 누락과 부분적인 누락이 있죠. 오늘 다룰 내용은 어떤 글이 누락되었는지 알아는 것이 핵심입니다. 통 누락이나 특정 글 누락 확인은 아주 간단합니다. 구글 검색 창에 아래처럼 입력 후 검색 결과를 확인하는 것만으로 확인할 수 있습니다. 통 누락 확인 : site:주소.tistory.com특정 글 누락 확인 : site:주소.tistory.com "포스팅 제목" 통 누락 확인의 경우 구글 서치 콘솔에 등록 후 일정 기간 보통 1달 이상 된 경우와 일정 수 이상의 포스팅이 있어야 검색 결과에 나타납니다. 구글 검색의 경우 네이버나 다음 포털과 다르게 통 누락되는 경우는 극히 드물지만 유사 문서가 많은 경우나 자동 생성되는 스팸성…

2022-06-20

티스토리 인용구 따옴표 닫기, 인용구 닫기 따옴표 추가 방법

티스토리 인용구 따옴표 닫기, 인용구 마지막 부분에 닫는 따옴표가 없어 많이들 당황하셨죠. 간단한 CSS 코드를 추가해 인용구에 닫는 따옴표를 추가해 보겠습니다. 따옴표라는게 상식적으로 시작과 끝이 있어야 짝이 맞는데 시작만 있고 끝이 없으니 인용구인지 구분도 안되고 시각적으로도 않좋아 보이는 것 같아요. 네이버 블로그의 경우 열고 닫는 따옴표가 있지만 티스토리의 경우 여는 따옴표만 있어 네이버 블로그 사용하다 티스토리로 넘어온 분들은 좀 당황스러웠을 것 같습니다. 티스토리 인용구 따옴표 닫기 우선 티스토리 인용구 따옴표 닫기가 적용된 모습부터 보고 가겠습니다. 인용구 하단에 닫기 따옴표가 잘 적용된 모습입니다. 적용 방법은 아래 CSS 코드를 복사해 티스토리 "스킨 편집" -> "CSS" 에디터 하단에 붙여 넣기만 하면 끝납니다. /* 인용구 닫기 따옴표 추가 */ #tt-body-page blockquote[data-ke-style='style1']::after { content: ''; display: block; background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0; padding-top: 34px; transform: rotate(180deg); } 참고로 글 작성 중에는 닫기 따옴표가 보이지 않습니다. 적용된 모습을 보려면 미리 보기를 하거나 글을 발행하면 인용구 하단에 닫기 따옴표가 표시됩니다. CSS 에디터에 위 코드를 추가하는 방법을 모르시는…

2022-06-20

티스토리 링크 버튼 만들어 서식에 추가 사용하는 방법

티스토리 링크 버튼, 최근 수익형 블로그에 많이 사용되는 링크 버튼을 쉽게 만드는 방법과 티스토리 서식에 추가하는 방법 그리고 사용 방법 등을 설명합니다. 요즘 수익형 블로거분들 버튼에 링크를 걸어 현재 창에서 내부나 외부 주소로 이동시키는 모습을 자주 보는데요. 일반적인 문자 링크보다는 버튼 형태가 클릭 확률이 높은가 봅니다. 티스토리 링크 버튼 링크 버튼 만드는 방법으로는 직접 코딩해서 만드는 방법 있고 자동으로 생성해 주는 웹사이트를 이용하는 방법이 있습니다. 여기서는 직접 만들 수 없는 분들을 위해 제가 만든 버튼 코드와 버튼을 간단하게 생성해 주는 웹사이트 2곳을 소개하고 서식에 추가하는 방법과 사용하는 방법을 설명하도록 하겠습니다. 티스토리 링크 버튼 코드 아래와 같이 생긴 버튼 이미지를 티스토리 서식에 추가해 사용하는 방법 먼저 알아볼 건데요. 아래 버튼 이미지가 마음에 들지 않는다면 간단한 설정만으로 버튼을 자동으로 생성해 주는 웹사이트를 이용할 수 있습니다. 참고 : 간단한 CSS 버튼 생성기 추천 DevsDashBest css button generatorBest css button generator 사용방법 파란색 버튼에 대한 코드입니다. 주석으로 설명을 달아 놓았습니다. 색상 코드는 html color…

2022-05-24

티스토리 북클럽 스킨 댓글 영역 없애기

티스토리 북클럽 스킨 댓글 영역 없애기, 티스토리 블로그 관리 홈으로 접속해 왼쪽 메뉴 중 스킨 편집을 선택 후 HTML로 이동한다. HTML 편집창에 마우스 커서를 놓고 단축키 Contor + F 후 comments 입력 엔터키를 눌러 해당 영역으로 이동한다. 또는 편집창 왼쪽 줄번호 450번으로 이동해 <div class="comments">를 찾아도 된다. 그리고 <div class="comments"> 부분부터 시작해 댓글 영역이 끝나는 부분 줄번호 520번 </div>까지 마우스로 드래그해 삭제해준다. 붉은색으로 박스 친 부분 아래위를 잘 살펴보고 자신이 찾은 영역과 같은지 꼭 확인 후 삭제한다.

2022-01-28

티스토리 썸네일 다음 검색 결과 랜덤 이미지 표시와 누락

티스토리 썸네일은 다음 검색 결과 랜덤으로 표시되며 경우에 따라 썸네일이 누락되는 경우도 발생된다. 내가 원하는 이미지를 썸네일로 지정할 수는 없지만 확률은 어느 정도 높일 수 있다. 참고로 티스토리 블로거들이 오해하고 있는 부분 중 하나로 포스팅에서 대표 이미지로 지정한 이미지가 다음 검색에 썸네일로 표시될 것으로 착각하고 있는 경우가 많다. 본문에서 대표 이미지로 지정한 이미지는 내 블로그 목록에 표시할 썸네일로 다음 검색 결과와는 무관하다. 참고로 티스토리 블로거들이 오해하고 있는 부분 중 하나로 포스팅에서 대표 이미지로 지정한 이미지가 다음 검색에 썸네일로 표시될 것으로 착각하고 있는 경우가 많다. 본문에서 대표 이미지로 지정한 이미지는 내 블로그 목록에 표시할 썸네일로 다음 검색 결과와는 무관하다. 티스토리 다음 썸네일 생성 방식 다음이 검색 결과에 썸네일 이미지를 보여주는 방식에 대해 대부분의 유저들은 랜덤 방식인 것으로 알고 있고 다음 고객 센터에 질문을 해도 그렇다고 답변을 한다. 하지만 내 생각은 좀 다르다 분명 썸네일 표시에 대한 로직은 존재할 것이고 다음은 단지 어떤 이유에서 외부에 공개를 하지 못할 뿐이라는 생각이 든다. 만약…

2022-01-25

티스토리 주소 문자 URL 사용 시 문제점,1 애드센스 광고 미송출

티스토리 주소, URL 문자 주소 사용 시 경우에 따라 애드센스 광고가 나오지 않는 현상이 있습니다. 어떤 경우에 광고가 나오지 않는지 왜 티스토리에서 숫자 주소를 사용하는 것이 유리한지 알아보겠습니다. 이 글은 어디까지나 티스토리에서 애드센스를 운영하는 경우만 해당됩니다. 티스토리 주소 문자를 사용하는 이유가 무엇인가? 문자 주소를 사용하면 구글 검색에서 상위에 노출된다는 이유인데. 구글에서는 공식적으로 아니라고 발표했고 구글 가이드에서는 추천한다 하고 있습니다. 정확히는 문자 주소를 사용한다고 해서 상위에 노출되는 것이 아니라 구글 가이드 내용처럼 클릭될 확률이 높아진다는 것입니다. 그런데 단순히 한글로 된 문자 주소를 사용한다고 해서 클릭률이 높아지는 것은 아니죠. 포스팅 제목을 정하는 것처럼 URL 주소도 길이와, 키워드 배치를 잘해야 합니다. 그리고, 문자 주소 중에서도 한글로 된 문자 주소를 사용할 경우 발생되는 문제점들도 존재합니다. 그렇다고 알파벳으로 쓰면 문자 주소의 의미는 사라집니다. 우선 깊이 있는 얘기는 논외로 하고 오늘 주제는 티스토리 문자 주소 사용이 꼭 필요한가입니다. 티스토리 주소 문자 사용 시 문제점 티스토리에서 문자 주소를 사용해도 다음, 줌, 네이트 검색 유입 시에는 숫자 주소로…

2022-05-19