제목만보고는 무슨 뜻인지 잘 모르실 수 있습니다. 예를 들자면 이런 경우입니다. 티스토리 글쓰기 메뉴 중에는 표 만들기가 있습니다. 그리고 표를 삽입하면 모든 셀이 동일하게 백그라운드가 텅 비어있는 상태입니다. 근데 보통 표를 만들때는 첫번째 줄에 어떤 메뉴 이름이 들어가곤 합니다. 가령 예를 들어서 시간표를 만든다고 가정한다면 첫번째 셀에는 월,화,수,목,금,토 같은 요일이 들어갈겁니다. 가장 왼쪽의 세로 셀은 1교시부터 5교시까지의 시간이 들어갈 것이구요. 바로 이 특정 셀의 백그라운드 배경색상을 넣는 방법입니다. 안타깝게도 수동으로 진행해야 합니다. 실전을 살펴보기 위해서 아래에 임의로 표를 만들었습니다. 그리고 셀의 모든 텍스트는 중앙정렬이 되게 해두었습니다. 티스토리 표 만들기 태그 구조 가로셀..
지금도 심심하면 나오는 광고가 있습니다. 하루 두 시간 투자로 월 천만원의 수익을 얻을 수 있다는 자극적인 마케팅을 하고 있습니다. 누군가는 그렇게 하겠지만 과연 그 누군가의 주인공이 "나"일까요? 물론 해봐야 알지만... 글쎄요? 제 의견을 말씀 드리자면 로또 1등될 확률보다도 적을거라고 생각합니다. 이것만큼은 확신합니다. 이렇게 이야기를 하면 일부 부정적인 사고방식으로 똘똘뭉친 사람들은 이렇게 해석할수도 있겠죠. "효자손 저 자식, 지 수업 듣게 하려고 일부러 고춧가루 뿌리는 것 보소?!" 생각해봅시다 안타깝지만 아닙니다. 그저 여러분들의 막힌 시야를 좀 더 넓혀드리고 싶을 뿐입니다. 다시 한 번 냉철하게 생각해 보시기 바랍니다. 이것은 낚시의 원리입니다. 상대는 낚시꾼입니다. 우리는 물고기구요. 낚..
티스토리에도 단축키 기능을 지원합니다. 생각보다 많은 단축키 기능이 있지만 실전에 사용할만한 단축키는 손에 꼽습니다. 먼저 단축키 정보를 모두 알아보고, 그 중에서 개인적으로 사용중인 단축키는 강조 표시를 해두었으니 한번 유용하게 사용해 보시기 바랍니다. 티스토리 메인 페이지 Q : 관리자모드 / 메인페이지 A : 이전 글 S : 다음 글 글쓰기 모드 굵게 : Ctrl + B 밑줄 : Ctrl + U 기울임 : Ctrl + I 링크 : Ctrl + K 임시저장 : Ctrl + S : Alt + Shift + 1 (제목1) : Alt + Shift + 2 (제목2) : Alt + Shift + 3 (제목3) : Alt + Shift + 4 : Alt + Shift + 5 : Alt + Shift + 6 :..
안녕하세요. 친절한효자손입니다. 오랜만에 티스토리 관련 정보를 안내해드리려고 합니다. 티스토리와 애드센스의 관계인데요, 티스토리는 2020년 말부터 2021년 초반까지 관리자 페이지에 있는 애드센스 계정과 동기화를 사용자들에게 요청 중입니다. 이로인해 애드센스 플러그인 기능은 사라졌지요. 초반에 이것때문에 살짝 당황했지만 대처방법은 뭐 얼마든지 있으니까요. 티스토리 관리자에서 애드센스 계정과 아예 동기화를 해버리면 따로 반응형 광고 코드를 만들지 않고 클릭만으로 본문이나 사이드바에 편리하게 광고 삽입이 가능해졌습니다. 이 부분은 분명 눈부신 발전입니다. 이제 막 시작하신 분들도, HTML을 잘 모르시는 분들도 전혀 문제없이 광고 삽입을 할 수 있게 되었습니다. 여기에서 하나 궁금한 부분이 생겼습니다. 원..
이번시간에는 티스토리에서 각주를 입려하는 방법에 대해서 알아봅시다. 별도의 HTML이나 CSS 세팅이 필요없습니다. 즉 본문 글쓰기 에디터에서 바로 사용하면 됩니다. 먼저 예시 문장입니다. 각주 예시 각주는 이렇게 사용하는 것이다! 위의 문장을 살펴보시면 각주라는 키워드 옆에 숫자1이 보이고 있습니다. 그리고 숫자1에 마우스를 올려보면 각주에 대한 정의를 살펴볼 수 있습니다. 별도의 세팅은 필요없지만 입력은 모두 수동입니다. 어떻게 입력하는지 살펴봅시다. 위의 문장을 티스토리 글쓰기 에디터에서 살펴보면 다음과 같습니다. 글쓰기 에디터 상황 각주[footnote]각주 : 주(註) 또는 각주는 본문에 대하는 참조 문헌이나 본문의 낱말, 문장 등의 뜻을 알기 쉽게 풀이하는 덧붙이는 글.[/footnote]는 ..
대다수 많은 분들께서 뉴스글을 그대로 퍼와서 글을 작성하는것으로 알고 있습니다. 이거 저작권 위반입니다. 범죄에요. 뉴스 기사 끝자락을 살펴보시면 이렇게 명시되어 있습니다. 저작권자(c)XX뉴스. 무단전재-재배포금지 뉴스 기사 퍼오면 큰일남 네. 대부분은 이런 표시가 있지만 만약 없어도 기본적으로 저작권은 해당 기사의 소속단체이기 때문에 글을 퍼오려면 허가를 받아야합니다. 평소 잘 들어가지는 않지만 간만에 심심해서 포럼에 들어가보니 어떤분께서 당당하게 이런 글을 남기셨더군요. 자신은 뉴스 글을 퍼오지만 밑에 자신의 생각을 코멘트달기 때문에 괜찮다는 내용이었습니다. 할 말을 잃었습니다. 그러면 교촌치킨 레시피를 그대로 배낀다음에 위에 파슬리같은 허브를 조금 더 뿌리면 그게 새로운 뉴교촌치킨이 되는건가요? ..
안녕하세요. 친절한효자손입니다. 본문 중간에 삽입하는 수동 링크 스타일을 새로 만들어봤습니다. 아마 지난번 유튜브 실시간 스트리밍을 보신 분이시라면 이걸 만드는 과정을 라이브로 보셨을 거에요. 거의 한시간만에 완성한 애드온이지요. 스타일은 코드펜을 참고해서 만들었습니다. 미리보기 먼저 스타일을 미리 만나보시겠습니다. 아래의 링크에 마우스를 올려보시기 바랍니다. 그리고 변화되는 애니메이션을 직접 목격해 보세요. 짧은 텍스트의 링크글 이것은 어느정도 텍스트의 양이 제법 되는 본문 중간 링크글 와우! 이건 정말이지 말로 표현할 수 없을 정도로 텍스트의 양이 대단히 길기 때문에 두 줄로 내려가버리는 상당히 많은 텍스트의 양이 담긴 본문 중간 링크글 이런 느낌의 본문 중간 수동 링크글 스타일입니다. 보시면 아시겠..
티스토리 신형 글쓰기 에디터에서의 버그 이야기입니다. 엄청 치명적인건 아니지만 은근 귀찮은 오류가 발생하고 있습니다. 다른 스킨은 모르겠는데 친효스킨의 경우 다양한 친효애드온을 제공하고 있어서 이런 버그 생성 문제는 스타일의 일부를 일부 변형되게 만드는 원인이 될 수 있습니다. 버그가 무엇인가요? 티스토리 신형 글쓰기 에디터에서 발생하는 오류입니다. 텍스트를 열심히 작성했는데 그 중 일부 구간을 다른 문장에 붙여넣기를 하게 되는 경우 발생합니다. 즉 텍스트를 블록 지정하고 Ctrl+C 혹은 X하여 복사 혹은 잘라내기를 합니다. 그리고 원하는 구간에 그대로 Ctrl+V하여 붙여넣기를 했을 때, 붙여넣기를 해서 입력된 문장이 태그로 감싸지는 문제입니다. 또한 이 태그의 폰트 색상은 #333으로 고정됩니다. ..
맛집으로 소문난 음식점은 이유가 명확합니다. 맛있으니까 소문이 난 것입니다. 유명한 관광지도 소문이 나는 이유가 명확합니다. 구경할만한 무언가가 있기 때문인 것입니다. 좋은 제품에 대한 소문 또한 마찬가지입니다. 성능이 좋다던지, 디자인이 너무 귀엽다던지, 이런 명확한 이유가 있기 때문입니다. 즉 기업은 소비자의 니즈(Needs)를 충족시키기 위한 다양한 시도를 합니다. 첫술부터 배부른 회사는 거의 없습니다. 운이 좋아서 잘 되어도 결국 운이란 한계에 부딫히죠. 즉 자신들의 아이템을 사용자들이 많이 이용하고, 만족도를 높이는게 가장 궁극적인 목적이 될 수 밖에 없습니다. 그래야 회사가 먹고살기 때문입니다. 음식점도 그렇습니다. 손님들에게 맛있는 음식을 만들어 입맛을 충족시켜줘야 결국 계속 찾는 사람이 끊..
티스토리에 이런 저런 연구를 진행하는 중입니다. 현재 친효스킨에는 본문 로딩 중에 제 트라이드 마크인 효자곰이 보이며 그 주변으로 무언가가 뱅글뱅글 돌아가는것을 확인할 수 있습니다. 본문의 모든 데이터를 로드하는동안 이런 애니메이션이 연출되는건데 이건 어떻게 적용시키는건지 알아보도록 합시다. HTML + Script 세팅하기 먼저 기본 뼈대가 되는 HTML과 애니메이션을 위한 스크립트를 티스토리 스킨 정보에 입력해 봅시다. HTML에 붙여넣기를 진행해야 합니다. 아래의 첨부파일을 다운받고 열어주시기 바랍니다. 열어보시면 점선을 기준으로 위에는 HTML과 스크립트 코트가, 아래에는 CSS 코드가 첨부되어 있습니다. 먼저 이 부분입니다. 해당 코드를 모두 복사합니다. 그리고 자신의 스킨 HTML 정보로 들어..
친효스킨 버전 2.2 이상 사용자부터는 댓글의 디테일한 색상을 사용자가 원하는대로 설정할 수 있습니다. 배경색부터 말풍선 색상까지, 질문자와 에디터 주인의 영역도 따로 색상 지정이 가능합니다. 텍스트의 색상 또한 따로 지정이 가능합니다. 즉 구석 구석 다양한 색상을 완전 자유롭게 설정이 가능합니다. 친효스킨 댓글 스타일 미리보기 위의 스크린샷 이미지는 친효스킨의 댓글 스타일의 모습입니다. 질문자와 에디터의 영역이 대화 형식으로 명확히 구별되는것이 특징입니다. 질문자의 프로필 텍스트 색상, 아이콘 색상, 대화칸 백그라운드 색상, 대화칸 텍스트 색상을 사용자 임의로 변경할 수 있습니다. 작성 날짜와 신고 버튼 색상 또한 수정이 가능합니다. 에디터 영역도 마찬가지로 디테일하게 색상 변경이 가능합니다. 이전 댓..
어제 티스토리에 대한 새로운 추가 공지가 떴습니다. 애드센스 ads.txt 관련 내용과 2차 도메인에 대한 내용이군요. 먼저 2차 도메인의 경우는 제가 사용하지 않고 있으니까 뭐 딱히 눈에띄게 읽어둬야하는 부분은 없는 것 같습니다. 개인별 2차 도메인을 사용할 경우 ads.txt가 제대로 연동이 안 되는 문제를 해결중이라고 하니까 이건 뭐 시간이 지나면 티스토리측에서 잘 해결해 줄 것으로 보입니다. 공지는 항상 읽고 그에 대한 댓글들을 보는데 여전히 답답한 소리를 하시는 분들이 많이 계시는군요. 잘 모르실수도 있으니까 한번 속 시원하게 이야기를 꺼내보겠습니다. ads.txt에 대하여 먼저 여러분들이 알아야 하는 영역은 디렉토리(Directory) 개념입니다. 홈페이지도 결국 서버안에 저장되어있는 HTML..
안녕하세요. 친절한효자손입니다. 친효스킨 2.3 버전 이상부터 다크모드가 추가되었습니다. 다크모드는 기본 색상에 맞춰서 세팅되어있습니다. 만약 메인 테마 색상 및 서브 색상 등등을 변경한 이후에 다크모드를 적용시키면 다소 어울리지 않을 수 있으니 참고하시기 바랍니다. 친효스킨 댓글 항목에 대한 색상은 사용자가 임의로 조정 가능하도록 설계가 되어있다는걸 아실겁니다. 따라서 다크모드 적용시에는 댓글 테마도 맞춰서 수동 설정해주시면 됩니다. 물론 꼭 필요한 수정은 아닙니다. 만약 기존 아이폰 테마나 카카오톡 테마를 사용중이시라면 그대로 사용하시면 됩니다. 다만 다크테마에 맞춰서 잘 어울릴만한 색상표를 안내해 드리는 것이니 그냥 참고만 하시기 바랍니다. 다크모드 댓글 색상표 위치 색상코드 댓글 레이아웃 배경색 ..
안녕하세요. 친절한효자손입니다. 친효스킨에서 적용 가능한 친효애드온의 미리보기 페이지입니다. 친효애드온은 타 스킨에서도 사용 가능하도록 설계가 되어있습니다. 타스킨에서의 사용을 원하는 경우 HTML부터 CSS 까지 수동으로 세팅해야 하는 불편함이 있습니다. 하지만 친효스킨의 경우는 기본적으로 모든 친효애드온이 세팅되어 있습니다. 결국은 뭐다?! 그렇습니다. 세팅이 어렵거나 귀찮으시면 친효스킨을 사용하시면 됩니다. (머쓱) 친효애드온의 종류는 다음과 같습니다. 1. DIV 커스텀 박스 2. 포스트잇 3. 주의사항+팁 박스 아래에는 각 카테고리에 대한 미리보기가 있습니다. 그리고 클래스명이 있습니다. 해당 클래스명을 사용하시면 됩니다. 친효애드온의 사용 방법은 아래의 글을 참고하시기 바랍니다. 친효애드온 사..
안녕하세요. 친절한효자손입니다. 친효스킨 2.2 이상부터 사용 가능한 댓글 테마 색상표 정보입니다. 이번에는 아이폰 테마입니다. 말그대로 아이폰의 문자 스타일 색상을 그대로 추출하였습니다. 먼저 적용된 화면을 미리 만나보시기 바랍니다. 이런 스타일입니다. 미리보기 실제 사용중인 아이폰의 문자 내용을 캡쳐해서 색상을 추출했습니다. 색상 변경은 관리자 > 꾸미기 > 스킨편집에서 진행 가능합니다. 색상표 색상은 16진수 헥사코드를 사용합니다. 아래의 표를 보시고 각 영역에 맞는 색상코드를 입력해 주시기 바랍니다. 코드 앞의 #은 생략되어 있습니다. 참고하시기 바랍니다. 위치 색상코드 댓글 레이아웃 배경색 FFF 댓글 구분선 E5E5EA 상대방댓글 배경색 E5E5EA 상대방댓글 텍스트 222 내답글 배경색 49..
친효애드온 중 하나인 커스텀 DIV 박스 활용에 대해서 좀 더 자세한 설명 방법이 필요할 것 같습니다. 뭐 대단한건 아니구요. 색상에 대해서 변경하는 방법을 알려드리면 여러분들께서 직접 원하는 색을 선택해서 적용을 할 수 있을 것 같습니다. 색이란게 자꾸 보면 질리잖아요? 따라서 사용자가 그때 그때 원하는 색을 사용함으로서 티스토리를 운영하는데 약간의 즐거움이라도 충족한다면 좋지 않을까 싶습니다. 커스텀 DIV 박스란? 친효스킨 최신버전에는 지금까지 개발한 친효애드온이 기본적으로 세팅되어 있습니다. 사용자는 그저 이것을 꺼내 사용하기만 하면 되는 것입니다. 그러나 의외로 이 기능을 모르고 친효스킨을 사용하시는 분들이 많습니다. 개인적으로 정말 많이 사용하는 애드온 중 하나인 커스텀 DIV 박스! 이 내용..
구형 글쓰기 에디터는 이제 역사속으로 사라질 날이 얼마남지 않았습니다. 어도비에서는 공식적으로 플래시 플레이어 지원을 중단한다고 밝힌지 오래고 크롬이나 기타 브러우저 또한 어도비 플래시를 삭제 권고하고 있습니다. 마이크로소프트 또한 시스템에 설치되어있는 어도비 플래시를 삭제하는 업데이트를 내놓았지요. 어도비 플래시 기반인 티스토리의 구형 글쓰기 에디터에 대한 방법은 앞으로 작성하지 않을 것입니다. 무쓸모니까요. 다시 본론으로 넘어와서 신형 글쓰기 에디터에서 이미지를 여러개 삽입하면 원본 크기 그대로 세로로 배치가 됩니다. 이게 기본 형태지요. 그렇다면 가로로 배치하는 방법은 없을까요? 당연히 있습니다. 저도 최근에 알게 되었습니다. 우선 가로로 배치하고자 하는 이미지를 준비하는게 1순위입니다. 그리고 기..
친효스킨 본문이 아닌, 댓글 부분의 폰트 (글꼴, 글씨) 크기에 대한 수정 방법을 문의하시는 분들이 계십니다. 다음번 버전때 이 부분은 스킨편집 화면에서도 수정 가능하도록 업데이트가 완료되었습니다. 새로운 버전 배포 전에 수동으로 편집하고 싶으신분들은 본문의 내용을 따라서 그대로 진행하시면 됩니다. 수동 설정 방법 티스토리 관리자 페이지로 들어갑니다. 그리고 왼쪽 카테고리의 꾸미기 > 스킨 편집으로 들어갑니다. 오른쪽 상단에 있는 HTML 편집 버튼을 누릅니다. CSS 탭을 선택하고 다음의 코드를 찾습니다. #contents .commentList .rgy-rewrite-window .rgy-rewrite-window-right .rgy-rewrite-window-right-bottom .re-chatw..
대 온라인 언텍트 시대입니다. 빌어먹을 코로나 때문이지요. 그래서 그런건지는 몰라도 주식 하시는 분들이 엄청 늘었습니다. 이곳에 방문하시는 분들 중에서도 주식 콘텐츠를 운영하시는 분들이 꽤 되십니다. 온라인으로 돈을 벌 수 있는 수단 중 하나이기 때문일 것입니다. 실외 보다는 실내에서 보내는 시간이 압도적으로 늘어나면서 수익을 창출하는 수단 역시 오프라인 보다는 온라인 쪽으로 많이 기울고 있습니다. 디지털 노마드라는 단어는 꽤 오래전부터 사용되어온 키워드입니다. Digital + Nomad의 합성어로 직역하면 디지털 유목민이라는 의미를 담고 있습니다. 유목민이라는 뜻은 「한 곳에 정착하지 않고 다른 장소로 이주하면서 생활하는 사람 혹은 그런 사람들로 구성된 사회」라는 뜻이라는군요. 위키백과씨가 그렇게 알..
정말 오랜만에 친효컬럼 글을 작성하는 것 같습니다. 그동안 게으름이 증폭되었기 때문에 글 쓰기가 싫었거든요. 그래서 예약글을 적극 활용하고 있습니다. 글쓰기신이 강림하지 않은 기간동안은 글이 잘 써지지 않기 때문입니다. 따라서 개인적 글쓰기 스타일은 한 방에 몰아쳐 글 쓰는 습관을 가지고 있습니다. 신기하게도 뭔가 Feel(느낌)이 오는 순간이 있습니다. "아, 이건 지금 무조건 당장 써야 한다!" 라는 느낌이요. 그리고 그 느낌을 가지고 작성하면 문장이 술술 써집니다. 완전 신나게요. 확실히 이렇게 작성한 글은 퀄리티가 좋습니다. 그리고 흡족합니다. 스스로 무척 대견함을 느낍니다. 이 맛에 글을 작성하는거 아니겠어? 하고 자화자찬의 늪에 빠집니다. 이런 기분이 정말 좋습니다. 최근 2주 정도는 거의 소..
컴퓨터 업그레이드하는걸 좋아합니다. 지금도 틈만 나면 새롭게 출시된 무언가가 있는지 윈도우 쇼핑을 하곤 합니다. 방금도 알리익스프레스를 한 번 순찰하고 오는 길이죠. 그냥 심심하면 들락날락 거립니다. 재밌거든요. 컴퓨터 업그레이드에는 돈이 들어가지만 그만큼의 결과가 있으니까 이것만큼 즐거운일이 또 어디있을까 싶습니다. 확실한 결과죠. 성능 향상이라는 눈부신 결과가 기다립니다. 글도 마찬가지입니다. 개인적으로 지나간 과거 글들 중에서도 아직까지 계속 업그레이드를 시키는 콘텐츠가 몇 개 있습니다. 전체글을 모두 디벨롭 시킬수는 없지요. 작성한 글들 중에서는 인스턴트같은 단발성 글도 꽤 많거든요. 이런 글들을 제외한 나머지 콘텐츠 중에서 꾸준히 업그레이드를 해줘야 하는 글이 있습니다. 친효스킨같은 고유 콘텐츠..
안녕하세요. 친절한효자손입니다. 친효스킨 2.2 버전 이상 가능합니다. 댓글의 컬러를 에디터 마음대로 설정할 수 있습니다. 이번에는 삼성 갤럭시 시리즈의 문자 테마 색상을 가지고 왔습니다. 적용되는 화면을 미리 만나보시기 바랍니다. 미리보기 기본적으로 이런 느낌의 색상 테마입니다. 실제 사용중인 갤럭시노트9의 문자 내용을 캡쳐해서 색상을 추출했습니다. 나름 이쁜 것 같습니다. 색상 변경은 관리자 > 꾸미기 > 스킨편집에서 진행 가능합니다. 색상표 색상은 16진수 헥사코드를 사용합니다. 각 영역에 대해서 색상표를 적어두었습니다. 코드 앞의 #은 생략되어 있습니다. 참고하시기 바랍니다. 위치 색상코드 댓글 레이아웃 배경색 FFF 댓글 구분선 EDEDED 상대방댓글 배경색 EDEDED 상대방댓글 텍스트 222..
해당 내용은 친효스킨 2.3 버전에서 변경할 수 있는 옵션을 스킨편집 페이지에 적용시켰습니다. 그 전에 수동으로 변경하고 싶으신 분들은 본 내용을 따라하시면 됩니다. 친효스킨의 최신 버전은 댓글이 작성순으로 정렬되어 있습니다. 이 부분을 다시 원래대로 만들고 싶으신 분들을 위한 강좌입니다. 원래대로라 함은 최신 댓글이 위가 아닌, 기존 방식처럼 아래로 쌓이는 형태를 의미합니다. 방법은 매우 간단합니다. 친효스킨 CSS에서 다음의 위치를 찾습니다. 「댓글 리스트」 라고 검색하시면 쉽게 찾을 수 있습니다. /* 댓글 리스트 */ #contents .commentList .rgy-reply { display: flex; flex-direction: column-reverse; -webkit-flex-direc..
오랜만에 이메일로 문의가 들어왔습니다. 해당 내용을 여러분들에게도 공유합니다. 다만 어디까지나 정답은 아니며 지금까지 다년간 티스토리를 운영해온 경험을 토대로 말씀을 드리는 것입니다. 절대적인 것이 아니므로 너무 맹신하지 마세요. 메일을 주신분은 ro******@daum.net 입니다. 문의 주신 메일 내용은 다음과 같습니다. 문의 내용 안녕하세요. 티스토리 블로그를 운영하려고 이것저것 알아보는데 모르는게 너무 많아서 답답하더라구요. 그러다 우연히 친절한 효자손님 메일주소를 알게되어 혹시나 답을 알수 있을까 하는 마음에 염치불고하고 질문드립니다. 질문이 많아서 죄송한데요, 혹시나 시간나실때 짧게라도 답변주시면 정말 감사하겠습니다. 1. 티스토리 블로그에 내가 판매하는 전자책의 링크(크몽이나 탈잉등의 전자..
이 방법은 기존 DIV 커스텀 박스 만들기와 같습니다. 단지 클래스명만 다를 뿐 입니다. 그래도 처음부터 설명드리는게 훨씬 이해하시기 수월할테니 꼼꼼히 차근차근 안내해 드리겠습니다. 아래의 글은 그냥 참고만 하시기 바랍니다. 친효애드온 : 커스텀 DIV 박스 모듈 (마크1) CSS 세팅하기 기본적으로 친효스킨 최신 버전을 사용하시면 CSS는 세팅이 되어 있습니다. 따라서 본문의 내용은 친효스킨을 사용하지 않는 분들을 기준으로 설명되어 있음을 밝힙니다. 먼저 아래의 첨부파일을 다운로드 해주시기 바랍니다. 첨부파일의 텍스트 문서를 열어보시면 다음의 CSS 코드들이 들어있습니다. .rgyBG2, .rgyBG3, .rgyBG4, .rgyBG5 { margin: 10px 0; padding: 10px 15px; ..
안녕하세요. 친절한효자손입니다. 2.2 버전을 업데이트한지도 얼마 되지 않았는데 또 버전을 업그레이드 하느냐고 불만을 토하시는 분들은 설마 안계시리라 생각하며 조심스럽게 이야기를 시작해보겠습니다. 친효스킨의 새로운 버전을 준비 중입니다. 뭐 놀랍지도 않은 소식이죠? 2.2 버전도 완벽하게 마무리했다고 생각했는데 사용자분들의 다양한 피드백을 받았습니다. 제 기준에서의 피드백은 사실 단순합니다. 단 한 사람이라도 뭔가 이런 부분에 대해 적용이 되었으면 좋겠다는 이야기를 듣게 되면 해당 내용이 친효스킨의 사용에 있어서 도움이 되는 부분인지를 집중 탐구합니다. 그리고 유익하다 싶으면 냅따 적용시킵니다. 이런 부분들을 최대한 반영했습니다. 그러면 어떤 부분들이 변경되는지 한번 살펴보겠습니다. 커버에 기본 썸네일 ..
내돈내산, "내 돈주고 내가 직접 산" 이라는 뜻입니다. 즉 협찬이나 체험단이 아닌 본인의 자비를 털어서 직접 구매했으니 안심하고 이 글을 읽길 바란다는 뜻이 담겨 있습니다. 개인적으로 별로 좋아하지 않는 키워드입니다. 솔직히 이건 말이 안 되는거에요. 이 기하학적인 키워드는 왜 탄생했을까요? 너도나도 체험단 저 역시 네이버 블로그 시절에 체험단에 빠져살았었습니다. 재밌었거든요. 아마 네이버 블로그가 저품질에 걸리지 않았더라면 지금도 계속해서 체험단을 하고 있었을지도 모릅니다. 어떻게보면 저품질이 터닝포인트가 되었다고해도 과언이 아닙니다. 지금도 여러 업체의 마케터 모집글을 접할 수 있습니다. 이런 체험단이 판치다보니 블로그 생태계는 본인이 직접 자비를 지출해서 콘텐츠를 양성하는 사람들의 숫자보다 체험단..
안녕하세요! 친절한효자손 입니다. 2020년 12월 1일에 친효스킨 2.2 버전을 업데이트 완료했습니다. 이번 버전에서는 몇 가지 오류 수정 및 새로운 커버 스킨 1종이 추가 되었습니다. 갤러리2 커버인데요, 기존 갤러리 커버의 다른 형태라고 생각하시면 될 것 같습니다. 이것도 전부터 만들어보고 싶었던 스타일이었습니다. 바로 적용해 보았고 원래 계획대로 잘 나와줘서 무척이나 만족스러운 커버입니다. 이번 친효스킨 2.2 버전에서 업데이트된 내용은 다음과 같습니다. 갤러리2 커버 추가 이것이 갤러리2 커버 스타일입니다. 대표 이미지가 목록 박스 백그라운드 전체에 깔려있는건 기존 갤러리 커버와 동일합니다. 하지만 마우스를 올렸을 때 동작이 다릅니다. 보시는 것 처럼 목록 전체에 제목과 카테고리, 글 작성일이 ..
정말 많이 받는 질문 중 하나입니다. 질문 내용을 살펴보면 모바일, 그러니까 스마트폰을 말하는 거겠죠? 스마트폰에서 보는거랑 PC에서 보는거랑 다르다는 이야기가 참 많아요. 친효애드온은 모바일과 PC에서 다 잘 나오게 설계가 되어있습니다. 친효스킨도 당연히 그렇게 설계가 되었구요. 이런걸 반응형 스킨이라고 합니다. PC 해상도와 스마트폰의 해상도에서 사이즈만 달라질 뿐 기본 테마는 그대로 보여지는게 반응형 스킨입니다. 꼭 기억하세요! 티스토리를 스마트폰에서 보는 방법은 두 가지가 있습니다. 그 두가지는 다음과 같습니다. 1. 티스토리 전용 어플리케이션 2. 인터넷 브라우저 어플리케이션 (크롬, 파이어폭스, 기본 인터넷 앱 등) 흔히 모바일에서 안 나온다는 둥, 이상하게 나온다는 둥 이런 질문들을 하시는 ..
티스토리의 새로운 글쓰기 에디터에서 링크글을 삽입 후 엔터를 입력하면 바로 아래에 해당 링크의 미리보기 이미지가 크게 적용됩니다. 근데 너무 공간을 많이 차지하는 것 같습니다. 제 기준에서는 너무 커요. 그렇기에 크기를 절반으로 줄였습니다. 가로 크기는 본문의 가로폭을 모두 100% 사용하는건 동일합니다. 세로 크기가 절반으로 줄어듭니다. 썸네일 이미지도 동시에 4분의 1 크기로 축소되었습니다. 위의 이미지가 바로 기존 티스토리의 링크글 미리보기 스타일입니다. 저만 크다고 생각한건가요? 아무튼 이 커다란 사이즈를 절반으로 줄여버렸습니다. 위의 이미지가 바로 수정된 링크글의 모습입니다. 세로 크기를 절반으로 줄였기 때문에 자연스럽게 썸네일 이미지는 4분의 1로 줄어들었습니다. 비율은 유지해야 하니까요. 그..