티스토리 스킨 제작을 위한 티스토리 가이드 페이지가 있긴 합니다만 설명이 많이 부실합니다. 저 같은 초보자에게는 이게 대체 무슨 의미인지를 모르겠더군요. 제가 만약 티스토리 부서에 배치된 직원이라면 절대 그렇게 설명하지 않습니다. 제대로 설명을 해놨을 것입니다. 그런 마음을 담아서 이번 강좌부터는 제 스타일대로 나름 자세한 설명을 진행하려고 합니다. 부디 이 내용이 티스토리 스킨을 제작하시는 분들에게 도움이 되기를 바랍니다. 스킨 구성 파일 중 index.xml 의 역할 이 파일은 티스토리 스킨편집의 구성을 담당합니다. 스킨의 설정을 직접적으로 진행하기 위한 페이지로서 사용자 편의성을 제공하는데 목적을 두고 있습니다. 스킨 편집을 위한 파일이라고 생각하시면 됩니다. 스킨의 HTML에 특수 태그를 만들고 ..
티스토리는 HTML을 수정할 수 있다는 막강한 장점이 있습니다. 이것을 활용해서 사이드바에 다양한 형태의 배너를 게시할 수 있습니다. 대표적으로는 애드센스가 있습니다. 물론 요즘은 애드센스 계정과의 자체 연동으로 인해 버튼 하나만 켜두면 자동으로 애드센스 스크립트가 들어가 광고를 너무 편리하게 배치할 수 있게 되었습니다. 허나 개인적으로 사이드바에 어떤 배너를 만들고자 할 때는 모두 수동으로 설정해야만 합니다. 본문에서는 어떻게 사이드바에 이미지 배너를 생성하는지에 대해 알아볼 것입니다. 타스킨도 사용 가능한 방법이며 당연히 친효스킨에서도 정상적인 동작을 하는 것 까지 확인했습니다. 배너에 사용할 이미지 준비 가장 먼저 이미지를 준비합시다. 이미지는 되도록 너무 크지 않는것을 추천하며 확장자는 gif 또..
언제부터인가 자꾸 본문 수정 시 혹은 글 작성 시 태그와 태그에 알 수 없는 속성값이 부여가 되기 시작했습니다. data-ke-size라고 하는 이 녀석은 폰트의 크기를 지정한 값으로 억지로 변경하는 옵션입니다. size16, size20, size24 등등등의 크기값이 큰 따옴표 안에 들어가버리는데 정말이지 여간 귀찮은것이 아닙니다. 물론 해결 방법은 있습니다. 글을 작성할때마다 해당 속성값을 수동으로 모두 지워버리는 것입니다. 이 방법에 대해서는 아래에 더 자세히 언급되어 있으니 한번 시간 괜찮으시면 읽어보시기 바랍니다. 티스토리 업데이트 (2021.5.12) 때문에 발생한 버그 오류 내용 및 해결 방법 티스토리 업데이트 (2021.5.12) 때문에 발생한 버그 오류 내용 및 해결 방법 안녕하세요. ..
안녕하세요. 친절한효자손입니다. 코로나가 1단계로 내려가면 바로 오프라인 모임을 하려고 했는데... 도저히 지금 상황에서는 올해 오프모임은 불가능해 보입니다. 따라서 오프라인을 모두 온라인으로 돌려보려고 합니다. 그냥 서로 얼굴만 마주치지 않는 것 뿐이지, 오프라인 모임과 동일한 효과를 지닙니다. 티스토리 디스코드 교육 모임 안내 플랫폼은 줌이 아닌 디스코드(Discord)를 사용할 것입니다. 이 프로그램은 국내에서는 게임 보이스톡으로 많이 알려져있지만 사실 엄청난 기능들이 탑재된 프로그램이라고 할 수 있겠습니다. 줌보다 더 뛰어난 공유 기능! 그리고 여러가지 봇들이 있어서 사실상 애드온이 넘쳐나는 부가서비스! 부분 유료화지만 사실상 무료로도 충분히 이용함에 있어서 부족함이 없습니다. 그러므로 디스코드를..
안녕하세요. 친절한효자손입니다. 댓글로 제보를 주셔서 확인해보니 현재 친효스킨 2.3 버전에서 본문에 리스트 작업 시 들여쓰기가 제대로 되지 않고 리스트 스타일이 제대로 출력되지 않는 문제를 발견했습니다. 따라서 해당 문제를 해결할 수 있는 방법을 안내해 드리겠습니다. TIP 스킨 편집 전 반드시 백업은 필수입니다. CSS 수정하기 친효스킨의 스킨 편집 페이지로 들어갑니다. CSS 탭에서 다음의 코드를 찾습니다. 한글로 「본문 리스트」라고 검색하시면 빠르게 찾을 수 있을겁니다. /* 본문 리스트 */ #contents .article > ul, #contents .article > ol, #contents .article div.tt_article_useless_p_margin > ul, #content..
안녕하세요. 친절한효자손입니다. 2021년 5월 12일 쯤 티스토리 에디터가 또 한번 도약을 했습니다. 꾸준히 업데이트를 해줘서 무척이나 감사하긴한데 문제는 이번 업데이트로 인해서 문제점이 발생했습니다. 먼저 업데이트 내용을 살펴보고자 합니다. PC 기준으로 설명드립니다. 인용구 기능 추가 인용구는 원래 있었지만 새로운 한 가지 스타일이 추가되었습니다. 스타일은 아래와 같습니다. 각각 하나씩 순차적으로 적용시킨 결과입니다. 인용구입니다. 인용구입니다. 인용구입니다. 이렇게 세 가지입니다. 첫번째 인용구 스타일이 새롭게 추가된 것입니다. 참고로 첫번째 인용구 스타일을 적용시키면 글꼴도 변경됩니다. 스킨의 글꼴과 별개로 적용됩니다. 위의 인용구들을 HTML 코드로 살펴보겠습니다. 인용구입니다. 인용구입니다...
티스토리는 글로 만드는 창작 플랫폼입니다. 따라서 저작권은 기본적으로 에디터 본인에게 있습니다. 이러한 저작권자 표시를 본문 하단에 나타낼 수 있는 옵션이 있습니다. 그리고 글을 작성할때 해당 옵션에 대해 설정도 가능합니다. 상업적 이용에 대한 설정이나 콘텐츠 변경, 즉 2차 변형에 대한 설정을 하는 것입니다. 그러면 어디서 어떻게 설정하는건지 알아보겠습니다. 관리자에서 기본 설정하기 티스토리 관리자 화면의 모습입니다. 콘텐츠 > 설정으로 들어가보시면 오른쪽에 저작물 사용 허가(CCL) 표기에 대한 설정이 있습니다. 저는 기본적으로 출력되도록 설정했습니다. 그리고 상업적 이용 및 콘텐츠 변경을 모두 비허용했습니다. 이곳에서 전체적인 라이선스 설정을 하시면 됩니다. 글쓰기시 설정하기 글을 다 작성하고 오른..
안녕하세요. 친절한효자손입니다. 친효스킨 2.3 버전에 대한 일부 코드 수정 안내입니다. 치명적인 문제는 아닙니다. 본문 로딩 스크립트의 위치를 변경하고자 이렇게 안내를 드리려고 합니다. 본문을 다 로드 후 스크립트가 실행되다보니 바로 곰돌이가 보이지 않고 약 0.5초 정도 후 곰돌이가 보이는 문제를 수정했습니다. 위치를 옮기면 이제 로딩 스크립트가 바로 실행되고 본문 로딩이 모두 완료되면 곰돌이도 사라지게 될 것입니다. HTML 수정 방법 다음의 스크립트를 HTML 편집 화면에서 찾습니다. 위치는 바로 위에 있을 것입니다. 이것이 스킨 로딩과 관련된 태그 코드입니다. 이 코드를 모두 블록 처리하여 잘라내기(Ctrl+X) 합니다. 그리고 바로 뒤에 붙여넣기 해줍니다. 수정 완료 후의 모습입니다. 친효스킨..
제목만보고는 무슨 뜻인지 잘 모르실 수 있습니다. 예를 들자면 이런 경우입니다. 티스토리 글쓰기 메뉴 중에는 표 만들기가 있습니다. 그리고 표를 삽입하면 모든 셀이 동일하게 백그라운드가 텅 비어있는 상태입니다. 근데 보통 표를 만들때는 첫번째 줄에 어떤 메뉴 이름이 들어가곤 합니다. 가령 예를 들어서 시간표를 만든다고 가정한다면 첫번째 셀에는 월,화,수,목,금,토 같은 요일이 들어갈겁니다. 가장 왼쪽의 세로 셀은 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..