안녕하세요. 친절한효자손입니다. 평생 안 올 줄 알았던 코로나의 끝이 보이기 시작했습니다. 사회적 거리두기로 해제가 되었고 곧 있으면 마스크도 실외에서는 벗어도 된다고 하는군요. 하지만 막상 시행해도 저는 계속 쓰고 다닐 것 같습니다. 벌써 습관이 된 모양인지, 이제는 마스크 없이는 좀 맨얼굴을 비추며 돌아다니기가 좀 부끄럽다고 해야할까요? 아무튼 그렇습니다. 아직까지는 코로나 상황이 완벽히 종료된것이 아니니 각자 개인 위생 방역은 철저히 해야 할 것 같습니다. 사회적 거리두기가 종료되면서 이제 모임에 대한 제한도 많이 완화되었습니다. 오프라인 모임들이 조금씩 활기를 띄고 있는 것 같아 보입니다. 따라서 그동안 미루고 미뤘던 티스토리 모임도 슬슬 진행해보려고 합니다. 거의 2년 2개월 만입니다. 진짜 오..
티스토리에는 용량 제한이 있습니다. 과거에는 이미지나 파일 당 용량이 10MB이상은 업로드가 되지 않았지만 최근 티스토리는 성능이 향상되었기에 그 두 배인 20MB까지 가능해졌습니다. 하지만 이 또한 그렇게 넉넉한 용량은 아닙니다. 고화질 움짤의 경우는 꽤 용량이 큰데 이런 파일들은 20MB 이상의 용량을 자랑하는 경우가 꽤 많습니다. 그렇다면 이런 이미지들은 어떻게 올리면 좋을까요? 여기에서 우리는 이미지 호스팅이라는 플랫폼을 활용할 수 있습니다. 위의 비내리는 이미지는 애니메이션 날씨의 아이에서 움짤로 만들어본 것입니다. 용량은 약 17MB여서 보시는 것처럼 티스토리에 아무렇지않게 업로드가 가능합니다. 하지만 그 이상의 이미지는 티스토리에 업로드를 할 수 없기에 제목에도 언급한 imgbb라는 무료 호..
안녕하세요. 친절한효자손입니다. 최근 애드센스는 다시 한 번 업그레이드가 진행되었습니다. 일치하는 콘텐츠라는 광고 형태를 아시나요? 애드센스를 승인 받으면 바로 게시는 할 수 없는 광고 형태입니다. 일정 방문자(트래픽)가 어느 정도 달성되면 자동으로 광고를 생성할 자격을 부여받게되는 광고입니다. 이것이 일치하는 콘텐츠 광고입니다. 일치하는 콘텐츠 광고는 PC 해상도 기준에서 4 x 2 형태의 목록이 출력되는데 8개의 목록 중에서 5개는 광고이며 나머지 3개는 설치된 블로그의 글 목록이 출력됩니다. 대체로 랜덤인데 구글의 알고리즘에 의해 본문의 내용과 최대한 관련 있는 글이 목록화 됩니다. 애드센스 멀티플렉스 광고 애드센스에 로그인을 하시면 일치하는 콘텐츠가 사라지고 멀티플렉스 광고가 새로 자리를 잡고 있..
질문 중 정말 많이 받는 내용인 수익형 블로그라는 말... 솔직히 저는 이게 참 이상하게 느껴집니다. 지금 이 순간에도 「수익형 블로그를 운영 중이다」라고 언급하는 블로거분들 많으실겁니다. 수익형 블로그 운영 방법에 대해서 검색해보면 수두룩하게 쏟아져 나옵니다. 참으로 안타까운 일이 아닐 수 없습니다. 수익형 음식점?! 늘 비유하는 식당을 예를 들어서 이야기해 보도록 하겠습니다. 여러분들은 식당을 오픈한 CEO 사장님이십니다. 그러면 이제 어떻게 운영하실건가요? 어떻게 맛있게 만들어서 손님들의 입맛을 사로잡을 것인가를 최우선으로 생각하여 운영하실 생각을 하실겁니다. 그런데... 설마 이렇게 생각하고 운영하는 사장님은 계실까요? 「수익형 음식점」 참 말이 이상하죠? 수익형 음식점이라니...?! 지금까지 살..
친효스킨 사용자 중에서 애드센스 광고 클릭을 유도하는 유저를 발견했습니다. 텍스트로, 그리고 이미지로 제작해서 대서특필하듯 광고를 꼭 좀 클릭해달라고 부탁하시더군요. 정말이지 한 숨만 나옵니다. 아마 특정 커뮤니티에서 이렇게 했더니 수익이 오르더라~ 이렇게 해도 상관 없다드라~ 라는 카더라 통신에 의해 이제 막 시작하시는 티스토리 초보자 분들이 애드센스 승인 이후 가장 많이 실수하는 부분이 이것이 아닐까라는 생각이 들어서 제대로 글로서 알려드리자는 마음에 키보드를 다시 잡았습니다. 애드센스 광고 클릭을 해서는 안 되는 이유는 다음과 같습니다. 1. 애드센스 정책 위반 가장 중요한 부분입니다. 애드센스 사용 설명서만 꼼꼼히 읽어만봐도 바로 알 수 있는 내용인데 참 안타깝습니다. 애드센스의 정책 중 하나이기..
친효스킨의 입지가 나날이 높아지는 듯 하면서 그에 따른 댓글들도 꾸준히 늘고 있습니다. 댓글로 비밀번호를 요청하시면 가장 먼저 행동하는 일은 해당 유저의 티스토리 홈페이지를 방문하는 것입니다. 이 사람은 어떤 콘텐츠를 운영하고 있는지 엿보는 것이지요. 안타깝게도 대부분의 사람들은 아직까지도 "이슈"성 콘텐츠를 운영하고 있습니다. 네이버 블로그를 처음 시작했을때 이슈에 대해서도 한번 생각해 본 적이 있습니다. 일단 이슈를 작성하면 가장 큰 장점은 딱 하나밖에 없을 것 같았습니다. 바로 "지속성"입니다. 이슈는 늘 끊임없이 쏟아져 나오기에 글 쓸 소재는 절대로 끊어질 염려는 없을 것 같았습니다. 그러나 저는 이슈를 단 한번도 작성한 경험이 없습니다. "이거 쓴다고 과연 내가 얼마나 관심을 갖고 작성하겠어....
조회수에 눈이 멀어... 클릭수에 혈안이 되어 사건의 내막도 제대로 이해 못 하고 무작정 혐오하고 악플을 남기는 일.부. 커뮤니티의 도가 넘어선 행동 때문에 또 한명의 여성이 자살을 하고 말았습니다. 전 진짜 이게 남일 같지가 않게 느껴집니다. 언젠가는 내 이웃이 될 수도, 내 사랑하는 가족이 될 수도, 또는 본인이 될 수도 있습니다. 상황이 터지니 저들은 서로 꼬리자르기를 시작했고 발뺌을 하기 시작했습니다. 진짜 같은 남자라는 사실이 너무 역겹고 부끄럽습니다. 블로그도 사이버렉카가 될 수 있다 유튜브 및 대형 남초 커뮤니티가 발단의 근원지며 혐오의 집단 매체이지만 티스토리를 운영하는 입장에서 블로그도 절대 평화롭다고 말을 못 할 것 같습니다. 늘 입버릇처럼 이야기해왔죠? 이슈에 대한 글을 왠만하면 작성..
원래 티스토리 예약글 발행 시 시각 설정하는 옵션을 숫자키로 간단 입력할 수 있었는데 어느 시점부터 숫자 수동 입력이 조금 번거롭게 되었습니다. 현재 예약글 발행으로 글을 꾸준히 올리는 중이며 예약글 발행 시각을 주로 자정(0시)를 기준으로 몇 분 정도 후에 새 글이 올라가도록 하고 있습니다. 근데 0시를 설정하려면 과거에는 간단히 숫자를 모두 지우고 0만 입력하면 되었던게 지금은 그럴 수 없게 되었습니다. 크롬이 업데이트 되면서 티스토리와의 호환성 부분에서 어긋난건지, 티스토리 자체가 뭔가 업데이트가 이루어진건지는 알 수 없지만 사용자인 제 입장에서는 여간 불편한게 아닐 수 없습니다. 그러다 문득 일러스트레이터에서 사용하는 방법이 생각났습니다. 일러스트레이터에서 선 굵기 설정이나 폰트를 키우고 줄이는데..
안녕하세요. 친절한효자손입니다. 드디어 기존의 책 리뉴얼 소식을 전해드립니다. 모든 원고 과정은 거의 다 마무리 되었으며 이제 최종 검토 진행 중입니다. 이번이 마지막 과정이 될 것 같구요. 만약 특이사항이 없다면 이대로 인쇄 단계로 넘어갈 것 같아 보입니다. 예정보다 오래 걸렸습니다. 원래는 올해 초로 예정되어 있었는데 말입니다. 근데 한편으로는 또 잘 된 것 같기도 합니다. 왜냐하면 티스토리가 올해에 생각보다 많은 업데이트를 진행했기 때문입니다. 블로그 별 닉네임을 따로 설정이 가능하다는 공지 이전까지의 내용은 충분히 다 담아놓았습니다. 책 표지 미리보기 기존 도서와의 차이라고 한다면 보시는 것처럼 우선 제목이 변경되었습니다. 이전 제목은 약간 좀 자극적이었다고 생각합니다. 그래서 출판사에 적극적으로..
이따금씩 들려오는 질문 중 하나는 구글 서치 콘솔에서 발생하는 오류에 대한 것입니다. 대표적으로 크롤러 오류가 있습니다. 크롤러라는 뜻은 쉽게 말해서 검색 봇이 수집을 하는 과정입니다. 그러므로 크롤러 오류는 수집 오류라는 의미가 되겠지요. 대표적으로 수집 오류를 띄우는 주소 중 하나가 티스토리 글쓰기 URL 주소와 관리자(manage) 주소입니다. 이건 당연히 수집을 못 합니다. 티스토리 글쓰기 주소를 어떻게 검색봇이 수집을 하겠습니까? 관리자 주소도 마찬가지구요. 근데 마치 이 오류가 무슨 엄청난 큰일이 난 것 같은 느낌을 줍니다. 저도 블로그 초창기때는 천지가 개벽하고 당장이라도 무슨 사달이 나는 줄 알았으니까요. 구글 서치 콘솔은 사이트의 여러가지 정보를 수집해 한 눈에 보기 좋게 표시해주는 일종..
크롬은 정말 다 좋은데 좀 더 한국쪽 플랫폼에 신경을 써줬으면 좋겠습니다. 하긴 전체 사이트 대비 티스토리가 차지하는 비율은 완전 모래사장의 바늘과 엇비슷할겁니다. 그렇기에 이런 자잘한 오류들은 어쩔 수 없이 사용자가 수동으로 해결을 해야만 합니다. 분명 아까까지는 잘 되었던 로그인 문제가 갑자기 오류가 뜨며 발생한다면 어떻게 해야할까요? 다른 브라우저로 로그인을 할 수도 있지만 이건 정말 급할때 사용하는 히든 카드고 대부분은 이 방법 한방이면 해결됩니다. 크롬으로 티스토리 로그인 시 페이지가 작동하지 않는다며 HTTP ERROR 400 오류를 띄우면 다음과 같은 조치를 취하시기 바랍니다. 인터넷 사용 기록 모두 삭제 크롬을 실행합니다. 우측 상단의 메뉴버튼을 눌러서 설정으로 들어갑니다. 크롬 설정 화면..
간만에 새로운 공지가 떴군요. 확인을 해보니 역시 예상대로였습니다. 대 코로나 시기에 더욱 온라인을 활용한 플랫폼이 발전함에 따라서 자연스럽게 이어지는게 바로 광고입니다. 티스토리 이용자가 코로나 시국과 맞물려 많이 상승한 이유도 애드센스 수익 때문이겠죠. 그로 인해서 구글에서도 이제 "더 나은 광고 표준 위배로 인한 광고 필터링"을 시작했습니다. 한마디로 방문자의 눈엣가시처럼 거슬리는 광고 형식을 사용하는 티스토리 사용자들을 모조리 다 경고 및 블라인드 처리를 하겠다는 소리입니다. 방문자는 좋은 콘텐츠를 원한다! 늘 얘기했었죠? 방문자는 광고보려고 들어오는게 아니라는 것을 말입니다. 그럼에도 불구하고 티스토리=애드센스=돈 이 삼박자가 거의 맞물려있고 아직도 많은 이들이 열심히 방문자를 끌어모으기 위해서..
어떤분께서 문의를 주셨습니다. 티스토리의 특정 글에서만 광고가 노출되지 않도록 하는 방법에 대해서 말입니다. 과연 존재할까요? 그렇습니다. 있습니다. 티스토리에서 HTML 태그 수정을 하지 않고 애드센스 홈페이지에서 진행하는 매우 간단하고 확실한 방법입니다. 거두절미하고 바로 알아보겠습니다. 애드센스에 로그인 후 왼쪽 카테고리를 살펴봅니다. 광고 > 개요로 들어가서 자신의 티스토리 주소를 확인합니다. 그리고 연필 모양의 수정 버튼을 누릅니다. 맨 아래를 살펴보시면 페이지 제외라는 메뉴가 있을겁니다. 관리로 들어갑니다. 만약 한 번도 이용한 경험이 없다면 아무것도 없는 상태일 것입니다. 저 역시 그렇구요. 제외 추가 버튼을 누릅니다. 그러면 두 가지 선택 옵션이 나옵니다. 각 옵션에 대한 설명은 다음과 같..
CSS의 스타일을 적용하는 방법이 몇 가지 있습니다. 이 방법을 알아두면 좋은 이유는 스킨 수정을 원하는대로 하고자 할 때 요긴하게 사용할 수 있기 때문입니다. 자신이 직접 만든 스킨이라면 당연히 구조를 알고 있을테니까 원하는대로 뚝딱뚝딱 수정이 가능할테지만 타인의 스킨 경우는 구조 파악이 어렵고 어떻게 CSS를 적용시켰는지 알아내기가 오래 걸릴 수 있습니다. 그럴 때 스타일 적용의 우선 순위를 잘 이해하시면 원하는대로 수정을 할 수 있을 것입니다. CSS 위치에 따른 우선 순위 먼저 CSS가 어디에 위치해있는지 그 영역부터 알아봐야합니다. 외부선택자 현재 티스토리 스킨에서 기본적으로 사용하는 방식입니다. HTML 영역과 CSS 영역이 나뉘어있죠? 이것이 외부선택자입니다. 즉 CSS만의 공간을 따로 만들..
구글 서치 콘솔에 사이트맵을 등록하는 아주 따끈따끈한 최신 방법입니다. 엄청 간단합니다. 과거에는 수동으로 사이트맵이라는 페이지를 만들어서 등록해야만 했지만 지금은 티스토리측에서 아예 사이트맵 전용 URL을 새로 추가시켰습니다. 따라서 해당 주소만 입력해주면 끝입니다. 자신의 URL 주소 끝에 /sitemap만 붙여넣기를 해주면 끝이에요. 제 경우에는 https://rgy0409.tistory.com/sitemap이 되겠네요. 먼저 구글 서치 콘솔에 로그인을 합니다. 티스토리 관리자의 플러그인에 보시면 구글 서치 콘솔 관련 플러그인이 있습니다. 해당 플러그인을 사용해서 편리하게 내 티스토리와 구글서치콘솔을 서로 연동시킬 수 있습니다. 해당 방법은 아래의 글을 참고하시기 바랍니다. 내 티스토리를 구글 웹마..
안녕하세요. 친절한효자손입니다. 와 진짜 코로나... 이 정도일 줄은 몰랐습니다. 메르스나 사스 정도일거라고 생각했는데 아마 제가 지금까지 겪었던 수 많은(?) 질병들 중에서 최악으로 꼽히지 않을까 싶습니다. 증말이지 이놈의 코로나 때문에 정말 많은 분들이 힘든 시기를 보냈습니다. 이제 백신 접종률도 올라가면서 조금씩 일상을 회복하는 단계에 접어든 것 같군요. 물론 한동안은 꾸준히 방역 수칙을 지키고 마스크도 꼭 착용하는건 잊지 말아야 할 것 같습니다. 오프라인 모임을 거의 2년만에 재개하는 것 같습니다. 그만큼 코로나 펜데믹이 어마어마했다는 소리죠. 아무튼 다시 친효교육을 오프라인으로 직접 진행할 수 있게 되어서 좋습니다. 간만에 하려니까 설레이는군요. 먼저 안내해드린것처럼 모임 참여 인원은 제한이 있..
안녕하세요. 친절한효자손입니다. 티스토리에는 정말 다양한 반응형 스킨들이 있습니다. 기본 스킨부터 사용자가 직접 만들어 배포하는 무료 및 유료 스킨들까지 포함하면 개수가 엄청 많이 있습니다. 개인적으로는 친효스킨이 공식 스킨이 되기를 바라는 마음이 굴뚝같지만... 아마 그럴 일은 없겠죠. 그래도 점점 친효스킨을 사용하는 분들이 늘어나는 것 같아서 한편으로는 매우 뿌듯함과 보람됨을 느낍니다. 동시에 더 잘 만들고 관리해야겠다는 마음이 생깁니다. 친효스킨을 사용하시는 분들께서 스킨에 대한 설정 방법을 물어보시면 매우 정확하게 답변해 드릴 수 있습니다. 제가 만든 스킨이니까 구조라던지 스타일이 어디서 어떻게 적용되는지 100% 알고 있기 때문입니다. 하지만 타스킨의 경우에는 그렇지 않습니다. 제가 만든 스킨이..
안녕하세요. 친절한효자손입니다. 현재 저는 모더나 백신 1차까지 접종을 완료했습니다. 이번달 말에 2차를 맞게 되는데 부디 목숨줄이 온전하기를 바래봅니다. 백신 접종자수가 늘어남에 따라 아마 우리도 위드코로나 시대로 돌입하지 않을까 싶습니다. 근데 뭐 지금도 사실 위드코로나이긴 합니다. 사회적 거리두기같은 이런 제재가 조금 심할 뿐이지만요. 오프라인 교육도 거의 1년이 넘게 쉬고 있었습니다. 온라인으로 전향해서 진행은 하고 있지만 왜인지 사람들은 오프라인을 더 선호하는 것 같습니다. 근데 저 역시 사실 온라인 수업보다는 오프라인 수업이 맞긴 합니다. 직접 얼굴 보고 수업하는게 더 좋더라구요. 또한 바로 바로 궁금한걸 물어보고 알려드릴 수 있다는 장점이 있습니다. 온라인도 이게 가능합니다만 아무래도 오프라..
안녕하세요. 친절한효자손입니다. 미리 안내해드렸던대로 친효스킨 클래식 버전을 배포준비중입니다. 예정보다 빠르게 10월 1일에 배포를 진행하려고 합니다. 친효스킨 클래식은 기존의 친효스킨 뼈대를 그대로 유지하는 대신 애드센스를 제외한 모든 스킨 편집 옵션을 제거한 버전입니다. 따라서 HTML이라던지 CSS의 코드가 오리지널에 비해 대폭 축소되었다는것이 특징이라고 할 수 있겠습니다. 그냥 친효스킨의 스타일 그대로를 사용하기를 원하는 분들에게만 추천합니다. HTML과 CSS 압축 HTML에서 압축할 수 있는 영역은 입니다. 스킨편집 페이지의 다양한 옵션들을 제거하니까 안에 들어있던 다양한 스타일 옵션들이 99% 제거되었습니다. 따라서 스킨 로딩 시간이 소폭 상승하였습니다. CSS 부분도 마찬가지로 압축해놓은 ..
댓글로 문의를 주신 내용이 있는데 아무래도 공식적으로 한번 짚고 넘어가면 좋을 것 같아서 글을 작성하게 되었습니다. 의외로 이걸 모르는 분들이 좀 계시는 것 같습니다. 따라서 티스토리를 이제 막 시작하시거나 아직 초보이신 분들은 꼭 한번 읽어주시기 바랍니다. 티스토리 비밀 댓글(방명록) 시스템 티스토리도 여느 블로그와 다를 바 없이 댓글을 남길 수 있는 기능을 갖추고 있습니다. 댓글을 남길때에는 공개형태와 비밀글 형태 이 두가지로 진행이 가능합니다. 가장 흔한 공개 형태는 그냥 댓글로 남기고자 하는 텍스트 입력 후 댓글 남기기 버튼을 누르면 됩니다. 그러면 비밀글을 어떻게 남길까요? 친효스킨을 기준으로 설명드리겠습니다. 본문 아래에 위치한 댓글란을 살펴보시면 텍스트 입력란 바로 위에 토글 스위치가 있습니..
티스토리에는 다양한 플러그인이 있습니다. 그 중에서 배너출력이라는 플러그인은 매우 요긴합니다. 아마 많은 티스토리 유저분들이 배너출력 플러그인을 사용하리라 믿어 의심치 않습니다. 애드센스를 사이드바에 삽입할 때 이 플러그인을 사용하니까요. 배너출력 플러그인을 활성화하면 두 가지 기능이 관리자 > 꾸미기 > 사이드바에 추가됩니다. 이미지 배너출력과 HTML 배너출력 모듈입니다. 이 중에서 애드센스를 활용하는건 바로 HTML 배너출력입니다. 말그대로 HTML 태그를 그대로 사용할 수 있기 때문입니다. 그렇다면 다른 모듈인 이미지 배너출력은 어떨때 활용하면 좋을까요? 현재 저는 이렇게 활용을 하고있습니다. 최근에 네이버 OGQ마켓에 스티커를 하나 업로드했습니다. 홍보차 배너를 사이드바에 배치했는데 이때 이미지..
안녕하세요. 친절한효자손입니다. 본 페이지는 그동안 작성한 스킨 제작 관련 글들을 한데 모은 링크 페이지입니다. 티스토리 사용 설명서 페이지와 같은 역할을 합니다. 제 경우 HTML와 CSS 등의 웹퍼블리싱을 배우고 티스토리에 적용시키려 했는데 아시다시피 티스토리에서는 치환자라고 하는 스크립트를 사용하기에 HTML의 뼈대도, 또 그에 따른 CSS 스타일도 사용자 임의대로 자유롭게 편집을 하기가 곤란했습니다. 그리고 치환자 개념도 없었기때문에 스킨 제작에 더 큰 어려움이 있었습니다. 저와 같은 어려움을 겪으시는 분들에게 도움이 되고자 열심히 글을 작성했습니다. 친효스킨을 제작하면서 알게된 개념들을 최대한 이해가 쉽도록 작성했지만 저 역시 사람인지라 제대로 전달이 되지 않을수도 있습니다. 머릿속에 개념은 있..
친효스킨 2.4버전 이상부터 적용되는 디데이(D-Day) 카운터 모듈에 대한 안내 겸 다른 스킨에는 어떻게 적용하는지에 대한 소개입니다. 현재 이곳 친절한효자손 취미생활 티스토리에도 적용된 기능입니다. PC 해상도 기준으로 왼쪽 사이드바에 위치한 디데이 모듈을 주목해 주시기 바랍니다. 아래의 스크린샷 이미지는 과거에 스샷해 놓은 것이기에 현재의 날짜와 맞지 않을 것입니다. 그냥 이미지로서만 봐주시면 됩니다. 두 가지의 기능을 담은 디데이 모듈입니다. 첫번째는 지정한 날짜로부터 계속 카운터가 되는 형태이며 마지막 두번째는 지정한 날짜까지의 남은 날을 계산해주는 카운터입니다. 둘 다 쓰임새가 다를 것입니다. 첫번째의 경우는 예시에서처럼 홈트레이닝 ~일째라는 것을 보여줄 때 요긴할 것입니다. 두번째는 예시처럼..
지난 시간에 이어서 추가 설명을 드리겠습니다. 바로 이전 시간에 커버 기능에 대해 소개해드렸습니다. 친효스킨에서 커버 기능을 구축하기위해 HTML와 CSS, index.xml에 관련 태그들을 모두 마크업했는데 몇 가지 자세히 설명을 못 드린 부분이 있습니다. 그것을 오늘 소개시켜드리고자 합니다. 친효스킨 2.4 버전까지는 네 가지의 스타일 커버가 적용되었습니다. 그 중에서 썸네일 관련 태그를 HTML에서 살펴보시면 다음의 영역을 확인할 수 있습니다. HTML 살펴보기 특히 style 부분에 보시면 다소 복잡한 태그들이 이것 저것 들어가있습니다. 제가 웹퍼블리싱 시간에 배우기로는 이런 형태가 아닌, 스타일을 정의하는 CSS 부분에 대해서만 마크업하도록 배웠습니다. 근데 뭔가 이상한 태그들이 더 추가가 되어..
모바일 웹 퍼블리싱 작업을 위해서 HTML 문서 내에 있는 안쪽에 다음의 메타 태그를 삽입하면 두 손 가락을 사용한 핑거스냅 사용을 할 수 있습니다. 확대 혹은 축소가 가능해집니다. 친효스킨에도 다음의 메타태그가 적용이 되어 있지만 최근에 이 메타태그가 업데이트가 된 모양입니다. HTML는 웹문서로서 버전이 있는데 시간이 지날수록 버전은 올라갑니다. 그러면서 잘 쓰이지 않는 구형의 코드들은 점점 사라지고 있습니다. 새롭게 추가되는 신형 태그(요소) 혹은 메타태그들이 있으면 기왕이면 사용해주는것이 좋을 것입니다. 앞으로의 무궁한 발전을 위해서지요. 거두절미하고 어떤 메타 태그인지 살펴보겠습니다. 뷰포드 살펴보기 구형 : 신형 : 친효스킨에서는 구형의 메타 뷰포트 코드가 삽입되어 있습니다. 작년까지는 정말 ..
안녕하세요. 친절한효자손입니다. 예전에 친효스킨 v2.0 정식 배포 한달전에 부지러너라는 시스템을 만들어 선배포를 했던 경험이 있습니다. 기억하시나요? 부지러너는 쉽게 말해서 얼리버드라고 생각하시면 될 것 같습니다. 게임으로 비유하자면 베타테스터같은 느낌이지요. 미리 사용해보고, 버그나 문제점, 혹은 개선점을 파악하여 좀 더 완벽에 가까운 스킨으로 만드는게 목적인 것입니다. 부지러너 모집 안내 지난 v2.0 부지러너때는 대략 10명의 사용자를 모셨습니다만 그때의 문제점을 언급하자면 다음과 같습니다. 부지러너를 모집했지만 아래의 일들 때문에 제대로 피드백이 이루어지지 않았습니다. -10명의 부지러너 중 1~2명을 제외한 나머지는 제대로 티스토리 운영을 하지 않음. 따라서 스킨의 사용 부분에 대한 피드백을 ..
이번에는 타입 중 아직까지 언급을 하지 않은 마지막 단계인 COLOR(컬러)입니다. 어떤 설정인지 단어만 봐도 바로 이해할 수 있을겁니다. 바로 그렇습니다. 색 지정에 대한 설정이 가능한 옵션을 부여합니다. 친효스킨에서는 컬러 설정 부분이 상당히 많이 쓰입니다. 대표적으로 댓글과 메인 테마 색상을 설정하는데 이 옵션이 사용되었습니다. 댓글의 경우는 세부적으로 나뉘어 다양한 영역에 대한 색 지정이 가능합니다. COLOR 타입 또한 STRING 처럼 HTML 문서 내의 안쪽에 존재하는 영역에서 CSS를 제어할 수 있습니다. 또한 내의 인라인 방식의 스타일도 제어가 가능합니다. 하지만 굳이 인라인 방식까지 제어할 필요는 없는 것 같습니다. 그냥 내에서도 충분합니다. COLOR 타입은 STRING과 똑같다고 보..
이번에는 옵션 중 STRING에 대해 알아볼 차례입니다. 이 타입도 정말 쓰임새가 많습니다. 친효스킨의 경우에도 정말 많이 적용된 스킨 편집 옵션 중 하나입니다. 대표적으로 애드센스 클라이언트값 입력 부분과 슬롯 번호 입력 부분의 경우입니다. 그밖에도 추천글 모듈에 대한 부분으로 URL 입력 항목이나 텍스트 입력 항목이 모두 STRING 타입을 이용한 부분입니다. STRING 타입은 HTML에서, 그리고 HTML 문서 내의 안에 존재하는 의 내부 방식에 따른 CSS 스타일에서 그 값을 로드합니다. 더욱 이해가 쉽도록 친효스킨에서 실제로 사용된 예시를 살펴보겠습니다. HTML 살펴보기 첫 번째 예시입니다. #contents .article { font-size: !important; } @media (mi..
이번에는 index 페이지에 있는 여러 타입들 중에서 SELECT에 대해서 자세히 알아볼 것입니다. 친효스킨에도 Select 타입의 스킨 설정 옵션이 몇 가지 적용되어 있습니다. 단어의 의미를 그대로 직역해 보시기 바랍니다. 말 그대로 선택이라는 의미입니다. 그렇습니다. 여러가지 옵션들 중에서 선택을 필요로할때 적용할 수 있는 스킨 옵션입니다. 지금까지 소개해드렸던 스킨 제작 가이드 중에서 아마 설명이 많이 복잡하게 들어갈 것 같습니다. 이게 단순하게 작업이 진행되는것이 아니기 때문입니다. BOOL 타입의 경우는 그룹치환자를 만들어서 감싸주고 치환자 매소드를 index 페이지에 연결만 시켜주면 On / Off 스위치를 스킨설정 페이지에 만들 수 있었습니다. 그러나 SELECT 타입은 이렇게 단순하지가 않..
지난 시간에 이어서 이번에는 커버 코드에 있는 일부 기능에 대해 더 자세히 알아보는 시간을 가져보겠습니다. 개인적으로 정말 많이 사용하는 기능 중 하나입니다. 사용 방법도 그리 어렵지 않습니다. 티스토리 반응형 스킨 설정 옵션을 보시면 스킨마다 다르겠으나 기본적으로 토글(Togle) 스위치가 있는 옵션을 발견하실 수 있을겁니다. 켜고 끄는 스위치 옵션입니다. 친효스킨의 경우에는 애드센스를 켜고 끌때, 프로필 사진이라던지 프로필 아래의 다양한 SNS 아이콘들을 켜고 끌 때에도 이 기능을 사용했습니다. HTML 살펴보기 친효스킨 커버에 있는 HTML 코드 중 일부입니다. 태그를 그룹치환자가 감싸고 있는 형태입니다. 이 그룹 치환자는 제가 임의로 만든 치환자 태그입니다. 그룹 치환자를 만들었으니 이것은 ind..