안녕하세요. 친절한효자손입니다. 친효스킨의 두번째 버전인 아트북의 완성이 코 앞 입니다. 이제 푸터 영역까지 만들었습니다. 나머지는 페이지 표현 부분과 커버 기능만 추가하면 끝입니다. 이후에는 좀 더 디테일한 스타일 수정만 진행하면 될 것 같습니다. 미리보기 푸터 영역은 위의 이미지와 같이 생겼습니다. 색상 및 글씨 크기, 스타일은 이후에도 바뀔 수 있는 점 미리 밝힙니다. 하지만 기본적인 레이아웃은 이대로 쭈욱 진행할 생각입니다. 푸터 영역 또한 당연히 반응형으로 대응하게 됩니다. 프로필 모듈을 푸터 영역으로 옮겼습니다. 원래는 왼쪽의 사이드바에 들어가 있었는데 굳이 프로필 내역을 사이드바에 넣어둘 필요는 없을 것 같았습니다. 이 스킨의 테마는 아트북이므로 뭔가 아티스트의 정보를 푸터 영역의 한 곳에 ..
티스토리 HTML 구조는 공지글과 본문의 태그가 각각 독립적으로 존재합니다. 하지만 대다수의 티스토리 스킨 스타일을 보면 공지글과 본문 글의 레이아웃이며 디자인이 똑같습니다. 친효스킨도 그렇습니다. 굳이 따로 레이아웃을 구성할 필요는 없지요. "글"이니까요. 공지글이나 본문글이나 같은 글입니다. 그래서 친효스킨 아트북에서도 스타일을 똑같이 구성했습니다. 미리보기 인덱스 페이지는 지난 시간에 완성했죠? 클릭하면 본문으로 바로 들어갑니다. 아트북 컨샙에 맞게 본문 레이아웃을 엘범의 사진첩 느낌이 나도록 만들어봤는데 의도되로 잘 표현되었는지는 모르겠습니다. 깔끔하고 심플한걸 좋아하기에 최대한 기본 스타일을 이용해서 구성했습니다. 친효스킨 아트북 본문도 당연히 반응형으로 대응합니다. 사이드바의 공지모듈에 있는 ..
안녕하세요. 친절한효자손입니다. 미리 안내해드렸던대로 친효스킨 클래식 버전을 배포준비중입니다. 예정보다 빠르게 10월 1일에 배포를 진행하려고 합니다. 친효스킨 클래식은 기존의 친효스킨 뼈대를 그대로 유지하는 대신 애드센스를 제외한 모든 스킨 편집 옵션을 제거한 버전입니다. 따라서 HTML이라던지 CSS의 코드가 오리지널에 비해 대폭 축소되었다는것이 특징이라고 할 수 있겠습니다. 그냥 친효스킨의 스타일 그대로를 사용하기를 원하는 분들에게만 추천합니다. HTML과 CSS 압축 HTML에서 압축할 수 있는 영역은 입니다. 스킨편집 페이지의 다양한 옵션들을 제거하니까 안에 들어있던 다양한 스타일 옵션들이 99% 제거되었습니다. 따라서 스킨 로딩 시간이 소폭 상승하였습니다. CSS 부분도 마찬가지로 압축해놓은 ..
친효스킨으로 하루에 최소 한 번쯤은 검색을 해서 다른 분들은 잘 사용하고 있는지, 어떤 분들이 어떤 콘텐츠를 어떻게 운영하고 있는지 옵저버처럼 여러분들의 눈에는 보이지 않게 탐색하고 있습니다. 그러면 운영을 찰지게 잘 하시는 분도 간혹 계시지만 애석하게도 대부분의 사람들은 여전히 콘텐츠를 수익 목적으로만 운영하는 분들이 압도적입니다. 이해합니다. 저 역시도 그렇게 시작을 했으니까요. 그런데 친효스킨을 수익과 관련된 스킨으로 분류하는 분들이 계시는 것 같습니다. 예를 들자면 "수익형 티스토리를 위한 스킨 추천" 이라는 제목의 글을 작성한다면 그 내용중에 친효스킨이 있는겁니다. 왜 수익적인 부분인지 궁금해서 읽어보면 역시 정답은 이겁니다. "애드센스를 적시적소 구석 구석 배치할 수 있다." 음.... 사실 ..
지난 시간에 이어서 추가 설명을 드리겠습니다. 바로 이전 시간에 커버 기능에 대해 소개해드렸습니다. 친효스킨에서 커버 기능을 구축하기위해 HTML와 CSS, index.xml에 관련 태그들을 모두 마크업했는데 몇 가지 자세히 설명을 못 드린 부분이 있습니다. 그것을 오늘 소개시켜드리고자 합니다. 친효스킨 2.4 버전까지는 네 가지의 스타일 커버가 적용되었습니다. 그 중에서 썸네일 관련 태그를 HTML에서 살펴보시면 다음의 영역을 확인할 수 있습니다. HTML 살펴보기 특히 style 부분에 보시면 다소 복잡한 태그들이 이것 저것 들어가있습니다. 제가 웹퍼블리싱 시간에 배우기로는 이런 형태가 아닌, 스타일을 정의하는 CSS 부분에 대해서만 마크업하도록 배웠습니다. 근데 뭔가 이상한 태그들이 더 추가가 되어..
안녕하세요. 친절한효자손입니다. 예전에 친효스킨 v2.0 정식 배포 한달전에 부지러너라는 시스템을 만들어 선배포를 했던 경험이 있습니다. 기억하시나요? 부지러너는 쉽게 말해서 얼리버드라고 생각하시면 될 것 같습니다. 게임으로 비유하자면 베타테스터같은 느낌이지요. 미리 사용해보고, 버그나 문제점, 혹은 개선점을 파악하여 좀 더 완벽에 가까운 스킨으로 만드는게 목적인 것입니다. 부지러너 모집 안내 지난 v2.0 부지러너때는 대략 10명의 사용자를 모셨습니다만 그때의 문제점을 언급하자면 다음과 같습니다. 부지러너를 모집했지만 아래의 일들 때문에 제대로 피드백이 이루어지지 않았습니다. -10명의 부지러너 중 1~2명을 제외한 나머지는 제대로 티스토리 운영을 하지 않음. 따라서 스킨의 사용 부분에 대한 피드백을 ..
안녕하세요. 친절한효자손입니다. 2.2 버전을 업데이트한지도 얼마 되지 않았는데 또 버전을 업그레이드 하느냐고 불만을 토하시는 분들은 설마 안계시리라 생각하며 조심스럽게 이야기를 시작해보겠습니다. 친효스킨의 새로운 버전을 준비 중입니다. 뭐 놀랍지도 않은 소식이죠? 2.2 버전도 완벽하게 마무리했다고 생각했는데 사용자분들의 다양한 피드백을 받았습니다. 제 기준에서의 피드백은 사실 단순합니다. 단 한 사람이라도 뭔가 이런 부분에 대해 적용이 되었으면 좋겠다는 이야기를 듣게 되면 해당 내용이 친효스킨의 사용에 있어서 도움이 되는 부분인지를 집중 탐구합니다. 그리고 유익하다 싶으면 냅따 적용시킵니다. 이런 부분들을 최대한 반영했습니다. 그러면 어떤 부분들이 변경되는지 한번 살펴보겠습니다. 커버에 기본 썸네일 ..
안녕하세요! 친절한효자손 입니다. 2020년 12월 1일에 친효스킨 2.2 버전을 업데이트 완료했습니다. 이번 버전에서는 몇 가지 오류 수정 및 새로운 커버 스킨 1종이 추가 되었습니다. 갤러리2 커버인데요, 기존 갤러리 커버의 다른 형태라고 생각하시면 될 것 같습니다. 이것도 전부터 만들어보고 싶었던 스타일이었습니다. 바로 적용해 보았고 원래 계획대로 잘 나와줘서 무척이나 만족스러운 커버입니다. 이번 친효스킨 2.2 버전에서 업데이트된 내용은 다음과 같습니다. 갤러리2 커버 추가 이것이 갤러리2 커버 스타일입니다. 대표 이미지가 목록 박스 백그라운드 전체에 깔려있는건 기존 갤러리 커버와 동일합니다. 하지만 마우스를 올렸을 때 동작이 다릅니다. 보시는 것 처럼 목록 전체에 제목과 카테고리, 글 작성일이 ..
안녕하세요, 친절한효자손 입니다. 이번달 1일에 친효스킨 2.0을 배포하기 시작했고 많은 분들께서 사용하시는 것 같아 저 또한 보람을 느끼고 있습니다. 감사합니다. 다름이 아니고 또 이렇게 갑자기 긴급 업데이트 버전을 내놓게 되었습니다. 버그나 기타 오류가 있어서 그런건 아닙니다. 단지 추가 기능이 두 가지가 더 있는데 그냥 빨리 배포해버리는게 낫겠다 싶어서 오늘 갑작스럽게 배포를 진행하는 것 입니다. 추가적으로 업데이트된 내용은 다음과 같습니다. 친효스킨 v2.01 업데이트 내용 -스킨편집 화면에 인피드 광고 설정 옵션 추가 -스킨편집 화면에 댓글창 On / Off 버튼 추가 -스킨편집 화면 프로필 설정 관련 항목 위치 변경 이 정도 입니다. 해당 내용은 친효스킨 다운로드 페이지에서 더욱 자세히 확인이..
안녕하세요, 친절한효자손 입니다. 친효스킨 2.0이 개발 완료 되었습니다. 현재 열심히 테스트 블로그에서 사용 중 이고 일부 기능들은 이미 본 블로그에 적용이 완료 된 상태 입니다. 하지만 혼자만의 경험만으로는 아직까지 문제점이 파악이 되지 않고 있습니다. 완벽하게 수정했다고 볼 수 있겠으나 늘 사고는 뜻하지 않은 곳에서 발생하곤 하죠. 그래서 친효스킨 v2.0을 한시라도 빨리 만나고 싶어하시는 분들을 대상으로 먼저 선배포를 하려고 합니다. 먼저 사용해 보시고 어떤 문제점이 있는지, 어떤 부분들이 개선되었으면 하는지 피드백을 주실 분들을 모집하려 합니다. 이분들은 친효스킨 최신 버전을 먼저 사용해보는 혜택을 누릴 수 있습니다. 친효스킨 2.0의 개선 사항은 본문 아래에 사용설명서 글을 따로 링크해 두었으..
안녕하세요, 친절한효자손 입니다. 코로나 때문에 밖을 또 못나가게 생겼습니다. 진짜 잠잠해진다 싶으면 안전불감증 때문에 또 이렇게 문제가 커져버리니... 한창 교육을 신나게 해도 부족할 판에 다시 모임을 모두 중단해야하는 상황에 직면하고 말았습니다. 억울하지만 어쩔 수 없죠. 안전이 제일이니까요. 밖에도 못나가는 날에는 뭘 해야 할까요? 그렇습니다. 신나게 코딩 삼매경에 빠져야 합니다. 오늘도 열심히 친효스킨을 업그레이드 시키고 있습니다. 갑자기 버전이 껑충 뛰어올랐습니다. 그렇습니다. 정말 많은 기능들이 추가가 될 것이기 때문입니다. 이번 2.0 버전에는 엄청난 변화가 일어났습니다. 이제 사용자가 좀 더 편리하게 스킨을 편집할 수 있습니다. 그동안 자주 질문주셨던 내용을 적극 반영하여 원하는대로 커스터..
친효스킨 버전 업데이트 소식 입니다. 현재 1.15까지 완성 되었습니다. 이번 업데이트에서는 아래와 같은 내용들이 추가되고 변경되었습니다. Ver 1.15 업데이트 내용- 애드센스 최상단 및 최하단 광고 크기 최대 세로 100px 이하로 출력되도록 수정- 구형 글쓰기 에디터 더보기 및 접기 버튼 스타일 수정- 새로운 글쓰기 에디터 첨부파일 스타일 수정- 이미지에 테두리 적용 후 살짝 선명도가 떨어지는 문제 수정- 비로그인시 댓글 남기기 항목에 보이는 이름, 비밀번호, 홈페이지 입력칸 색상 변경- 비밀글 체크박스 크기 및 폰트 크기 변경- 인피드광고 관련 CSS 일부 삭제 (보이기/안보이기 기능은 이제 필요 없어서 삭제 조치)- 본문 글꼴을 '리디바탕체'로 변경- 인덱스 페이지 전면 수정 (썸네일 크기 1..
최근 댓글로 질문주신 내용입니다. 일반형 스킨과 반응형 스킨의 차이점에 대해서 궁금하다는 내용입니다. 바로 알아보도록 합시다. 일반 VS 반응형 스킨의 차이점을 알아보겠습니다. 일반형 스킨티스토리에서 거의 사라져가는 스킨 입니다. 일반형 스킨은 사이즈가 변하지 않고 고정된 형태를 말합니다. 지금은 다양한 스마트 디바이스가 공존하는 세상입니다. 스마트폰도 종류가 여러가지고 그에 따른 화면 크기도 각양각색 입니다. 화면 크기에 따라 출력되는 해상도도 다릅니다. 이 해상도가 천차만별이다보니 크기가 고정된 일반 스킨은 어떤 장치에서는 제대로 나오기도 하지만, 어떤 장치에서는 일부가 잘리거나 아예 노출되지 않는 경우도 발생합니다. 티스토리에서 일반형 스킨은 보통 모바일 전용 페이지와 PC (데스크탑) 전용 페이지..
안녕하세요, 친절한효자손 입니다. 오랜만에 공식 인사를 올립니다. 이번에는 친효스킨 관련 소식을 전해드리러 왔습니다. 친효스킨은 현재 티에디션을 공식적으로 지원을 하지 않고 있습니다. 기존의 티에디션은 반응형이 아니기 때문이지요. 근데 티에디션 처럼 카테고리별로 나오게 메인화면을 꾸밀 수 없는지에 대한 문의를 받았습니다. 최근에 티스토리가 "커버" 라고 하는 기능을 업데이트했습니다. 바로 이 기능이 기존의 티에디션의 반응형 버전이라고 생각하시면 됩니다. 지금처럼 최신글로만 나타나게 할 수도 있으며, 카테고리별로 나오게 할 수도 있습니다. 이 커버 기능을 현재 적용하고 있습니다. 아오...근데 학원에서 배웠던게 전부인지라 이걸 지금 뜯어서 분석 중 인데, 어디가 어떻게 적용되는건지 햇갈립니다. 생각보다 꽤..
드디어 친효스킨을 만들었습니다. 사용자가 원하는대로 스타일을 꾸며서 커스텀하기 쉬운 스킨 입니다. 여기에 애드센스는 구석구석 삽입할 수 있으며 쉽게 적용됩니다. 모바일이든 PC에서든 태블릿에서든 어떤 디바이스에서 접속하셔도 최적화되어 있습니다. 아래에는 본문 소제목에 해당하는 목차 리스트가 있습니다. 클릭하면 해당 소제목으로 바로 이동 가능합니다. 알립니다! 친효스킨에 대한 중요한 공지를 안내해 드립니다. 아래의 글을 읽어주시기 바랍니다. 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 안녕하세요. 친절한효자손입니다. 최근 벌어진 일이었죠. 친효스킨 사용자 중 제 콘텐츠를 허락도 없이 본문 그대로 복사를 해서 게시한 내용입니다. 이..
안녕하세요! 오랜만에 현재 근황에 대해서 알려드리기 위해 글을 작성하려고 합니다. 먼저 여러분들의 관심과 사랑에 힘입어 책이 생각보다 많이 판매가 되고 있는 듯 합니다. 책을 검색해보면 꽤 많은 분들이 리뷰를 작성해 주셨네요. 정말 감사합니다. 몸둘바를 모르겠습니다! 이것을 발판삼아 앞으로 더욱 도약하는 그런 블로거가 되고 싶습니다. 현재 티스토리 반응형 스킨은 레이아웃 구상 중 입니다. 사실 레이아웃은 쉽게 하는데 문제는, 각 치환자마다 스타일을 만들어 주는 부분이 가장 걸립니다. 이 부분은 티스토리 공식 블로그에서도 제대로 설명이 되어 있지 않아서 좀 난감한 부분입니다. 아니면 제가 아직은 못알아먹는 것일수도 있으니, 열심히 틈나는대로 배우고 적용시킬 예정 입니다. 친절한효자손 반응형 스킨의 방향에 ..
요청이 있어서 포스팅 합니다. JB-Factory 131 스킨을 사용하시는 분들에게만 해당되는 내용이며, 다른 스킨에서는 소용이 없습니다. 예전 구버전 스킨에서는 작동이 안 될 수 있으며, 제가 작업한 환경은 V0.6.1 입니다. 참고하시기 바랍니다. 이 스킨이 업그레이드 되면서 사이드바에 인기글과 추천글 모듈이 새롭게 생성되었습니다. 드디어 정식으로 나왔네요. 구버전에서는 그냥 개인적으로 만들어서 사용하고 있었는데, 드디어 추천글 모듈을 제대로 사용할 수 있게 되었습니다. 해당 방법은 제작자님께서 직접 홈페이지에서 사용 방법에 대해 작성해 두었으니 읽어보시고 그대로 따라하시면 될 것 같습니다. 현재 제 스킨을 PC화면에서 보시게 되면 이렇게 사이드바쪽에 별도로 넣어놓은 모듈을 확인하실 수 있습니다. 이..
안녕하세요, 친절한효자손 입니다. 드디어 결심을 했습니다. 저는 올해안에 제가 직접 디자인해서 티스토리 반응형 스킨을 제작하려고 생각을 다졌습니다. 그동안 다른 사람 스킨만 사용해오고, 이 스킨 저 스킨 써봤는데 뭣하나 100% 제 마음에 드는 녀석은 없었습니다. 다년간의 노하우를 바탕으로 정말 딱! 이 스킨이면 남부러울 것 없이 퍼펙트에 가까운 스킨이겠군 싶을정도로 완성도를 높이고 싶습니다. 티스토리 반응형 스킨을 만들기로 결심한건 최근 입니다. 이유는 콘텐츠를 제 아무리 꾸려내려고 해도 이미 기존에 널려있는 것들인데다, 이런 콘텐츠는 쉽게 카피를 해갑니다. 실제로 지금도 카피가 이루어지고 있어요. 말리려 해도 왠만해선 그들을 말릴 수 없지요. 그렇다면 답은 하나 입니다. 저작권이 완전 순수 100% ..
CCZ CROSS 라고 하는 반응형 스킨을 다른 블로그에서 사용하고 있습니다. 무료 반응형 스킨인데, 이것도 Fastboot 스킨 못지않게 괜찮은 것 같아요. 잘 사용하고 있는데, 본문 글씨 키웠더니 글씨가 잘리는 현상이 발생했습니다. 밑 부분의 일부가 살짝 잘려서 보기좋지 않아요. 그래서 이 부분을 해결하는 방법을 알아냈습니다. 혹시 이 스킨을 쓰시는 분들이라면 참고가 될 것 같아요. 문제가 되는 부분은 바로 이 부분이었습니다. 새로운 공지글을 올렸더니 저렇게 전체보기 글씨 밑 부분이 일부 잘리는 현상입니다. 관리자 화면에서 꾸미기 > 스킨편집 > HTML편집 으로 들어가셔서 CSS에서 위와같은 곳을 찾으세요. Ctrl+F 를 누르셔서 'module-content' 또는 '공지사항'을 검색하시면 쉽게 ..