안녕하세요. 친절한효자손입니다. 얼마 전 티스토리측에서 새로운 댓글과 방명록 시스템 업데이트 소식을 알렸습니다. 이미 이 부분에 대해서는 한 차례 언급했었죠? 아래의 글에서 말입니다. 티스토리 댓글 / 방명록 치환자 변경 안내 (With 친효스킨) 티스토리 댓글 / 방명록 치환자 변경 안내 (With 친효스킨) 안녕하세요. 친절한효자손입니다. 2023년 5월 23일에 티스토리팀에 새로운 공지가 올라왔습니다. 내용인즉슨 댓글 및 방명록 시스템이 업데이트 된다는 소식이었습니다. 자세한 내용은 아래의 공 rgy0409.tistory.com 네. 원래 천천히 느긋하게 즐기려고 했는데 이날부터 계속 신경이 조금씩 쓰였습니다. 매도 먼저 맞는게 낫다고 바로 주말에 작업을 완료했습니다. 기존 댓글보다 좀 더 체계가 ..
안녕하세요. 친절한효자손입니다. 2023년 5월 23일에 티스토리팀에 새로운 공지가 올라왔습니다. 내용인즉슨 댓글 및 방명록 시스템이 업데이트 된다는 소식이었습니다. 자세한 내용은 아래의 공지글에 있습니다. 좋은 업데이트다 https://notice.tistory.com/2645 [안내] 티스토리 댓글과 방명록이 새로워졌습니다. 안녕하세요. 티스토리팀입니다. 지난 안내에서 말씀드린 바와 같이 티스토리 댓글에 새로운 기능이 추가됐습니다. 마음에 드는 댓글을 제일 먼저 보여줄 수 있는 댓글 고정, 특정 블로거를 멘션 notice.tistory.com 새로워졌군요! 좋습니다. 바뀐 기능을 요약해 보겠습니다. 1. 핀 고정 기능 유튜브나 인스타그램과 같은 댓글 시스템이죠? 댓글 고정 기능입니다. 고정된 댓글 레..
대전에서 HTML / CSS / JS 관련 모임도 하고 있는데 회원분들 중에서는 티스토리 스킨을 취미삼아 뜯어고치시는분이 한 분 계십니다. 이분께서 만드신 스킨이 넘나 맘에 들었기에 앞으로 제작될 세번재 친효스킨에 영감을 얻어서 레이아웃을 일부 반영해 사용해도 된다는 허락을 받았죠. 그리고 최근에는 그분께서 티스토리에 물리엔진까지 적용시키는 엄청난 모습을 보여주셨습니다. 정말이지 이런 분들이 대전에 계셔서 참 다행입니다. 그렇기에 당장 모임을 열어 그분께 적용 방법을 배웠습니다. 결과물은 다음과 같습니다. 예시 살펴보기 보시면 클릭하는 지점에 오브젝트가 생성되고 중력에 의해 아래로 떨어집니다. 게다가 물리엔진이 적용되기에 저의 캐릭터인 효자곰이 각 모서리에 따라 서로 부딫히면서 양옆으로 자연스럽게 굴러 ..
티스토리에서 공식적으로 제공하는 스킨 제작 가이드 문서만으로는 당췌 무슨 소린지 알 수 없는 분들이 많으실 것 같습니다. 저 역시 그 중 한 명이었습니다. 친효스킨을 제작하면서 여러 스킨들을 분석했고 현재는 티스토리 스킨을 어떤 식으로 제작해야하는지 완벽히 이해를 했습니다. 그래서 제가 설명해드리는 방식으로 티스토리 스킨 제작 가이드 페이지를 따로 만들어보기로 했습니다. 최대한 이해가 쉽도록 도움을 드려보려고 합니다. 단 스킨 제작 가이드라고 해서 처음부터 하나 하나 알려드리기에는 무리가 있습니다. 일단 티스토리 스킨 제작은 웹퍼블리싱과 같이 HTML과 CSS가 주력으로 사용됩니다. 레이아웃과 스타일은 어느정도 만들 줄 아는 분들이어야 합니다. 아예 모르신다면 이 부분을 별도로 배우셔야 합니다. 제 티스..
친효스킨 다음 버전에 적용시킬 기능 중 하나가 댓글에 첨부파일을 넣는 기능입니다. 구현은 완료했습니다. 열심히 구글링을 해가며 간신히 적용에 성공했는데 이게 꿈에 나왔습니다. 문제는 꿈 내용이 그리 행복한 결말은 아니었습니다. 꿈에서 여러 사람들이 이 기능을 악용하고 있었습니다. 심지어 혐오 콘텐츠 이미지까지 댓글에 첨부해서 티스토리 주인이 피해를 입는 사례까지 발생했습니다. 더구나 저의 친효스킨으로 그런 악행을 저지르니 죄책감은 하늘을 찔렀습니다. 구현은 했지만 꿈이 너무나도 생생했습니다. 부디 좋은 방향으로 사용되기를 희망했는데 악용하는 인간들이 훨씬 많다는걸 꿈에서 자각하고 바로 해당 기능을 롤백해 버렸습니다. 친효스킨을 사용하는 많은 사용자들은 저에게 원망을 했습니다. 왜 그런 기능을 넣어서 피해..
친효스킨의 두 번째 버전인 친효스킨 : 아트북 반응형 스킨이 드디어 완성되었습니다. 만들어야지 생각만 하고 있다가 어느 순간 이거 계속 미뤘다가는 골로 가겠다는 느낌이 들어서 바로 작업에 착수했고 겨우 제작할 수 있었습니다. 친효스킨을 만들어본 경험이 확실히 제게는 큰 자산이 되었습니다. 티스토리의 치환자 시스템부터 인덱스 페이지의 원리까지 다 깨우친 상태라 두번째 스킨 제작은 시간 단축이 어마무시하게 되었습니다. 이 부분은 스스로에게 칭찬을 아끼지 않고 싶군요. 대견스럽습니다. 친효스킨 : 아트북 소개 기존 친효스킨의 뼈대를 어느 정도 사용은 하되 최대한 다른 테마를 제공하고 싶었습니다. 개인적으로 그림을 그리는 취미를 가지고 있습니다. 안타깝게도 현재 티스토리 스킨중에서는 그림을 그리시는 분들을 위한..
안녕하십니까! 친절한효자손입니다. 2월까지 끝내려고했던 친효스킨 : 아트북 반응형 스킨의 제작은 또 한달 딜레이 되고 말았습니다. 의외로 잘 모르시는 분들이 계신데 제 성격이 굉장히 게으릅니다. 그래서 이런 결과가 나오는 것입니다. 솔직히 부지런하면 진작에 완성시켰을 스킨입니다. 이미 뼈대는 세팅이 끝났고 친효스킨을 만들어본 경험이 있으니 어디가 어떤 위치인지 파악도 끝났기에 바로 실천만 하면 되는데 이놈의 실천이 문제입니다. 겁나 게을러서... 자꾸 미뤄요. 특히 집에서는 더 안하죠. 그래서 대전에서 HTML 관련 모임도 만들어 운영하고 있습니다. 오늘은 저의 팬(?)분을 만났습니다. 사실 이분도 티스토리 스킨을 제작하고 계셔서 처음에 엄청 반가웠었죠. 그분께서 만드신 스킨이 하나 있는데 너무 마음에 ..
안녕하세요. 친절한효자손입니다. 친효스킨의 두번째 버전인 아트북의 완성이 코 앞 입니다. 이제 푸터 영역까지 만들었습니다. 나머지는 페이지 표현 부분과 커버 기능만 추가하면 끝입니다. 이후에는 좀 더 디테일한 스타일 수정만 진행하면 될 것 같습니다. 미리보기 푸터 영역은 위의 이미지와 같이 생겼습니다. 색상 및 글씨 크기, 스타일은 이후에도 바뀔 수 있는 점 미리 밝힙니다. 하지만 기본적인 레이아웃은 이대로 쭈욱 진행할 생각입니다. 푸터 영역 또한 당연히 반응형으로 대응하게 됩니다. 프로필 모듈을 푸터 영역으로 옮겼습니다. 원래는 왼쪽의 사이드바에 들어가 있었는데 굳이 프로필 내역을 사이드바에 넣어둘 필요는 없을 것 같았습니다. 이 스킨의 테마는 아트북이므로 뭔가 아티스트의 정보를 푸터 영역의 한 곳에 ..
안녕하세요. 친절한효자손입니다. 본문 소제목1에 대한 CSS 스타일 변경 안내입니다. 기존 2.6.SRA 버전에서 모바일 해상도에서 접속 시 제목1(h1)로 적용시킨 소제목이 오른쪽으로 텍스트가 너무 치우쳐 가독성이 좋지 못하다는 피드백이 있었습니다. 그래서 스타일을 수정했습니다. 안녕하세요. 친절한효자손입니다. 이렇게요. 이제 텍스트가 모바일에서 우측으로 치우칠일은 없을 것입니다. 갑자기 생각나서 만들어봤는데 만족스럽습니다. CSS 수정하기 친효스킨 2.6.SRA 버전을 사용하시는 분들은 스킨편집의 CSS 탭에서 다음의 코드를 찾습니다. #contents .article h2 { position: relative; padding: 10px 15px; margin-left: 40px; font-size:..
안녕하세요. 친절한효자손입니다. 새해가 코 앞입니다. 모두들 새해 복 많이 받으시고 건강하시고 하시는 일 잘 되시기를 빌겠습니다. 새로운 친효스킨 버전은 2023년 3월 배포로 예정되어 있었지만 이번달에 새로운 애드센스 광고가 업데이트 되면서 빠르게 배포하는게 좋겠다는 생각에 2023년 새해가 시작되기 하루 전인 12월 31일에 후원해주신 분들을 대상으로 안내 메일을 발송해드릴 예정입니다. 발송 방식은 후원자분들께서 작성하신 신청서의 이메일 기준입니다. 만약 후원해주신 분들 중에서 이메일을 받지 못하셨다면 댓글로 문의 부탁드리겠습니다. 사이드 레일 애드센스 애드센스 홈페이지에 로그인을 하시고 광고 카테고리를 들어가보시면 아래와 같은 새로운 옵션이 보일 것입니다. 한국어 버전으로는 측면 레일이라고 표시가 ..
안녕하세요. 친절한효자손입니다. 메인화면의 한 축을 담당하는 인덱스 페이지 완성했습니다. 인덱스 페이지는 검색 결과 페이지의 리스트 형태이기도 합니다. 티스토리 커버 기능 이전에 가장 기본이 되었던 메인 화면이지요. 따라서 기본 of 기본이기에 반드시 스타일을 만들어야만 하는 과정입니다. 친효스킨을 완성해본 경험이 확실히 엄청나게 도움이 되고 있습니다. 처음에는 HTML의 구조 파악부터 난관의 연속이었으나 지금은 구조는 파악했으니 스타일만 만들면 됩니다. 그렇기에 시간이 그리 오래 걸리지는 않습니다. 경험의 유무는 정말이지 엄청납니다. 이래서 경력자 우대라는 말이 나오는 것 같습니다. 미리보기 움짤로 친효스킨 아트북의 인덱스 페이지를 살펴봅시다. 인덱스 페이지는 당연히 반응형으로 동작합니다. 친효스킨과 ..
안녕하세요. 친절한효자손입니다. 모처럼 CSS 부분을 만져봤습니다. 저는 글을 쓸 때 소제목을 적극 이용하는 편입니다. 소제목은 말그대로 글 내에서의 작은 단락에 대한 제목입니다. 기승전결이 필요한 긴 글의 경우 가독성 및 분위기 전환을 알릴 수 있는 간단한 방법이 바로 소제목을 사용하는 것입니다. 이 부분부터는 이러한 주제가 시작된다는것을 알려주는 것입니다. 저는 제목2, 제목3 스타일을 가장 많이 사용합니다. 하지만 좀처럼 제목1은 사용하지 않고 있습니다. 사실 본문 소제목의 깊이가 많아야 2단계로 끝나는 경우가 대부분이기 때문입니다. 만약 3단 깊이의 소제목을 사용하려면 차라리 글을 나누는것이 훨씬 유리할 것입니다. 아무튼 제목1의 기능이 그냥 방치되고 있는 느낌이라 차라리 이것을 잘 살릴 수 있는..
안녕하세요. 친절한효자손입니다. 올해 안으로 친효스킨 두번째 버전을 완성시키기로 올 초에 다짐했는데 12월이 된 지금에서야 슬슬 움직이기 시작했습니다. 예열하는데 무려 11개월이나 걸리다니... 게으름의 극치입니다. 그래도 올해를 넘기지 않은게 어딘가 싶은 마음에 조금은 위안이 됩니다. 이번 친효스킨 - 아트북은 최대한 기본 기능을 활용해서 제작할 예정입니다. 폰트어썸같은 외부 폰트를 최대한 사용하지 않을 생각입니다. 그야말로 티스토리의 기본 기능들을 적극 사용해서 로딩 시간을 최대한으로 단축시킬 생각입니다. 아이콘들은 특수문자로 대체합니다. 아무튼 궁극의 속도를 자랑하는 녀석으로 만들어 보겠습니다. 우선은 사이드바부터 작업을 완료했습니다. 가장 먼저 만들고 싶었던 영역이기도 하고 괜찮은 디자인이 생각났..
안녕하세요. 친절한효자손입니다. 티스토리에는 다양한 플러그인이 있습니다. 일종의 애드온이죠. 티스토리 기능을 조금 더 멋지고 편리하게 바꿔주는 기능을 담당하고 있습니다. 하지만 어디까지나 선택의 영역이기에 절대적으로 적용해야하는 옵션은 아닙니다. 그래서 플러그인 형태로 입맛에 맞게 사용하라고 제공하고 있지요. 친효스킨은 방문자 그래프가 사이드바 기본 모듈로 등록되어 있습니다. 그런데 카카오그룹 데이터센터 화제가 발생한 이후로부터 이 모듈이 정상적으로 동작하지 않고 있습니다. 시간이 지나면 해결될 것 같은데 한 달이 넘어도 원래대로 돌아올 생각을 안 하고 있군요. 그렇기에 해당 모듈을 빼고 티스토리 방문자 그래프 플러그인을 친효스킨 스타일로 만드는 방법에 대해 공유하겠습니다. 방문자 통계 그래프 플러그인 ..
안녕하세요. 친절한효자손입니다. 제보가 들어왔습니다. 친효스킨 최신 버전 사용자께서 티스토리의 페이지 기능을 사용하고 계신데 친효스킨 적용 이후에 페이지 글이 보이지 않는 문제에 대해 문의해 주셨습니다. 과거에 저도 페이지 글을 테스트겸 두 개 정도 작성을 했었기에 바로 들어가 확인해보니 말씀처럼 정말 글이 아예 출력이 되지 않는 문제를 목격했습니다. 타스킨은 다 되는데 친효스킨만 안 된다는것은 친효스킨의 문제가 확실해 보입니다. 티스토리 페이지란? 티스토리 관리자 화면에 들어가보시면 왼쪽의 콘텐츠 카테고리에 페이지 관리라는 소 카테고리가 보일것입니다. 여기에서 글을 작성하시면 자신의 티스토리 도메인 주소에 /pages/문서번호 형태로 글 주소가 세팅됩니다. 페이지의 글도 검색엔진에 똑같이 노출됩니다. ..
이번 이태원 사고로 인해 상심이 크실 유가족분들에게 먼저 심심한 위로의 말씀을 올립니다. 그 어떤 위로의 말도 크게 와닿지 않으시겠지만 그래도 힘 내셨으면 좋겠습니다. 그런데 이번 사고를 또 이용해 방문자수를 유도하는 아주 최악의 인간들이 또 기승을 부리는 모양입니다. 티스토리 블로거 중에서도요. 제정신인가 싶습니다. 하지 말라는건 곧죽어도 하죠. 대체 언제쯤 철이 들까요? 한심할 따름입니다. 그래서 스킨 전체에 노출이 되는 공지 칸을 하나 추가하면 어떨까 싶었고 곧바로 친효스킨에 적용을 시켜보았습니다. 현재 친효스킨의 최상단 애드센스 바로 아래에 긴급공지 모듈이 설치되어 있습니다. 사용 목적은 지금과 같이 애도의 글을 올릴때 또는 무언가 티스토리 블로거가 급하게 방문자분들에게 알리고 싶은 내용이 짤막하..
안녕하세요. 친절한효자손입니다. 어제까지만해도 안 그랬는데 2022년 8월 8일! 오늘 티스토리에 접속해보니 뭔가 본문에 업데이트가 된 모양입니다. 보아하니 티스토리측에서 본문 관련 CSS를 새롭게 추가한 듯 합니다. 이 코드로 인해 친효스킨의 본문 중 일부가 스타일이 엉망이 되는 현상을 목격했습니다. 현재까지 발견된 오류는 다음과 같습니다. 1. 본문 글꼴 및 리스트 스타일 2. 첨부파일 스타일 3. 본문 자동링크 스타일 4. TOC 자동목차 스타일 5. 유튜브 썸네일 자동생성 스타일 이 문제들을 수동으로 해결할 수 있는 방법을 안내해 드리겠습니다. 본문 글꼴 및 리스트 스타일 친효스킨 본문의 기본 글꼴은 이롭게바탕체입니다. 그런데 애플 고딕체로 강제 적용이 되었더군요. 마음에 들지 않기에 친효스킨의 ..
안녕하세요. 친절한효자손입니다. 저는 대전에서 서식하고 있습니다. 친효스킨을 거의 완벽에 가깝게 발전시키고 잠시 스킨에 손을 놓고 있는 제 자신을 발견하는 순간, 나태해져서는 안 되겠다는 생각을 하게 되었습니다. 그래서 가지고 있는 재능을 지역 발전(?)을 고려하며 조금이나마 도움이 되어 보고자 무료 배포를 하려고 결심했습니다. 겸사겸사 두번째 스킨을 만들기 위함도 있습니다. 이렇게 재능 기부를 하면 까먹음 방지도 될 수 있고 예습 및 복습도 자연스럽게 되니까 일석 이조인 것 같습니다. 그렇게해서 HTML + CSS를 무료로 교육하는 모임을 오픈하게 되었습니다. 대전 지역 주민 한정이지만 타지역 분들도 참여 가능합니다. 물론 대전까지 오셔야겠지만요. 모임 안내 HTML과 CSS의 기본 지식을 교육하고 더..
어느날 제 티스토리를 접속해보니 버젓이 노출되고 있는 애드센스 고정 광고! 물론 이건 제가 설정한게 아닙니다. 자동 광고로 인해서 노출되는 것으로 추측됩니다. 그리고 항상 노출되는것도 아니고 어쩌다가 특정 이벤트가 발동되면 출력되는 듯 한데 어떤 이벤트인지는 알 수가 없습니다. 아마도 FHD 해상도가 아닌 최소 WQHD 정도는 되어야 출력되는게 아닐까라는 생각이 듭니다. 이 광고의 특징은 고정형이라는 것입니다. 즉 세로 스크롤을 아무리 내리고 올려도 미동도 하지 않는 그야말로 고정 형태의 광고라는 것입니다. 그렇다면 애드센스에서 고정광고를 허용한다는 이야기일 것입니다. 그동안 고정형 광고는 안 되는것으로 알고 있는데 상당히 충격적인 결과였습니다. 이에 대해서 애드센스에서는 어떠한 가이드라인을 제공하고 있..
안녕하세요. 친절한효자손입니다. 원래 다음달 3월에 배포 예정이었던 친효스킨 2.5 버전을 예정보다 더 빨리 배포를 하기로 결정했습니다. 최근 이슈 때문입니다. 새로운 버전부터는 후원 시스템을 통해서 친효스킨을 사용하도록 변경했습니다. 즉 유료화를 한다는 의미입니다. 이에 대한 내용은 아래의 글에 자세히 적어두었으니 혹시 못 보셨다면 꼭 한번 읽어주시기 바랍니다. 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 안녕하세요. 친절한효자손입니다. 최근 벌어진 일이었죠. 친효스킨 사용자 중 제 콘텐츠를 허락도 없이 본문 그대로 복사를 해서 게시한 내용입니다. 이틀 연속 댓글을 남겨 왜 그런 행동을 했 rgy0409.tistory.com ..
안녕하세요. 친절한효자손입니다. 최근 벌어진 일이었죠. 친효스킨 사용자 중 제 콘텐츠를 허락도 없이 본문 그대로 복사를 해서 게시한 내용입니다. 이틀 연속 댓글을 남겨 왜 그런 행동을 했는지에 대한 답변을 듣고 판단하기로 했으나 아무런 답을 받을수가 없었습니다. 결국 저는 다음 고객센터에 저작권 신고를 하여 처리를 할 수 밖에 없었습니다. 2022.2.11 추가내용 답변을 받았습니다. 참고용으로 퍼갔다고 하는데, 솔직히 납득이 안 됩니다. 크롬에 북마크(즐겨찾기) 해두고 참고할때마다 수시로 방문할 수 있는 방법이 있는데 말이죠. 고의가 아니었다고 사과를 하시긴 했지만 제 입장에서는 "그랬구나~" 하고 넘기기 어렵습니다. 아래에 이번 이슈에 대해 다음 고객센터로부터 도착한 이메일의 내용을 캡처한 이미지를 ..
본문의 친효스킨 전용 태그 모듈 스타일을 따로 설치가 가능한지에 대한 문의 댓글이 있었습니다. 생각해보니 태그 모듈만 따로 만들어 배포는 하지 않았었군요. 그러므로 즉시 착수에 옮겨봅니다. 본문 하단의 태그 부분으로 스타일은 친효스킨을 따릅니다. 타스킨에서도 적용 가능합니다. 파일 다운로드 먼저 아래의 첨부파일을 다운로드 받습니다. 텍스트 파일을 열어보시면 HTML 태그와 CSS 스타일 코드가 들어있습니다. 다음은 세팅 방법입니다. HTML 세팅 먼저 뼈대에 해당하는 HTML 태그를 사용하고자 하는 스킨에 설치해야 합니다. TAG : 위의 태그는 친효스킨 본문에서 사용하고 있는 태그 모듈 코드입니다. 이것을 현재 사용하는 스킨의 본문 아래에 붙여넣어야 합니다. 그런데 문제가 있죠? 그렇습니다. 본문 아래..
오랜만에 문의 메일이 도착했습니다. 스킨 스타일에 대한 문의였습니다. 본문의 소제목에 대해서 첨부파일의 내용대로 수정을 하는 방법에 대한 궁금증이었어요. 이 부분은 이메일로 답변드리기는 너무 부적절하기에 이렇게 강좌 형태로 작성할 수 밖에 없습니다. 아래는 메일의 원본에 대한 스크린샷입니다. 지금 보시면 저기 초록색 부분의 스타일입니다. 왼쪽 하단과 오른쪽 상단의 모서리가 둥근 형태죠. 즉 이건 네모난 형태에서 특정 부분만 모서리에 라운드를 적용한 상태입니다. 적용 방법은 생각보다 간단합니다. 아래에 간단하게 스타일을 만든 예시가 있습니다. 참고해주시기 바랍니다. See the Pen Untitled by rgy0409 (@rgy0409) on CodePen. 친효스킨의 경우 태그는 티스토리 글쓰기에서 ..
안녕하세요. 친절한효자손입니다. 크롬 브라우저가 최근 업데이트가 되면서 파이어폭스랑 뭔가 상당히 비슷해졌다는것을 느끼고 있습니다. 기능상 문제는 아니고 HTML과 CSS를 표현함에 있어서 파이어폭스처럼 변화가 된 것 같습니다. 이 현상은 예전부터 알고있던 문제였는데 단순히 두 브라우저의 웹 엔진이 달라서 출력하는 방법에서의 차이일 뿐 기능은 이상 없다고 여겨져 사실상 그냥 무신경 상태로 방치했었어요. 왜냐하면 국내에서는 파폭보단 크롬을 사용하는 유저가 압도적으로 많기 때문입니다. 허나 이제는 크롬에서도 이러한 현상이 목격되고 말았습니다. 문제의 현상 친효스킨의 TOP버튼 세트 꾸러미 모습입니다. 보시면 아시겠지만 진한회색 박스 안의 폰트어썸 아이콘들이 살짝 아래로 내려가있는 모습을 보이고 있습니다. 친효..
현재 사용중인 모니터가 4K여서 지금의 친효스킨 TOP버튼 세트 버튼의 크기가 딱히 문제가 되지는 않았습니다. 하지만 해상도가 FHD 이하급으로 내려가면 버튼 사이즈가 꽤 크다는것을 직감했습니다. 특히 티스토리에서 기본 제공하는 구독 버튼과의 겹침이 있어서 이 부분을 수정해야겠다고 생각했습니다. 내년 초 쯤 배포할 친효스킨 2.5 버전에서는 이와 관련된 항목이 스킨 옵션에 제공됩니다. 허나 그때까지 못 기다리시는 분들을 위해서 수동으로 변경하는 방법을 안내해 드리겠습니다. CSS 수정 먼저 아래의 첨부파일을 다운로드 받습니다. 다운로드 완료 후 열람해 보시면 CSS 코드가 두 개 들어있음을 확인할 수 있습니다. 각 코드별 사용 위치가 다르니 잘 따라해 주시기 바랍니다. 먼저 친효스킨의 CSS에서 "top..
친효스킨을 사용중이신 어떤분께서 문의를 해주셨습니다. 친효스킨의 모바일 페이지 화면에서 댓글 텍스트 크기를 가로로 100% 늘릴 수 없는지에 대해서요. PC에서는 매우 보기좋게 출력이 되지만 모바일의 경우는 아무래도 가로 크기에 제한이 있으니 몇 글자 안 들어가있는 댓글의 경우라면 큰 문제는 없지만, 긴 글의 댓글은 세로로 길어져서 보기가 조금 힘들수도 있습니다. 그래서 이런 부분을 조금이라도 해소하고자 문의를 주신 것 같습니다. 문제의 상황을 스크린샷으로 보여드립니다. 이런 상황입니다. 댓글 말풍선의 여백을 최대한 가로로 키울 수 있는지에 대한 문의인 것입니다. 간단합니다. 해결 방법을 알아보겠습니다. CSS에서 다음의 코드를 찾습니다. #contents .commentList .rgy-rewrite-..
안녕하세요. 친절한효자손입니다. 티스토리에는 정말 다양한 반응형 스킨들이 있습니다. 기본 스킨부터 사용자가 직접 만들어 배포하는 무료 및 유료 스킨들까지 포함하면 개수가 엄청 많이 있습니다. 개인적으로는 친효스킨이 공식 스킨이 되기를 바라는 마음이 굴뚝같지만... 아마 그럴 일은 없겠죠. 그래도 점점 친효스킨을 사용하는 분들이 늘어나는 것 같아서 한편으로는 매우 뿌듯함과 보람됨을 느낍니다. 동시에 더 잘 만들고 관리해야겠다는 마음이 생깁니다. 친효스킨을 사용하시는 분들께서 스킨에 대한 설정 방법을 물어보시면 매우 정확하게 답변해 드릴 수 있습니다. 제가 만든 스킨이니까 구조라던지 스타일이 어디서 어떻게 적용되는지 100% 알고 있기 때문입니다. 하지만 타스킨의 경우에는 그렇지 않습니다. 제가 만든 스킨이..
안녕하세요. 친절한효자손입니다. 미리 안내해드렸던대로 친효스킨 클래식 버전을 배포준비중입니다. 예정보다 빠르게 10월 1일에 배포를 진행하려고 합니다. 친효스킨 클래식은 기존의 친효스킨 뼈대를 그대로 유지하는 대신 애드센스를 제외한 모든 스킨 편집 옵션을 제거한 버전입니다. 따라서 HTML이라던지 CSS의 코드가 오리지널에 비해 대폭 축소되었다는것이 특징이라고 할 수 있겠습니다. 그냥 친효스킨의 스타일 그대로를 사용하기를 원하는 분들에게만 추천합니다. HTML과 CSS 압축 HTML에서 압축할 수 있는 영역은 입니다. 스킨편집 페이지의 다양한 옵션들을 제거하니까 안에 들어있던 다양한 스타일 옵션들이 99% 제거되었습니다. 따라서 스킨 로딩 시간이 소폭 상승하였습니다. CSS 부분도 마찬가지로 압축해놓은 ..
안녕하세요. 친절한효자손입니다. 티스토리 최고의 스킨을 위해서 불철주야(?) 열심히 애드온을 만들고 사용자 입장에서 다양한 커스텀을 원활하게 진행할 수 있는 노력을 기울이고 있습니다. 그 결과 꽤 많은 발전을 하게 되었습니다. 하지만 더불어 스킨의 용량도 조금씩 확장이 되어가고 있습니다. 기능은 점차 다양해지고 있지만 반대로 보자면 그만큼 무거워지고 있는 것입니다. 친효스킨 : 클래식 스킨 그래서 친효스킨을 아주 담백하게 만들어 보려고 합니다. 이름하여 「친효스킨 : 클래식」 입니다. 기존 친효스킨의 기본 뼈대와 스타일은 그대로 유지하되 스킨편집에서 설정했던 다양한 스킨의 변화에 대한 것들을 모조리 제거할 생각입니다. 애드센스 옵션을 제외한 나머지를 모두 없앨 것입니다. 즉 스킨의 스타일 그대로를 사용하..
안녕하세요. 친절한효자손입니다. 친효스킨 2.4 버전 이상부터는 애드센스의 노출 방식이 두 가지로 진행됩니다. 기존 버전에서는 티스토리 관리자에서의 애드센스가 모바일에서 출력되도록 설계되도록 변경되었는데 이 부분을 원치 않으신 분들을 위한 안내문입니다. 아마 어떤 콘텐츠를 관리하고 있느냐에 따라 애드센스 수익은 천차만별일텐데 제 경우는 애드센스를 모바일 해상도와 모바일 주소에서까지 억지로 노출시키는 경우, 수익이 워낙 들쑥날쑥하는날이 많더군요. 이유는 알 수 없습니다. 아마도 제 경우는 PC 해상도에서의 유입이 가장 많기 때문에 굳이 억지로 노출시키지 않아도 되는 모바일 애드센스를 사용하지 않는게 더 나을수도 있지 않을까라는 생각을 해봅니다. 제 경우와 비슷한 분들이 계신다면 친효스킨의 다음 부분을 수정..