어제 티스토리에 대한 새로운 추가 공지가 떴습니다. 애드센스 ads.txt 관련 내용과 2차 도메인에 대한 내용이군요. 먼저 2차 도메인의 경우는 제가 사용하지 않고 있으니까 뭐 딱히 눈에띄게 읽어둬야하는 부분은 없는 것 같습니다. 개인별 2차 도메인을 사용할 경우 ads.txt가 제대로 연동이 안 되는 문제를 해결중이라고 하니까 이건 뭐 시간이 지나면 티스토리측에서 잘 해결해 줄 것으로 보입니다. 공지는 항상 읽고 그에 대한 댓글들을 보는데 여전히 답답한 소리를 하시는 분들이 많이 계시는군요. 잘 모르실수도 있으니까 한번 속 시원하게 이야기를 꺼내보겠습니다. ads.txt에 대하여 먼저 여러분들이 알아야 하는 영역은 디렉토리(Directory) 개념입니다. 홈페이지도 결국 서버안에 저장되어있는 HTML..
구형 글쓰기 에디터는 이제 역사속으로 사라질 날이 얼마남지 않았습니다. 어도비에서는 공식적으로 플래시 플레이어 지원을 중단한다고 밝힌지 오래고 크롬이나 기타 브러우저 또한 어도비 플래시를 삭제 권고하고 있습니다. 마이크로소프트 또한 시스템에 설치되어있는 어도비 플래시를 삭제하는 업데이트를 내놓았지요. 어도비 플래시 기반인 티스토리의 구형 글쓰기 에디터에 대한 방법은 앞으로 작성하지 않을 것입니다. 무쓸모니까요. 다시 본론으로 넘어와서 신형 글쓰기 에디터에서 이미지를 여러개 삽입하면 원본 크기 그대로 세로로 배치가 됩니다. 이게 기본 형태지요. 그렇다면 가로로 배치하는 방법은 없을까요? 당연히 있습니다. 저도 최근에 알게 되었습니다. 우선 가로로 배치하고자 하는 이미지를 준비하는게 1순위입니다. 그리고 기..
정말 많이 받는 질문 중 하나입니다. 질문 내용을 살펴보면 모바일, 그러니까 스마트폰을 말하는 거겠죠? 스마트폰에서 보는거랑 PC에서 보는거랑 다르다는 이야기가 참 많아요. 친효애드온은 모바일과 PC에서 다 잘 나오게 설계가 되어있습니다. 친효스킨도 당연히 그렇게 설계가 되었구요. 이런걸 반응형 스킨이라고 합니다. PC 해상도와 스마트폰의 해상도에서 사이즈만 달라질 뿐 기본 테마는 그대로 보여지는게 반응형 스킨입니다. 꼭 기억하세요! 티스토리를 스마트폰에서 보는 방법은 두 가지가 있습니다. 그 두가지는 다음과 같습니다. 1. 티스토리 전용 어플리케이션 2. 인터넷 브라우저 어플리케이션 (크롬, 파이어폭스, 기본 인터넷 앱 등) 흔히 모바일에서 안 나온다는 둥, 이상하게 나온다는 둥 이런 질문들을 하시는 ..
티스토리의 새로운 글쓰기 에디터에서 링크글을 삽입 후 엔터를 입력하면 바로 아래에 해당 링크의 미리보기 이미지가 크게 적용됩니다. 근데 너무 공간을 많이 차지하는 것 같습니다. 제 기준에서는 너무 커요. 그렇기에 크기를 절반으로 줄였습니다. 가로 크기는 본문의 가로폭을 모두 100% 사용하는건 동일합니다. 세로 크기가 절반으로 줄어듭니다. 썸네일 이미지도 동시에 4분의 1 크기로 축소되었습니다. 위의 이미지가 바로 기존 티스토리의 링크글 미리보기 스타일입니다. 저만 크다고 생각한건가요? 아무튼 이 커다란 사이즈를 절반으로 줄여버렸습니다. 위의 이미지가 바로 수정된 링크글의 모습입니다. 세로 크기를 절반으로 줄였기 때문에 자연스럽게 썸네일 이미지는 4분의 1로 줄어들었습니다. 비율은 유지해야 하니까요. 그..
어떤 계기를 통해서 티스토리 가입자가 늘고 많은 분들이 티스토리 에디터로 활동을 시작하셨는지는 알 수 없으나, 대부분은 애드센스라는 수익을 목적으로 운영을 하고 있을 겁니다. 그러나 안타깝게도 대다수 분들은 중간에 그만 둡니다. 이유는 매우 간단합니다. 돈을 목적으로 했기 때문이죠. 참 이상하죠? 근데 그렇더라고요. 돈을 목적으로 했으니 콘텐츠 품질이 좋을리가 없습니다. 사실 이게 반대가 되어야 하거든요. 좋은 콘텐츠를 만들어야 돈이 되는 거죠. 많은 기업들이 품질 향상에 혈안이 되어 있는 이유가 별 거 없습니다. 최고의 매출을 찍기 위해서랍니다. 여기에서 시작된 작은 오해가 이겁니다. 기업의 최대 목적은 이익?! 어떻게 보면 맞는 말 이지만, 이것은 대단히 잘못된 생각입니다. 기업의 최대 결과가 이익으..
어떤 분께서 혹시 티스토리에도 전화번호 링크가 가능한지를 여쭤보셨습니다. 물론 가능합니다. a 링크 태그를 이용해서 진행 할 수 있습니다. 또한 img 태그를 추가하여 이미지배너 타입으로 전화번호 링크도 생성 가능합니다. 그러면 한번 어떻게 하는지 살펴봅시다. 일반 텍스트에 전화번호 링크걸기 먼저 아래의 태그를 살펴봐주세요. 전화걸기 아주 간단한 태그죠? 그렇습니다. 보통 a href 태그 다음에는 url 주소를 넣는게 일반적입니다. 여기에서 URL 주소 대신 전화번호를 입력 할 수 있습니다. 단 tel: 이라는 태그를 함께 입력해줘야 합니다. 이것만 주의하시면 됩니다. 위의 예시를 바탕으로 완성된 결과가 아래에 있습니다. 전화걸기 이 페이지를 스마트폰에서 확인했을 때, 전화걸기 텍스트를 터치하면 실제 ..
가장 기본이 되는 티스토리 플러그인에 대하여 자세한 설명글을 작성하지 않았더군요. 그래서 작성해 봅니다. 부디 이 글이 이제 막 티스토리를 시작하시는 분들에게 많은 도움이 되었으면 하는 바램입니다. 여기에서는 주관적인 추천 부분이므로 어디까지나 참고만 하시기 바랍니다. 각 플러그인에 대해서는 설명을 드리겠습니다. 목차 사용 중인 플러그인 현재 실제로 사용중인 플러그인에 대한 종류와 간략한 설명을 드리겠습니다. 어디까지나 개인적인 주관 요소의 사용이므로 꼭 저와 동일하게 사용할 필요는 절대 없습니다. 이 점 참고하시기 바랍니다. 구글 서치콘솔 구글 SEO에 대한 오해로 인하여 꼭 반드시 해야만 한다는 이상한 인식속에서 매우 인기가 높아진 플러그인 입니다. 구글의 SEO는 사실 티스토리와는 큰 연관이 없습니..
기존에 작성된 문서는 구버전이어서 새롭게 리뉴얼하는 글 입니다. 2020년 버전으로 아주 따끈따끈한 내용으로 찾아왔습니다. 원래는 네이버 웹마스터도구인데 지금은 서치어드바이저라는 이름으로 명칭이 변경되었습니다. 따라서 검색엔진에서 네이버 서치어드바이저라고 검색하면 쉽게 사이트를 찾을 수 있습니다. 그리고 여러분들께서 지금 오해하시는게 하나 있습니다. 네이버 서치어드바이저에 등록했다고해서 티스토리 글들이 노출되는게 아닙니다. 원래 티스토리 플랫폼은 SEO에 기본적으로 최적화되어 각종 검색엔진에서 노출이 되도록 설계되어 있습니다. 서치어드바이저는 그냥 수집이 잘 되고 있는지 정도를 살펴보는 일종의 통계청과 같은 역할 입니다. 이제 막 시작하신 분들이 서치어드바이저에 등록을 하실텐데요, 자신의 글이 노출이 안..
티스토리는 글로서 창작 활동을 하는 플랫폼 입니다. 엄연한 창작물로서 저작권은 해당 에디터에게 있습니다. 그런데 이를 무시하고 무단 복제를 하는 사람들이 간헐적으로 존재 합니다. 저 역시도 최근 황당하고 어처구니 없는 티스토리 유저를 발견 했습니다. 다행이라고 해야 할까요? 글을 하나만 복사해갔네요. 하지만 괘씸하기 그지 없으니까 그대로 신고를 넣었습니다. 진짜 해도해도 너무한 거 아닙니까? 한두살먹은 어린애도 아니고 이건 엄연한 도둑질 입니다. 도둑질이 나쁘다는걸 어른이 되어서 아나요? 요즘 어린애들도 다 압니다. 유치원생들도 도둑질은 나쁘다는거 압니다. 보아하니 지금은 티스토리 활동을 안 하는 분인 것 같아서 직접 코멘트를 남기지는 않았습니다. 이럴때는 무조건 고객센터에 저작권 침해 신고를 넣는게 최..
카카오애드핏 광고를 본문이나 사이드바에 배치 시 중앙정렬이 되도록 하는 방법 입니다. 먼저 파악해야 할 부분은 애드핏의 선택자 부분 입니다. 일단 태그를 살펴봐야하고 그 다음으로는 클래스명이나 아이디명을 파악해야 합니다. 이 두 가지만 알면 CSS 매소드를 사용하여 중앙 정렬을 진행할 수 있습니다. 애드핏 선택자 먼저 크롬에서 개발자툴을 활용하여 애드핏의 위치를 파악하고 태그 상태를 살펴봅니다. 살펴보니 딱 이 부분이 최상단 루트에 위치한 부모요소 인 듯 싶습니다. ins 태그를 사용 중 이며, 클래스명은 "kakao_ad_area" 라는 것을 확인 할 수 있습니다. 즉 클래스명을 활용하여 CSS 스타일 매소드를 적용시키면 될 것 같습니다. CSS 중앙정렬 우리가 흔하게 알고 있는 중앙정렬은 다음과 같습..
이 방법은 기존 친효애드온에서 한 단계 더 업그레이드가 진행된 방법 입니다. 본문의 H1~H4 태그를 스크립트로 불러오고 자동으로 ID값을 할당하여 자동으로 목록을 생성하게 됩니다. 기존 친효애드온의 목록 리스트 모듈은 완전 수동이었습니다만 이 방법을 사용하면 반자동으로 편리하게 사용 할 수 있습니다. 아래는 본문에서 소개한 방법으로 생성된 목차 리스트 입니다. 친효스킨 1.175 이상 버전 사용자분들은 세팅할 필요는 없습니다. 바로 사용하시면 됩니다. 이분들은 HTML 사용 방법을 참조하세요. 목차 유튜브 영상 설명 텍스트 설명만으로는 조금 어려운 부분이 있어서 급하게 유튜브 동영상으로 남겨보았습니다. 말투나 선풍기 바람소리(?)는 좀 양해 부탁드리겠습니다. 라이브로 한다는게 상당히 어렵네요... 텍스..
최근 티스토리 임시저장 기능이 업데이트가 되었습니다. 구형 말고 신형만 업그레이드가 되었죠. 댓글을 보니까 아직까지도 저처럼 구형 글쓰기 에디터를 작성하시는 분들이 많으신 듯 합니다. 솔직히 구형 글쓰기 에디터는 플래시 플레이어 기반이다보니 조금 번거로운게 많습니다. 따라서 이런 분들은 어떻게 하면 좋을까요? 속수무책으로 손 놓고 있을수는 없는 노릇 아니겠습니까? 놀랍게도(?)저는 예체능계열 출신 입니다. 만화과를 다니다가 자퇴하긴 했지만요. 어찌되었든 진학은 미술쪽이죠. 예전에는 아날로그 방식으로 만화를 많이 그렸지만 지금은 뭐죠? 그렇습니다. 디지털 드로잉 장치들로 그림을 그립니다. 그림을 그리는 프로그램으로는 클립스튜디오, 포토샵 등등 다양 합니다. 비단 만화 그리시는 분들만 사용하는 프로그램이 아..
인디케이터는 표시기라는 뜻을 가지고 있습니다. 그렇다면 티스토리에서의 인디케이터는 어떤 의미를 가질까요? 무언가를 표시한다는 뜻인데, 과연 뭘 표시할까요? 가장 많이 사용하는 인디케이터는 본문의 내용에 대한 분량을 표시하는 기능 입니다. 스크롤을 아래로 내리게 될 수록 점점 바(Bar)가 차오르는 페이지를 보신 적 있으신가요? 현재 친효스킨 1.17 버전 이상부터는 이러한 인디케이터가 기본으로 적용되어 있습니다. 본 페이지는 인디케이터가 미적용된 티스토리 스킨에서 세팅하는 방법에 대해서 설명하고자 합니다. HTML Script Setting 사실 복잡할게 없습니다. 그냥 이거 하나만 세팅하면 끝 입니다. 먼저 아래의 첨부파일을 다운받아주시기 바랍니다. 다운로드가 완료되었다면 한번 텍스트 파일을 열어보시기..
구형 글쓰기 에디터를 아직도 사용 중 입니다. 티스토리의 신형 글쓰기 에디터는 다 좋은데 이미지를 여러장 본문에 넣어야 하는 상황일 때, 워터마크를 일괄 적용 할 수가 없습니다. 한장 한장 수동으로 워터마크를 넣어야 하는 큰 단점이 있습니다. 또한 본문에 HTML 및 CSS 관련 태그를 입력하면 이걸 자동으로 순수 태그로 인식해서 스타일이 적용이 된다는 점 입니다. 이건 장점임과 동시에 단점이 될 수 있는데... 개인적으로는 단점에 해당합니다. 태그 설명하기가 어려워지기 때문 입니다. 구형 글쓰기 에디터의 가장 큰 단점은 본문의 HTML태그가 매우 지저분하다는 점 입니다. 먼저 아무 이미지나 하나 가지고 와보도록 하겠습니다. 티스토리 구형 글쓰기 에디터로 작성한 글의 HTML 상태 티스토리 로고 이미지를..
정말 오랜만에 홍보성 스팸 댓글이 달렸습니다. 비트코인과 관련된 글에 댓글을 달아놨더군요. 지금 시대가 어느 시대인데... 아직도 이런 홍보성 댓글을 걸어둘 수 있는건가요? 참으로 올드한 방식이 아닐 수 없습니다. 부디 이 댓글을 달아주신분은 이 글을 보실지 모르겠습니다만 열심히 채굴 하십시오. 저는 양질의 글을 작성토록 하겠습니다. 그리고 당신은 차단 당했습니다. 홍보성 스팸 댓글 차단 방법 티스토리 관리자 화면에서 댓글/방명록 > 댓글 관리로 들어갑니다. 그러면 오른쪽에 가장 최근 댓글 목록들이 보일 겁니다. 여기에서 차단하고자 하는 댓글에 마우스를 올려보세요. 답글/차단/휴지통 메뉴가 생성됩니다. 여기에서 차단 버튼을 눌러줍니다. 스팸 차단 창이 활성화 되었습니다. 당연히 작성자 차단 및 IP 차단..
현재 친효애드온을 하나 개발 중 입니다. 본문 내에서 편리하게 해당 소제목으로 빠르게 이동이 가능한 하이퍼링크 목차 애드온 입니다. 이 기능은 방문자의 편의성을 최대한 살린 방법으로 구현해 놓으면 원하는 내용을 잽싸게 이동할 수 있다는 장점이 있습니다. 그와 동시에 단점도 하나 존재합니다. 본문 중간에 노출되는 자동 애드센스를 못 보고 지나칠 수 있다는 점 입니다. 우선 아래의 참고글을 살펴보시기 바라겠습니다. 큐텐 추천 상품 모음 친절한효자손 큐텐(Qoo10) 추천 상품 모음 안녕하세요, 친절한효자손 입니다. 온라인 쇼핑을 좋아하는데 큐텐에서 관심있게 본 상품들을 따로 글로 작성하고 싶어서 이렇게 키보드를 두드리고 있습니다. 제 블로그에 들어오시는 분들도 rgy0409.tistory.com 위의 글을 ..
이놈의 호기심은 저를 또 한 번 자극하게 되는군요. 티스토리에서 새로운 플러그인을 하나 선보입니다. 바로 구글 서치 콘솔 플러그인 입니다. 구글서치콘솔은 웹마스터도구와 비슷한 플랫폼으로 사이트의 여러가지 통계를 한 눈에 볼 수 있는 구글 서비스 플랫폼 입니다. 아마 티스토리를 운영하시는 분들이라면 거의 필수로 등록해놓는 단골 코스이기도 합니다. 이번에 티스토리팀에서 참 괜찮은 플러그인을 업데이트 했군요. 마음에 듭니다. 간단하게 먼저 말씀드리면 가장 큰 장점은 다음과 같습니다. 1. 메타태그를 활용한 수동 등록 과정이 필요 없음 2. 사이트맵 등록도 필요 없음 구글서치콘솔 플러그인으로 티스토리 등록하는 과정 방법도 어렵지 않습니다. 기존 방법대로라면 HTML 안쪽에 메타태그를 등록 후 이것을 인식하는 과..
과거에 작성한 문서를 리뉴얼하는 페이지 입니다. 이번에는 티스토리의 스킨을 변경하는 방법에 대해서 배워보도록 합시다. 통상적으로 두 가지 방법으로 변경이 가능합니다. 하나는 티스토리에서 자체적으로 제공하는 기본 반응형 스킨들 중 하나로 변경하는 방법이 있습니다. 마지막 한 가지는 능력자분들이 손수 제작한 스킨으로 변경하는 방법 입니다. 이 방법으로는 친효스킨을 예로 들어보도록 하겠습니다. 1. 티스토리에서 기본적으로 제공하는 반응형 스킨으로 변경하기먼저 티스토리 내에서 기본적으로 제공하고 있는 반응형 스킨이 몇 가지 있습니다. 이 방법으로 한번 변경해 보도록 합시다. 먼저 티스토리의 관리자 화면으로 들어갑니다. 여기에서 왼쪽에 있는 꾸미기 > 스킨 변경으로 들어갑니다. 그러면 스킨 목록 화면이 나올 것 ..
과거에 썼던 티스토리 가입 방법은 초대장 시스템 시절에 작성한 내용이어서 지금은 도움이 되지 않습니다. 따라서 2020년 기념 최신 버전으로 다시 한 번 깔끔하게 작성해 보도록 하겠습니다. 기준은 PC(컴퓨터) 환경을 기준으로 설명 드리겠습니다. 티스토리 공식 홈페이지 위의 링크 페이지로 들어가시면 티스토리 홈페이지로 접속됩니다. 방문하시고 오른쪽 상단에 있는 가입하기 버튼을 눌러줍니다. 티스토리 약관 페이지가 나옵니다. 모두 동의하시고 다음으로 넘어갑니다. 회원 정보를 입력합니다. 아이디는 이메일 형식으로 입력합니다. 예시에는 네이버메일로 가입을 진행했지만 개인적으로는 구글 지메일을 추천합니다. 이유는 딱히 없습니다. 그냥 지메일이 대세이기도 하고 안전하기 때문입니다. 나머지 부분도 모두 입력합니다. ..
티스토리는 현재 두 가지 버전의 글쓰기 에디터 모드를 제공하고 있습니다. 구버전과 신버전 이 두가지 입니다. 그런데 이 둘은 완전 다른 URL 주소를 가지고 있습니다. 따라서 어떤 글쓰기 에디터로 글을 작성했느냐에 따라서 임시저장이 되는 글 위치도 달라잡니다. 친효스킨으로 변경 후 임시저장이 모두 삭제되었다는 글을 보았습니다. 이건 스킨 문제가 아니고, 글쓰기 모드의 문제 입니다. 만약 평소 새로운 글쓰기 에디터로 글을 작성하셨다면 당연히 신형 글쓰기 에디터로 실행해야 평소 임시저장된 글들을 불러올 수 있습니다. 반대로 구형에서 글을 작성하셨다면 당연히 구버전 글쓰기 에디터로 실행해야 임시저장된 글을 불러올 수 있습니다. 물론 구버전의 경우는 플래시를 실행해야 임시저장이 활성화 된다는 단점이 있어서 몇가..
만약 PC에서 열심히 글을 작성했는데 갑자기 정전이 발생한다면?! 한 시간 넘게 작성한 텍스트가 한 순간에 날아가버리게 됩니다. 노트북은 다행히 배터리의 힘으로 전원이 갑자기 다운되는일은 없겠지만, PC(컴퓨터) 입장은 다르니까요. 이런 소중한 내 글을 보호하기 위해서 티스토리에서는 임시저장 기능을 제공하고 있습니다. 새로운 글쓰기 에디터는 어도비 플래시 플레이어가 필요가 없어서 딱히 다른 설정이 필요 없지만, 구형 글쓰기 에디터의 경우는 여전히 어도비 플래시를 필요로 합니다. 따라서 이걸 설정해놓지 않으면 곤란한 상황이 발생할지도 모릅니다. 어도비 플래시 플레이어 위의 링크로 들어가시면 어도비 플래시 플레이어를 다운로드 받을 수 있는 사이트가 나옵니다. 선택 옵션 제공의 모든 프로그램 목록을 체크 해제..
친효스킨에도 기본적으로 있는 티스토리 카테고리 글 개수 표시 기능! 이것을 없애려면 다음의 CSS 스타일을 추가로 삽입하면 됩니다. 티스토리의 카테고리 구조는 치환자를 대신해서 사용되고 있습니다. 치환자란 티스토리 내에서 제공하는 스크립트를 기반으로, 일종의 아이디와 비슷합니다. 티스토리 카테고리라는 아이디를 A라고 할 때, 티스토리를 구성하는 서버 파일 중에서 A에 대한 구조를 스크립트에 의해 불러오게 됩니다. 이 과정에서 HTML 및 CSS의 기본 뼈대가 구성됩니다. 일반적으로 스킨의 HTML 구조에서는 카테고리의 뼈대를 살펴볼 수 없습니다. 크롬이나 파이어폭스같은 브라우저에서 제공하는 소스 검사 기능을 사용해서 살펴볼 수 있습니다. 티스토리가 업데이트됨에 따라 기본 뼈대의 구성은 바뀔 수 있으며, ..
아시다시피 티스토리는 10MB 이상의 GIF 이미지를 업로드 못 하게 되어 있습니다. 결국 GIF 이미지를 10메가바이트 아래로 생성해야 하는데, 그러면 이미지를 무조건 줄여야하고 프레임수도 제한을 둘 수 밖에 없습니다. 정녕 이렇게밖에 할 수 없는 걸까요? 아닙니다. 우리에게는 무적의 구글드라이브가 있습니다. 구글 드라이브를 활용하여 티스토리에 대용량 움짤을 올리자! 안드로이드 스마트폰 유저분들이라면 당연히 구글 계정을 최소 하나씩은 가지고 계실 것 입니다. 꼭 안드로이드 유저 아니더라도 구글 계정은 아마 있을꺼에요. 구글 계정이 있으니 15GB를 기본으로 제공하는 구글 드라이브를 활용할 수 있습니다. 무료로 15기가바이트를 제공하는 구글 클라우드를 적극 이용해 봅시다. 먼저 업로드할 움짤 GIF 이미..
가끔씩 받는 질문이긴 한데, 공식적으로 한 번 짚고 넘어가야 할 부분인 것 같아서 이렇게 글을 씁니다. 티스토리는 오픈형 블로그여서 사용자가 임의로 커스텀을 할 수 있습니다. HTML과 CSS를 직접 코딩해서 원하는 스타일대로 꾸밀 수 있으며 원하는 폰트를 적용시켜 사용할 수 있습니다. 폰트를 적용하고나서 "적용이 안 된다" 라는 질문을 가끔 받습니다. 구체적인 내용을 파악해보니, 분명 글꼴을 적용시켰는데 폰트 목록에 해당 글꼴이 나타나있지 않다라는 의미였습니다. 이 부분에 대해서 명쾌하게 답변을 드리도록 하겠습니다. "글꼴을 수동 적용 시켜도 글쓰기 에디터 모드에서는 해당 폰트 목록이 나오지 않습니다." 티스토리 구형 글쓰기 에디터에서의 글꼴 목록 입니다. 친효스킨은 현재 리디바탕체가 본문에만 적용되어..
구형 글쓰기 에디터에서는 대체텍스트 기능을 따로 제공하는데, 신형으로 넘어가면 해당 기능을 따로 제공하지 않습니다. 물론 없어도 됩니다. 와 태그로 이 기능을 충분히 커버할 수 있기 때문입니다. 단, 대체텍스트 즉 alt 속성을 이미지에 따로 넣는 가장 큰 이유는 네이버 웹마스터도구에서 링크관리에서 느낌표로 경고가 뜨는 부분때문에 그렇습니다. 사실 이렇게 대체텍스트를 입력한다해도 100% 해결이 된다는 보장은 없습니다. 네이버 웹마스터도구를 떠나서 원래 이미지에는 무조건 alt 속성이 들어가는게 정석으로 알려져 있습니다. 브라우저의 오류나 서버 이상으로 이미지가 손상되어 깨지는 경우에 해당 공란을 대체텍스트로 채워서 사용자가 알아볼 수 있도록 만든 일종의 사용자 편의성 부분 때문에 이미지에는 alt 속성..
이번에 아이패드프로와 함께 사용할 블루투스 키보드 및 마우스 리뷰글을 작성한 바 있습니다. 모든 준비는 끝났습니다. 티스토리가 업데이트 되면서 새로운 글쓰기 에디터도 선보였죠? 신형 글쓰기 에디터는 어도비 플래시 플레이어를 지원하지 않습니다. 그렇기 때문에 iOS 환경에서도 작성할 수 있을거라 판단을 했고 바로 테스트로 들어갔습니다. 키보드와 마우스 정보는 아래의 글을 참고하시면 좋을 것 같습니다. 1만원대 로이체 MUSES KT5 블루투스 키보드 사용 후기 카페에서 잠시 작업하는 설정샷을 찍어봤습니다. 보통 밖에서 티스토리 글쓰기를 할 때는 노트북으로 작업합니다. 샤오미 노트북인데 겁나 무겁습니다. 이것 저것 하면 거의 3kg 인데 가방에 장시간 넣고 다니면 어깨가 뻐근합니다. 발도 너무 아프구요. 아..
이번에 친효애드온을 업데이트 하면서 티스토리에서 새롭게 제공하는 글쓰기 에디터도 사용해봤습니다. 1.14 버전 이상의 친효스킨에서는 새로운 글쓰기 에디터를 지원하기 때문에 마음 놓고 사용하셔도 됩니다. 새로운 글쓰기 에디터를 써보고나서 느낀 장단점이 몇 가지 있습니다. 한번 이야기해 보도록 하겠습니다. 새로운 글쓰기 에디터 장점1. 어도비 플래시 플레이어를 지원하지 않음 가장 마음에 드는 부분입니다. 아시다시피 점점 플래시 플레이어 기술이 사라지고 있습니다. 리소스도 많이 잡아먹고 별도의 프로그램을 추가 설치해야하는 번거로움 때문이었습니다. 이 새로운 글쓰기 에디터를 개발하느라 기존 글쓰기 에디터에서 계속해서 플래시 경고창이 떴나 싶습니다. 어차피 신형 에디터가 이 부분을 해결해 주니까요. 2. 깔끔함 ..
티스토리 방명록의 경우는 항상 가장 최근 글이 최상단에 올라오게끔 되어 있습니다. 그런데 댓글은 이와는 상황이 반대입니다. 최신 댓글이 저 맨 아래에 위치하게 됩니다. 그리고 "이전 댓글 더 보기"는 맨 위에 있습니다. 이게 상당히 불편했습니다. 혹시 이걸 역순으로 정렬하는 방법이 없을까 싶어서 검색해보니 이미 많은 분들이 해답을 주고 계셨습니다. display: flex; 속성을 사용한다면 역순 정렬이 가능하다는것을 깨달았습니다. 바로 실전에 써먹어봤습니다. 결과는 어떻게 되었을까요? 성공입니다. 현재 보고 계시는 이 스킨에서도 적용이 되었습니다. 또한 친효스킨에도 적용이 완료 되었습니다. 생각보다 별거 없습니다. 어떻게 하는지 알아보도록 합시다. HTML 세팅하기 먼저 자신이 사용하고 있는 스킨의 H..
저도 까먹기 전에 빨리 이걸 써놔야 할 것 같습니다. 더불어 티스토리 스킨을 직접 제작하려고 결심하신 분들도 계실 것 입니다. 그분들에게 조금이나마 도움이 되었으면 하는 바램도 있습니다. 티스토리 스킨을 처음 만들려고 도전했을 때, HTML 스킨 구조가 어떤건지 쉽사리 파악이 되지 않아서 다소 고생한 경험이 있습니다. 경험을 바탕으로 최대한 자세하면서 단순하게 설명해 보겠습니다. 또한 티스토리에서 제공하는 스킨 가이드 페이지도 같이 참고하시면 이해하는데 도움이 될 것입니다. 이곳에서의 설명은 HTML과 CSS를 어느정도 이해하고 계신 분들을 위한 강좌입니다. HTML 웹코딩을 좀 하실 줄 아신다면 아마 쉽게 이해가 되시겠지만, 코딩과 태그에 대한 기초 지식이 없으신 분들이시라면 파악하시는데 조금 어려움이..
스킨을 변경하시기 전에 꼭 하셔야 하는 일이 있습니다. 바로 백업입니다. 현재 사용하는 스킨을 백업하시면 메타 태그들도 같이 백업이 되기 때문에 스킨 보험을 들어놓는 것과 같습니다. 꼭 백업을 진행해 주세요. 여기에서 백업은 두가지가 있습니다. 티스토리 관리자에서 스킨 백업 우선은 티스토리 자체적으로 몽땅 백업하는 방법이 있습니다. 관리자에서 진행하게 됩니다. 단 사이드바는 백업되지 않으니 반드시 사이드바는 별도로 추가한 모듈이 있다면 메모장 같은 공간에 따로 백업해 주시기 바랍니다. 관리자에서 왼쪽 카테고리에 보시면 꾸미기 > 스킨 변경이 있습니다. 해당 항목으로 들어갑니다. 그러면 오른쪽 메뉴가 변경이 될텐데요, 사용중인 스킨 이라는 항목이 나올 것 입니다. 여기에서 자신의 스킨명을 다시 확인하시고 ..