블로그 CMS

티스토리

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

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

2024-12-07
워드프레스

워드프레스 필수 플러그인 4종(무조건 설치)

워드프레스 필수 플러그인 4종으로 보안, 성능 향상, SEO 최적화, 백업등 워드프레스 설치 후 무조건적으로 설치해야 하는 추천 플러그인 4가지를 간단하게 요약해 정리해 보았습니다. 워드프레스 필수 플러그인 4종워드프레스 보안 관련 플러그인Wordfence Security의 주요 기능SEO 최적화 플러그인워드프레스 성능 향상 플러그인W3 Total Cache워드프레스 백업 플러그인 워드프레스 필수 플러그인 4종 아래 4가지 플러그인은 워드프레스 설치 후 필수적으로 설치하는 것을 권해드립니다. 보안 관련 플러그인 SEO 최적화 플러그인 성능 향상(캐시 관련) 플러그인 백업 플러그인 워드프레스 보안 관련 플러그인 워드프레스 오픈 소스로 전 세계에서 가장 많은 사람들이 블로그 또는 웹사이트로 이용하고 있는 만큼 보안 취약점이 존재합니다. 워드프레스는 티스토리와 다르게 사용자가 직접 보안 관리를 해주어야 하는데요. 이를 해결하기 위해서 워드프레스 보안 플러그인으로 Wordfence Security, iThemes Security, Sucuri Security 등이 있습니다. 이 중 'Wordfence Security'가 가장 인기가 많고 많은 사용자를 보유하고 있으며 워드프레스 보안 유지를 위해 다양한 기능을 제공하고 있습니다. Wordfence Security의 주요 기능 Wordfence Security는 방화벽을 통해 웹사이트를 보호하고, 악성 코드나 해킹 시도를 차단하며 웹사이트 내에 존재하는 멀웨어를…

2023-06-13
구글 블로그 제목 태그

구글 블로거 포스팅 제목 태그 h1로 수정하기

구글 블로거 포스팅 제목 태그를 h1로 수정하고 블로그 제목은 메인 홈에서는 h1태그 유지 포스팅이 있는 페이지에서는 div태그로 변경합니다. TIP 아래 설명은 블로거 테마에 따라 다를 수 있으며 해당 내용은 기본 테마 중 "Essential"를 기준으로 작성되었습니다. 블로거에서 제공하는 기본 테마(구형제외)들은 거의 대동소이하니 참고하시길 바랍니다. 구글 블로거 포스팅 제목 태그 포스팅 제목 태그부터 수정해 보도록 하겠습니다. 관리자 페이지로 접속해 메뉴 중 "테마"를 선택합니다. 그리고 "맞춤설정"을 클릭 후 "백업"부터 하고 아래 "HTML편집"을 선택해 줍니다. "HTML편집" 페이지로 이동되면 단축키 "Control + F"키를 누른 후 post-title entry-title를 입력해 찾아줍니다. 대략 줄번호 3866번째 줄에 있으니 참고하세요. 아래 원본 코드를 다음 코드로 수정합니다. <h3 class='post-title entry-title'> <!-- 중략 --> </h3> 수정할 코드 <b:tag expr:name='data:view.isSingleItem ? "h1" : "h3"' class='post-title entry-title'> <!-- 중략 --> </b:tag> 최종적으로 변경된 코드는 아래 이미지와 같습니다. 구글 블로거 블로그 제목 태그 블로그 제목 태그도 수정하도록 하겠습니다. 블로그 제목 태그는 홈(메인) 페이지에서는 h1태그를 그대로 유지하고 포스팅이 있는 페이지에서만 div태그로 변경해 h1태그가 2개가(중복) 되는 것을…

2023-01-10
워드프레스 재사용 가능 블록

워드프레스 재사용 가능 블록(서식 관리)

워드프레스 재사용 가능 블록, 티스토리에서는 서식 관리라고 하죠. 반복적으로 사용하는 것을 서식 화해서 필요할 때 불러와 사용할 수 있어 편리한데요. 간략하게 "재사용 가능 블록" 사용 방법을 알아보겠습니다. TIP 워드프레스는 각 문단을 비롯해 테이블, 리스트, 이미지 등 각각이 하나에 블록단위로 이루어진 블록들의 집합이라고 생각하시면 이해가 편할 것 같습니다. 워드프레스 재사용 가능 블록 티스토리는 관리자 페이지 메뉴에 "서식 관리"가 있지만 워드프레스는 관리자 페이지에 "재사용 가능 블록"으로 접속할 수 있는 링크가 별도로 있지 않습니다. "재사용 가능 블록" 페이지로 접속하려면 본문 글 쓰기 에디터에서 이동하는 방법과 아래 주소를 이용해 바로 접속하는 방법이 있습니다. 재사용 가능 블록 바로가기 주소 https://도메인주소/wp-admin/edit.php?post_type=wp_block 본문 글 쓰기 에디터에서 이동하려면 상단 메뉴 오른쪽 끝에 옵션 아이콘을 클릭 후 "재사용 가능한 블록 관리"를 클릭하면 바로 이동됩니다. "재사용 가능 블록" 관리 페이지로 이동되면 상단에 "새로 추가" 버튼을 클릭해 재사용 블록을 추가할 수 있습니다. "재사용 가능 블록"은 본문 글 작성 중에도 추가할 수 있는데요. 해당 블록을 클릭하며 상단에 메뉴 바가 나타나는데요 오른쪽 끝…

2022-09-19
티스토리 접은글 펼침으로

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

티스토리 접은글 기본 값을 펼침 상태로 변경하는 방법입니다. 기본 값은 닫힘 상태로 "더보기" 문구를 클릭해야 숨겨진 부분이 펼쳐지게 됩니다. 간단하게 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 이하에서는 작동되지 않습니다.

2024-12-07
티스토리 크롬 브라우저 오류

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

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

2024-12-07
티스토리 Square 스킨

티스토리 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은 모바일에서 위치입니다. 기본 위치가 마음에 들지 않는 다면 숫자를 수정해 주세요.

2024-12-07
티스토리 본문 줄 간격 조정

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

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

2024-12-07
티스토리 본문 줄 간격

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

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

2024-12-07
티스토리 소제목

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

티스토리 소제목 꾸미기로 요즘 많이들 사용하는 둥근 라운드가 있는 사각형 박스 모양으로 제목을 보다 강조할 필요가 있을 때 사용하면 좋을 것 같습니다. 티스토리 소제목 꾸미기로 티스토리 서식을 이용해 개별 적용하는 방법과 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 색상 코드…

2024-12-07
logo
아이티 이알