Adobe Flash가 퇴출되면서 티스토리 구 에디터가 종료되고 이제는 모든 글이 새 에디터에서만 편집이 가능해졌습니다. 저는 신 에디터가 나올 때부터 새 에디터를 사용하고 있기 때문에 에디터에 그리 불만은 없습니다. 하지만 구 에디터를 아직 선호하는 분들이 많은 것 같습니다. (그리 바람직한 것 같지는 않지만) 티스토리 구 에디터를 사용하시고 싶은 경우 아래의 방법을 이용해 보시기 바랍니다. 티스토리 구 에디터 사용하는 방법 (신 에디터 강제 전환 후) 구 에디터로 새 글을 작성하고 싶은 경우 브라우저 창에 다음과 같이 티스토리 블로그 주소 뒤에 /admin/entry/post를 추가하면 됩니다. https://example.tistory.com/admin/entry/post 실제로 테스트해보니 구 에..
외부 글이나 콘텐츠를 복사하여 티스토리에 붙여넣기 하면 줄 바꿈 없는 공백문자인 가 삽입됩니다. 티스토리에서 외부 콘텐츠를 복사/붙여 넣기 할 때 생기는 문자를 제거하는 방법에 대해 간단히 설명해보겠습니다. 티스토리 제거하기 - 복사하여 붙여넣기할 때 생기는 공백 문자 문제 줄 바꿈 없는 공백( )이란? 위키피디아에서는 '줄 바꿈 없는 공백'을 다음과 같이 정의하고 있습니다. 줄 바꿈 없는 공백(non-breaking space, no-break space, 줄여서 NBSP) 또는 단어 잘림 방지 공백, 줄 바꿈하지 않는 공백은 공백 문자의 한 형태로, 현 위치에서 자동 줄 바꿈(워드랩)을 막는 데 쓰인다. 고정 공백이라고도 한다. 티스토리에서 콘텐츠를 복사하여 붙여넣기 할 때 추가 문제 외부 콘텐츠나 ..
ads.txt 파일 문제를 위해 티스토리에서는 애드센스 계정 연동을 2021년 2월 말까지 유예했다가 다시 6월 말로 연기했습니다. 티스토리에서 구글 애드센스 계정 연동 후 광고가 송출되지 않거나 광고가 느리게 로드되는 현상이 나타나는 사이트가 많은 것 같습니다. 애드센스 계정 연동 후 애드센스 로고가 표시되거나 광고 로딩 속도가 느린 경우 계정만 연동한 상태에서 실제 광고는 수동으로 추가하는 것을 고려해보시기 바랍니다. 티스토리 애드센스 계정 연동 후 애드센스 로고가 표시되거나 광고가 늦게 로드되는 문제 이 티스토리 블로그에서 AdSense 계정 연동 후 광고가 송출되지 않고 애드센스 로고가 표시되는 문제가 발생했습니다. 광고가 표시될 자리에 위의 그림과 같은 Google AdSense 로고가 표시되는..
구글 애널리틱스에서 애드센스 계정을 연결하여 애드센스 수익을 보다 효과적으로 분석할 수 있습니다. 하지만 구글 애널리틱스 관리 페이지에서 애드센스 연결 메뉴가 표시되지 않아 애드센스 연동에 어려움을 겪는 경우가 있을 수 있습니다. 구글 애널리틱스: 애드센스 연결 메뉴가 없는 경우 (애드센스 연동 문제) 구글 애널리틱스에서 애드센스 연결 메뉴가 없는 경우에는 속성을 다시 만들도록 합니다. 중요한 것은 속성 설정 화면에서 고급 옵션 보기를 클릭하고 유니버설 애널리틱스 속성 만들기를 활성화한 다음 유니버설 애널리틱스 속성만 만들기 옵션을 선택해야 한다는 점입니다. 또는 Google 애널리틱스 4 속성과 유니버설 애널리틱스 속성 둘 다 만들기 옵션을 선택해도 된다고 합니다. 저는 유니버설 애널리틱스 속성만 만들..
저는 티스토리 스킨을 바꾸거나 워드프레스 테마를 바꾸면 글자 크기를 키우는 작업부터 시작합니다. 이제 노안이 진행되고 있어서 글자 크기가 작으면 눈이 금방 피로해집니다.ㅠ 글자 크기를 키우는 작업은 그리 어렵지 않습니다. 기본적인 CSS만 알면 누구나 할 수 있습니다. 이 글에서는 티스토리 오디세이 스킨에서 본문 글자 크기를 조정하는 방법에 대해 살펴보겠습니다. 티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 avada.tistory.com 티스토리 오디세이 (Odyssey) 스..
브레드크럼(이동 경로)을 표시하면 SEO에 도움이 됩니다. 그리고 브레드크럼을 추가하면 구글 서치 콘솔에서 ‘itemListElement’ 입력란이 누락되었습니다와 같은 오류가 발생하지 않는 것 같습니다. 이 블로그에서 고래 스킨과 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 티스토리 오디세이 (Odyssey) 스킨에서 브레드크럼을 표시하는 방법에 대한 문의가 있어서 이 글에서는 오디세이 스킨에 Breadcrumb을 추가하는 방법에 대해 간단히 정리해보았습니다. 티스토리 고래 스킨에 브레드크럼 표시하는 방법 (SEO 향상) 티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에..
현재 페이스북 계정을 워드프레스 관련 정보를 공유하는 목적으로 활용하다 보니 개인적으로 사용할 페이스북 계정의 필요성을 느끼게 되었습니다. 그래서 최근 이메일로 페이스북 계정을 하나 만들었습니다만 곧바로 커뮤니터 규정 위반으로 계정이 비활성화되었습니다. 다른 방법으로 SK의 넘버 플러스 상품에 가입하여 새로운 번호를 추가한 다음 페이스북 계정을 만들어보았습니다만, 마찬가지로 곧바로 계정이 비활성화되었습니다. 페이스북 커뮤니티 규정 위반으로 인한 계정 비활성화 새로운 핸드폰 번호로 가입한 후에 계정이 비활성화되어 검토 요청을 해보았습니다. 검토 요청 시에 사진을 요구하여 스마트폰으로 사진을 촬영하여 보냈습니다. 이틀 후에 페이스북에 로그인하니 "회원님의 계정이나 계정에서 발생한 활동이 커뮤니티 규정을 위반..
워드프레스 테마, HTML 웹사이트 템플릿 및 각종 코드, 워드프레스 플러그인, 동영상 템플릿, 뮤직 파일 등을 판매하는 엔바토 마켓 (Envato Market)에서는 매월 각 마켓에서 항목을 하나씩 선정하여 한 달 동안 무료로 다운로드할 수 있도록 제공하고 있습니다. 2021년 2월에는 워드프레스 프리로더 플러그인인 Laser Loader와 다목적 HTML 템플릿인 Bolo 등을 무료로 다운로드할 수 있습니다. 다목적 HTML 템플릿 Bolo 무료 다운로드 요즘은 워드프레스 등의 CMS를 사용하여 홈페이지를 많이 만듭니다. HTML과 CSS, Javascript 등을 사용하여 직접 사이트를 만들고 싶다면 HTML 템플릿을 이용하는 것도 한 방법이 될 수 있습니다. 한 번 만들고 사이트를 변경할 필요가 ..
자바스크립트(JavaScript)에서 특정 클래스가 있는 경우에 실행되도록 스크립트를 만들고 싶은 경우에 참고해보세요. 자바스크립트: 클래스가 있는지 체크하기 예를 들어, mobile 클래스가 존재하는 경우에 팝업을 표시하는 경우를 생각해볼 수 있습니다. 그러면 다음과 같은 스크립트를 사용할 수 있습니다. var isMobileVersion = document.getElementsByClassName('mobile'); if (isMobileVersion.length > 0) { // elements with class "mobile" exist } getElementsByClassName는 배열과 유사한 개체(array-like object)인 NodeList를 반환한다고 합니다. 그 길이를 체크하여 ..
오늘 새벽에 구글로부터 "(도메인 이름) 노출수의 7%가 누락되었습니다"라는 제목의 메일을 받았습니다. 이메일을 열어보니 "7%의 누락된 노출수를 확인하시려면 (도메인 이름)을(를) 인증하세요"라며 "Google 시스템에서 Search Console에 있는 귀하의 Google 검색 데이터 중 7% 이상이 누락된 것으로 확인되었습니다. 문제가 발생한 이유는 Search Console에서 모든 하위 도메인과 프로토콜의 데이터를 별도로 기록하고, 귀하가 이러한 사이트 변형 모두의 소유권을 인증하지 않으셨기 때문입니다."라는 내용을 확인할 수 있었습니다. (99%가 누락되었다고 표시되는 경우도 있다고 하네요.) '귀하의 Google 검색 데이터 중 #% 이상이 누락된 것으로 확인되었습니다.' 경고를 받는 경우 ..
최근댓글