블로그 CMS - 아이티 이알

티스토리 페이지 란?

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

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

워드프레스 RSS 피드 개수 설정 방법

워드프레스 RSS 피드 개수 설정, 워드프레스의 RSS 기본 피드 개수는 10개로 설정되어 있습니다. 개수를 늘리거나 줄이는 방법을 알아보겠습니다. 워드프레스 사용하다 보면 용어 때문에 어려움을 겪을 때가 있는데요. 티스토리에서는 RSS라고 하는데 워드프레스에서는 피드라고 합니다. 워드프레스 RSS 피드 개수 설정 워드프레스 관리자 페이지로 접속해 왼쪽 메뉴 중 설정을 선택 후 그 하위에 읽기를 클릭합니다. 읽기 설정 항목 중 "가장 최근의 배급 피드 수" 입력란에 RSS 피드의 개수를 입력합니다. 기본 적으로 워드프레스 RSS 피드 개수는 10개입니다. 글 발행 주기가 짧은 경우 RSS 피드수를 넉넉하게 설정해 줍니다. 그렇다고 너무 많이 설정하면 서버에서 RSS 피드를 만드데 시간이 많이 소요되니 적당한 개수 롤 설정하시길 바랍니다. 참고로 티스토리의 경우 10개에서 50개까지 설정할 수 있으며 기본 적으로 50개로 설정되어 있습니다. RSS 피드나 사이트맵 개수가 많다고 해서 더 좋은 것은 아니니 이점 참고하시기 바랍니다.

2022-06-12

구글 블로거 다음 웹마스터도구 등록 방법

구글 블로거 다음 웹마스터도구 등록으로 다음 검색 결과에 보다 빠르고 신속하게 노출시키는 방법을 알아보겠습니다. 그리고 다음 웹마스터도구는 등록할 때 좀 독특한 방식으로 "robots.txt"을 이용하는데요 어렵지 않으니 잘 따라 해 보세요. 요즘 다음 검색 로직이 변경돼 티스토리 외 타사 블로그와 웹문서 등이 상위에 있는 경우를 많이 볼 수 있는데요. 구글 블로거는 계정당 100개까지 블로그를 개설할 수 있어 잘 활용하면 고수익을 내는데 큰 도움이 될 것 같습니다. 구글 블로거 다음 웹마스터도구 등록 다음 웹마스터 도구는 아직 베타 서비스라 네이버나 구글 웹마스터 도구만큼 다양한 기능을 제공하지는 않지만 "개별 문서 수집 요청"을 이용하면 2분 이내에 다음 검색 결과에 반영시킬 수 있어 활용도가 높아 보입니다. 참고사항으로 등록과정 중 "PIN 코드"가 두 번나 오는데요 하나는 자신의 다음 웹마스터 도구 계정 비밀 번호이고 하나는 구글 블로거 robots.txt에 등록할 "PIN 코드"이니 혼동이 없길 바랍니다. 다음 웹마스터도구 등록 다음 웹마스터도구 접속 전 구글 블로거 관리자 페이지를 미리 띄어 놓으세요. 다음 웹마스터도구로 접속 후 아무것도 입력하지 마시고 아래 "PIN 코드…

2022-06-02

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

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

2022-05-24

다음 웹마스터도구 등록 방법 워드프레스(Yoast, Rank Math)

다음 웹마스터도구 등록 방법으로 워드프레스 사용자를 기준으로 하지만 일반 웹사이트 사용자도 등록 방법은 동일 하니 참고해 보시기 바랍니다. 참고 : 다음 웹마스터도구을 사용하면 사이트맵 제출과 RSS 제출 그리고 다음 검색 결과에 즉시 반영할 수 있는 개별 문서 수집 요청 등 유용한 도구들이 있습니다. 다음 웹마스터도구 등록 방법 다음 웹마스터도구는 소유자를 인증 절차는 PIN 코드를 발급받아 robots.txt에 코드를 추가하고 인증하는 방식입니다. 워드프레스 사용자는 모든 등록 절차가 간단하게 진행되니 걱정하지 않아도 됩니다. PIN 코드 발급robots.txt에 PIN 코드 추가사용자 인증다음 웹마스터도구 (사이트맵, RSS) 1. PIN 코드 발급 우선 다음 웹마스터도구로 접속합니다. 하단 PIN 코드 발급받기를 클릭합니다. 첫 번째 항목인 사이트 URL에 자신의 사이트 주소 전체를 기입합니다.(예: https://example.com) 두 번째 항목 PIN 코드 입력에 로그인 시 사용할 비밀번호 영문과 숫자 조합으로 8자 이상 12자 이하로 입력하고 그 아래 PIN 코드 확인에 동일하게 넣어줍니다. 앞으로 PIN 코드가 두 번 나옵니다. 여기서 본인이 입력한 PIN 코드는 로그인 비밀 번호로 사용된 다는 거 꼭 기억하세요. 세 번째…

2022-07-03