본문 바로가기

블로그

article-rep-thumbnail 티스토리 블로그 CCL 저작물 사용 허가 강제 표시 없애는 방법 이번 시간에는 티스토리 블로그 CCL 저작물 사용허가 강제 표시 없애는 방법 에 대해서 알아볼까 합니다. 정확히 언제부터인지 모르겠는데 CCL 표시를 허용한 적이 없는데 강제로 표시가 되고 있더라고요. 글쓰기 구 버전을 이용하다가 최근에 새 에디터를 다시 사용해 봤는데 그 비슷한 시점인 것 같기도 하네요. 새 에디터는 URL 삽입 시 오픈그래프 카드 자동 삽입 기능과 맞춤법 검사 기능 등 장점이 많지만 그 외에 폰트 크기와 줄 간격에 아쉬움이 많아서 사용을 하지 않고 있었습니다. 두 버전의 장점이 합해진다면 정말 좋을 것 같아요~ 자, 그럼 저작물 사용 허가(CCL)란 무엇인지 그 정의와, 표시 설정하는 방법, 강제로 표시된 경우 없애는 방법에 대해서 자세히 알아보도록 하겠습니다. 본문 하단 공감, 공유.. 2019. 9. 9.
article-rep-thumbnail 티스토리 블로그 Square 스킨 Recent posts 섬네일 오류 수정하기 WHATEVER 스킨에서 다시 Square 스킨으로 돌아왔습니다. 수정에 수정을 거듭한 것이 아까워 그대로 사용하고자 했지만, 아무래도 스킨 변경 후 여러모로 타격이 많은 듯하여 고민 끝에 원래 스킨으로 돌아왔습니다. 깔끔한 디자인은 WHATEVER 스킨이 마음에 들었지만, 여러 가지 부분을 고려하지 않을 수 없더라고요. WHATEVER 스킨은 서브 계정 만들 때 사용하도록 해야겠습니다. 스퀘어 스킨으로 돌아오고 나니, 또다시 문제에 직면했더랬죠. 스킨을 바꾼 이유 중에 하나가 Recent posts 섬네일 오류의 반복적인 문제였는데요. 섬네일 이미지가 출력되지 않고 빈 공간으로 보이는 오류죠. 이 부분을 수정해서 정상 출력되게 해놓으면 며칠 후에 다시 보이지 않고, 다시 수정하면 또 며칠 후에 보이지 .. 2019. 6. 10.
article-rep-thumbnail [Tistory Saver] 티스토리 게시글 백업 안전하게 해두자 !! 티스토리 블로그에 원래 있었던 백업 기능이 중단된 후에, 개인적인 다양한 방법으로 백업을 하고 계실 텐데요. 혹은 백업? 아예 생각조차 안 했던 분들도 계실 거예요. 저도 포스팅이 300~400개 정도가 되어가니까 이제서야 백업의 필요성을 좀 느끼게 되었어요. 초기에는 메모장에 복사해 두는 정도로 시작하다가, 어느새 아예 백업을 안 하고 있었거든요. 내 티스토리 블로그 계정에 아무런 문제가 생기지 않는다면 좋겠지만, 만일의 사태를 위해서 백업은 반드시 해두는 게 좋겠죠! 많은 시간과 정성을 들여서 발행한 콘텐츠가 몽땅 날아가는 대참사는 일어나서는 안되겠죠. 블로그 이사 안 하면 좋겠지만, 해야 할 상황이 올 수도 있으니까요 ㅠ_ㅠ 백업하는 방법은 다양한데, 오늘 소개해드릴 건 NeuroWhAI 개발자님의.. 2019. 6. 6.
article-rep-thumbnail F12 개발자 도구, 블로그 스킨 편집 CSS 위치 찾기 이전 포스팅에서 티스토리 블로그 WHATEVER 스킨 편집, 블로그 이름(타이틀) 글꼴 폰트 변경하기, 섬네일 리스트 2 글 '더보기' 색상 변경에 대해서 알아봤었는데요. 스킨을 수정할 때 색상, 글꼴 크기, 굵기, 여백 조정 등은 CSS 코드를 잘 알지 못해도 위치만 찾아내면 비교적 쉽게 할 수 있어요. 처음에는 이 코드들이 복잡하게 보여도 보면 볼수록 단순한 구조라는 걸 알 수 있어요. 개발자 도구를 이용해서 스킨 편집 CSS 코드를 쉽게 찾을 수 있는데, 이게 습관이 안 되어 있어서 알면서도 이때까지 별로 활용은 하지 않았어요. 이 부분 꼭 수정은 하고 싶은데, 대체 CSS에서 코드 위치가 어딘지 몰라서 한참을 헤매고 헤맨 적 있으실 거예요. F12 개발자도구 이용해서 쉽게 CSS 코드 위치를 찾아.. 2019. 5. 30.
article-rep-thumbnail 티스토리 WHATEVER 스킨 수정, 글 "더보기" 색상 변경하기 지난 포스팅에 이어 티스토리 블로그 WHATEVER 스킨 수정 계속 해볼게요. 글 "더보기" 글자 색상 변경과 마우스 커서를 올렸을 때 바뀌는 폰트 색상 변경하는 방법에 대해서 알아보겠습니다. WHATEVER 스킨의 커버는 슬라이더, 섬네일 리스트 1, 섬네일 리스트 2, 스페셜 콘텐츠, 와이드 패널이 있는데요. 저는 현재 슬라이더, 섬네일 리스트 2 두 가지를 사용 중입니다. 둘 다 "더 보기" 글자가 들어가는데, 이 폰트 색상이 연하고, 글꼴 크기가 작아서 수정하는 경우가 많은 것 같아요. 더보기 글자를 클릭할 수도 있지만, 대부분은 섬네일을 클릭하고 들어가는 경우가 많을 것 같아서 저는 별다른 수정 없이 그대로 사용하고 있습니다. 댓글로 문의하신 분이 계셔서 이 부분 색상 수정하는 방법을 알려드릴게.. 2019. 5. 30.
article-rep-thumbnail 티스토리 블로그 폰트(글꼴) 원하는 부분만 변경, 바꾸기 이번 시간에는 티스토리 블로그 폰트(글꼴)를 원하는 부분만 변경, 바꾸는 방법에 대해서 알아보도록 하겠습니다. WHATEVER 반응형 스킨의 ① 블로그 이름(타이틀) 폰트 변경하는 방법 과 ② 글 더보기 글자에 마우스를 올렸을 때 바뀌는 색상 변경 에 대한 댓글 문의가 있었어요. 우선 제가 사용하고 있는 WHATEVER 스킨 기준으로 설명드릴게요. 어떤 스킨을 사용하든 같은 방법을 적용하면 원하는 부분 폰트, 글꼴 수정은 어렵지 않게 하실 수 있습니다. 보통 블로그 전체 글꼴, 폰트 수정은 기본적으로 많이 하시죠. 저도 많은 분들이 사용하시는 나눔 고딕(Nanum Gothic)으로 변경하여 사용 중인데요. 블로그 이름(블로그명, 타이틀)이나 본문 제목 등 원하는 부분마다 다르게 글꼴 적용을 하고 싶을 때.. 2019. 5. 30.
article-rep-thumbnail 티스토리 WHATEVER 스킨 수정 ③ WHATEVER 반응형 스킨 수정 세 번째 시간이자 마지막 시간입니다. 25일 티스토리 4월 스킨 업데이트 소식이 있었는데요. 신규 스킨 Magazine이 나왔고, 기존 신규 스킨 4종(Poster, Letter, Whatever, Portfolio)에 대한 마이너 업데이트가 실시되었습니다. 글꼴과 이미지 크기, 스킨 요소들 사이의 간격 조절, 댓글 영역 모바일 대응, 플러그인 호환성 등을 개선했다고 하는데요. 별도의 HTML 수정을 하지 않은 경우엔 업데이트가 자동 반영되는데, 저는 우선 수정을 많이 했기 때문에 기존의 스킨을 저장 후 업데이트된 스킨으로 다시 적용을 해봤습니다. 개선된 부분을 확인 후 다시 수정된 스킨으로 돌아왔는데, 커버와 사이드바는 저장되지 않아서 리셋되어 버렸네요..ㅠ_ㅠ 귀찮지.. 2019. 4. 27.
article-rep-thumbnail 티스토리 WHATEVER 스킨 수정 ② 상단 메뉴 고정-본문 위치 아래로 이동 지난 시간에는 WHATEVER 스킨 상단바(상단 메뉴바, 헤더, HEADER) 고정하는 방법에 대해서 알아봤었는데요. 이번 시간에는 상단 메뉴 고정 후 필요한 추가 작업에 대해서 살펴보겠습니다. 헤더가 고정되면 그 높이만큼 겹쳐지는 부분이 생기는데요. 메인 커버, 카테고리 목록 (리스트형 or 섬네일형), 본문 화면에서 이 부분을 수정해줄 거예요. 가려지는 상단 메뉴바 높이만큼 위치를 아래로 이동시켜보겠습니다. 그리고 본문 제목 폰트 사이즈, 색상 변경, 줄 간격 수정 등을 해보겠습니다. 제목이 들어가는 부분은 기본적으로 3줄로 구성되어 있는데요. 카테고리명, 제목, 닉네임으로 되어 있습니다. 그 줄 간격을 수정해 볼 거예요. 첫 번째, 커버 화면은 설정에 따라서 다를 텐데 저 같은 경우 저는 슬라이더가.. 2019. 4. 24.
article-rep-thumbnail 티스토리 WHATEVER 스킨 수정 ① 상단바 (헤더, HEADER) 고정하는 방법 WHATEVER 스킨으로 교체한지 얼마 되지 않았는데, 다른 분들이 사용하시는 스킨을 구경하다 보니 마음에 드는 스킨이 참 많네요. 그중에서 "고래의 개인노트" 운영자님이 무료 배포 중이신 스킨이 딱 마음에 들었어요. 스킨 수정 작업하느라 애를 많이 먹었는데 또 바꿔야 하나 고민을 좀 했습니다. 하지만 모바일 버전에서는 WHATEVER 스킨이 조금 더 마음에 들어서, 우선은 그대로 가는 걸로 결정했습니다. 이번 시간에는 상단바(상단 메뉴바, 헤더, HEADER) 고정하는 방법에 대해서 알아볼 텐데요. 본문 글을 다 읽은 후 메뉴를 클릭하기 위해 상단으로 다시 올라가야 하는 것은 참 불편한 일이죠. 헤더를 고정하거나 아니면 본문 맨 아래에 위로 가는 화살표 버튼을 생성해줄 필요가 있겠습니다. 우선, 처음 .. 2019. 4. 22.