티스토리 - 아이티 이알

티스토리 스킨 백업, 보관, 복구 방법 2023

티스토리 스킨 백업 방법으로 보관 및 다운로드 그리고 복구하는 방법을 설명합니다. 티스토리 스킨을 수정 또는 변경할 경우 예기치 않은 데이터 손실을 예방할 수 있으니 꼭 참고하시기 바랍니다. 티스토리 스킨 백업 티스토리 스킨 백업 방법으로는 블로그 관리홈에 보관하는 방법과 보관된 스킨을 내 PC로 다운로드 받아 저장해 놓는 방법이 있습니다. 우선 티스토리 관리자 페이지인 블로그 관리홈으로 접속 후 좌측 메뉴에서 "스킨변경"을 클릭합니다. 상단을 보면 현재 사용 중인 스킨을 볼 수 있습니다. 단 한 번도 스킨 편집을 하지 않은 경우 초기 상태와 같기에 "보관" 버튼은 보이지 않으니 참고하시기 바랍니다. 내 PC로 다운로드를 원할 경우 "다운로드"버튼을 클릭합니다. 티스토리에 보관을 원할 경우 보관 버튼을 클릭 후 팝업 창이 나타나면 스킨명에 아래와 같이 차후 기억하기 편한 이름을 입력 후 확인 버튼을 클릭합니다. 방금 보관한 스킨을 보려면 스킨 목록 아래 "스킨보관함" 탭을 클릭합니다. 스킨 보관함에 방금 보관한 스킨을 확인합니다. 티스토리 스킨 복구 보관된 스킨을 다시 적용하는 것은 매우 쉽고 간단합니다. 스킨 보관함에 보관된 스킨 위에 마우스를 올리면…

2023-05-04

티스토리 이미지 및 글자에 링크 걸기

티스토리 이미지 및 글자에 링크 걸기, 티스토리 본문 내 이미지 또는 글자에 링크 거는 방법을 설명합니다. 티스토리 이미지에 링크 티스토리 본문에 링크를 넣을 이미지를 넣어줍니다. 이미지 넣는 방법은 상단 메뉴 중 사진을 선택해 첨부하거나 PC에 있는 이미지를 끌고 와서 본문에 드롭해도 이미지가 삽입됩니다. 이미지를 마우스로 선택하면 작은 메뉴바를 볼 수 있습니다. 링크에 사용할 이미지를 선택합니다. 이미지 위에 나타난 메뉴바에서 링크 아이콘을 선택합니다. 링크 설정 설정 창이 나타나면 링크 주소와 대체텍스트 그리고 새창 열기등을 입력합니다. URL 부분에 이동될 링크 주소를 입력합니다. 예)https://naver.com 대체텍스트를 입력합니다. 태체 텍스트는 이동될 링크의 이름 또는 링크 주소를 입력합니다. 예) 네이버 홈 또는 https://naver.com 등으로 합니다. 새창으로 열기를 선택합니다. 체크를 해제하면 현재 창에서 열리게 됩니다. 마지막으로 확인을 선택합니다. 참고사항 : 본문 미리 보기에서는 링크가 작동되지 않습니다. 포스팅 발행 후 해당 게시글에서만 링크는 작동됩니다. 티스토리 글자에 링크 티스토리 본문 내 글자에 링크를 걸려면 해당 글자를 드래그 후 상단 메뉴 중 링크 아이콘을 선택해 링크 주소와 대체텍스트 등을 입력합니다.…

2023-04-13

티스토리 Lightbox 플러그인 사용하기

티스토리 Lightbox 플러그인은 종료 되었지만 계속해서 사용을 할 수 있는 방법이 있어 간단하게 설명드리고자 합니다. 2022년 10월 13일 티스토리 공지사항을 보면 "Lightbox 플러그인"이 종료된다는 사전 안내가 있었습니다. 그리고 티스토리 "블로그 관리홈" 플러그인에서 "Lightbox 플러그인"은 삭제되었습니다. 하지만 실제 블로그에서는 Lightbox 플러그인이 종료되었음에도 Lightbox 가 정상적으로 작동하고 있습니다. 그런데 문제는 얼마 전부터 티스토리에서 제공하는 스킨에서는 Lightbox가 잘 작동되고 있는데 내가 사용하고 있는 이용자 스킨에서는 작동이 되지 않는 것을 발견했습니다. 원인은 jquery라이브러리인데요 jquery가 설치되어 있는 스킨에서는 Lightbox가 작동되지만 jquery를 사용하지 않는 스킨에서는 Lightbox가 작동되지 않습니다. 브라우저 콘솔창을 보면 아래와 같은 오류 메시지를 볼 수 있습니다. 티스토리 Lightbox 사용하기 티스토리에서 종료된 Lightbox 플러그인을 사용하려면 간단하게 jquery 주소만 스킨 헤드에 넣어 주면 Lightbox을 사용할 수 있게 됩니다. 티스토리 스킨편집 > HTML편집에서 </body> 부분을 찾아 그 위에 아래 코드를 복사해 넣어 줍니다. <script> window.jQuery = tjQuery; </script> 위 코드는 티스토리 측에서 제공하는 제이쿼리를 그대로 사용해 중복해 불러오는 것을 방지할 수 있겠습니다. 또는 아래 코드를 HTML편집에서 </head>…

2023-09-11

티스토리 2차 도메인 ads.txt 파일 문제

티스토리 2차 도메인(개인 도메인)에서만 애드센스에서 ads.txt 파일 문제오류 알림 창이 아래와 같이 나타나고 있습니다. "수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일 문제를 해결해야 합니다." ads.txt가 루트 디렉터리에 정상적으로 있음에도 불구하고 간혈적으로 경고창이 나타났다 살아지는 것으로 보아 애드센스에서 감지를 못하게 아닌지 싶네요. 개인이 해결할 수 있는 방법이라고는 티스토리와 애드센스 측에 이 문제를 해결해 달라고 요청하는 것뿐일 듯합니다. ads.txt 파일 확인 방법 참고로 ads.txt파일은 티스토리 유저가 업로드하거나 관리하는 것이 아니라 티스토리 측에서 직접 관리하고 있습니다. 자신의 도메인 주소 뒤에 ads.txt를 붙여서 접속합니다.(예 https://내도메인주소/ads.txt) 브라우저 창에 아래와 같이 보인다면 ads.txt파일은 정상적으로 내 블로그에 업로드되어 있는 것으로 정상입니다. TIP 티스토리 유저는 루트 디렉터리에 접근할 수 있는 권한이 없기 때문에 직접 ads.txt 파일을 업로드할 수 없습니다. 간혹 스킨관리에서 업로드하면 해결된다는 분들이 계신 돼 이 문제가 나타났다 살아졌다 하기에 착각에서 나온 잘못된 정보이니 따라 하지 마세요.

2023-03-29

티스토리 크롬 브라우저 관련 4가지 오류

티스토리 크롬 브라우저 오류 티스토리 크롬 브라우저 사용 시 접속 오류, 댓글에 댓글 "확인 버튼" 비화성화, 본문과 스킨편집 에디터에 입력이 안 되는 오류 등 4가지 사항을 경험했습니다. 티스토리 접속 안됨 댓글에 댓글 확인 버튼 활성화 안됨 본문 에디터 입력 안됨 스킨 편집 에디터 입력 안됨 이 문제의 원인이 티스토리에 있는 것인지 아니면 브라우저에 있는 것인지 정확히 알 수는 없지만 해결을 위한 몇 가지 방법을 시도해 보았습니다. 브라우저 쿠키 삭제 브라우저 초기화 다른 브라우저(MS엣지)로 변경 우선 크롬 브라우저 쿠키 삭제나 브라우저 초기화를 하면 일시적으로 해결은 됩니다. 그런데 얼마 못 가서 다시 동일한 문제가 발생되었습니다. 수차례 크롬 브라우저의 쿠키를 삭제하거나 브라우저를 초기화하는 방식으로 해결하다 매번 반복하는 것이 효율적이지 못한 것 같아 브라우저를 MS엣지로 변경했습니다. MS엣지 브라우저를 사용한 지 3년정도 되었는데 아직 까지는 아무런 오류나 문제발생 없이 사용하고 있습니다. 참고로 네이버 웨일 브라우저는 크롬과 동일한 문제가 있었습니다.

2023-03-02

티스토리 접은글 더보기 기본 값을 펼침 상태로 변경하기

티스토리 접은글 기본 값을 펼침 상태로 변경하는 방법입니다. 기본 값은 닫힘 상태로 "더보기" 문구를 클릭해야 숨겨진 부분이 펼쳐지게 됩니다. 간단하게 HTML 모드에서 'open' 클래스를 해당 요소에 삽입하는 방법을 사용하려고 했지만 클래스 추가가 되지 않아 부득이하게 자바스크립트를 이용해 해결했습니다. 티스토리 접은글 펼침 본문 작성 시 HTML 모드로 진입해 하단에 아래 코드를 복사해 붙여 넣습니다. 매번 복사 붙여 넣기 하는 것이 귀찮다면 서식으로 만들어 넣는 것이 효율적입니다. <script> (function () { // 접은글 펼침 상태를 기본 값으로 window.addEventListener('load', function () { const bodyId = document.getElementById('tt-body-page'); const moreLess = document.querySelector('div[data-ke-type="moreLess"]'); const btnToggleMoreless = document.querySelector('.btn-toggle-moreless'); if (bodyId && moreLess) { moreLess.classList.add('open'); btnToggleMoreless.innerText = '닫기'; } }) }()); </script> 이 또한 번거롭다면 블로그 스킨편집 HTML 하단 </body> 위에 넣는 것을 추천드립니다. 참고로 IE11 이하에서는 작동되지 않습니다.

2022-09-18

티스토리 크롬 브라우저 오류 문제 해결 방법

티스토리 크롬 브라우저 오류 문제 해결 방법, 티스토리 사용 중 접속 오류, 댓글에 댓글 "확인 버튼" 비활성화 문제, 본문과 스킨 편집 에디터에 입력이 안 되는 오류 등 4가지 사항을 경험했습니다. 티스토리 크롬 브라우저 오류 티스토리 접속 안됨(페이지가 동작하지 않습니다.)댓글에 댓글 확인 버튼 활성화 안됨본문 에디터 입력 안됨스킨 편집 에디터 입력 안됨 오류 문제 해결 방법 이 문제의 원인이 티스토리에 있는 것인지 아니면 브라우저에 있는 것인지 정확히 알 수는 없지만 해결을 위해 몇 가지 방법을 시도해 보았습니다. 참고로 네이버 블로그에서도 본문에 입력이 안 되는 문제가 있었습니다. 인터넷 사용기록 삭제(쿠키 및 기타 사이트 데이터)크롬 브라우저 초기화MS엣지 브라우저로 변경 우선 크롬 브라우저 쿠키 삭제나 브라우저 초기화를 하면 일시적으로 해결은 됩니다. 그런데 얼마 못 가서 다시 동일한 문제가 발생되었습니다. 수차례 크롬 브라우저의 쿠키를 삭제하거나 브라우저를 초기화하는 방식으로 해결하다 매번 반복하는 것이 효율적이지 못한 것 같아 브라우저를 Windows 내장 브라우저인 엣지로 변경했습니다. 인터넷 사용기록 삭제나 브라우저 초기화 후에도 지속적으로 문제가 발생된다면 엣지 브라우저를 사용하는 것이…

2022-09-03

티스토리 Square 스킨 라벨 리본 위치 수정 방법

티스토리 Square 스킨 라벨 리본 위치 수정, 티스토리 측에서 제공하는 일부 CSS 스타일과 Square 스킨 CSS와 충돌로 인해 라벨(리본) 위치가 아래쪽으로 밀리는 현상 있습니다. 최근 티스토리 측에서 사용자 스킨을 고려하지 않은 채 코드를 업데이트하고 있어 여러 가지 문제가 발생되고 있는데요. 아래는 Square 스킨 라벨(리본) 위치를 수정하는 간단한 방법입니다. 티스토리 Square 스킨 라벨(리본) 위치 1. 티스토리 블로그 관리 홈으로 접속 후 스킨 편집을 선택합니다. 2. 스킨 편집에서 html 버튼을 클릭해 줍니다. 3. CSS를 선택 후 하단 빈 곳에 아래 코드를 넣어준 후 적용합니다. #content #head .date {bottom: -44px} @media (max-width: 959px) { #content #head .date {bottom: -15px} } 참고 : 위 코드 중 bottom: -44px는 pc이고 bottom: -15px은 모바일에서 위치입니다. 기본 위치가 마음에 들지 않는 다면 숫자를 수정해 주세요.

2022-08-30

티스토리 본문 줄 간격 조정방법(feat.북클럽)

티스토리 본문 줄 간격 조정 블로거 성향에 따라 줄 간격이 좁은 것을 선호하기도 하고 줄 간격이 넓은 것을 선호하는 것 같습니다. 저는 시력이 좋지 않아 개인적으로 줄 간격이 넓은 것을 선호는 데요. 티스토리에서 제공하는 스킨들 대부분 줄 간격이 제각각이라 스킨을 변경 후 기본적으로 줄 간격을 수정해서 사용하고 있습니다. 줄 간격은 줄과 줄 사이의 공간을 말하는 것으로 문단(단락) 간격과는 다는 것입니다. 본문 줄 간격, 줄 바꿈, 문단 간격 차이 티스토리 본문 줄 간격 조정 티스토리에서 줄 간격은 스킨에 따라 조금씩 다른 간격을 가지고 있는데요. 지금 사용하고 있는 스킨의 줄 간격이 마음에 들지 않아 조정하고 싶다면 스킨의 CSS 코드를 수정해야 합니다. 티스토리 스킨 중 가장 많이 사용되는 북클럽 스킨을 예로 들어보자면 글꼴은 Noto Sans KR이고 글자 크기는 15px 줄 간격은 글자 크기만큼 간격이 벌어지게 설정되어 있습니다. .entry-content p { line-height: 2; } 위 CSS 코드에서 line-height: 2; 이 부분이 줄 간격을 지정하는 속성인데요. 여기서 2라는 숫자가 줄 간격을 의미하는 것으로 글자 크기만큼…

2022-08-03

티스토리 본문 줄 간격 줄 바꿈 문단 간격 차이점

티스토리를 처음 사용하시는 분들 중 줄 간격과 문단 간격 그리고 줄 바꿈에 대해 헷갈려하시거나 잘 못 사용하고 있는 분들이 있어 간단하게 남아 요약해 보았습니다. 티스토리 줄 간격 줄 간격은 다들 아시겠지만 말 그대로 위 줄과 아래 줄의 간격을 말하는데 글을 쓰면서 엔터키 없이 글을 이어서 썼을 때의 간격을 의미합니다. 아래 예제 이미지 참고. 티스토리 본문 줄 간격 조정하기 티스토리 줄 바꿈 만약 문단 내에서 단순히 한 줄 아래로 줄 바꿈을 하고 싶다면 티스토리 설정에 따라 ENTER 키 또는 SHIFT + ENTER 키를 사용하면 한 줄 아래로 줄 바꿈이 됩니다. 티스토리 설정과 관계없이 줄 바꿈을 하려면 SHIFT + ENTER 키를 이용하시면 되며 이 것이 정석이며 정상적인 방법입니다. 티스토리 문단 간격 문단 간격은 아래 줄과의 간격이 보다 넓은데요. 이렇게 문단을 나누고 싶은 경우 엔터키를 치면 문단으로 나뉘게 되고 아래 예제처럼 넓은 간격을 갖게 됩니다. 단, 티스토리 설정에 따라 적용이 안될 수 있습니다. 엔터키를 이용해 문단에 간격을 주려면 티스토리 블로그 관리 홈으로 접속해…