티스토리 생존기

[9] 티스토리 발행 시각 숨기기

티스토리 블로그에는 발행 일자와 발행 시각이 함께 표시됩니다. 발행 시각까지 보여질 필요가 있을까 싶어 발행 시각은 숨겨 두었습니다. 검색해보면 발행 일자까지 없애는 경우도 있지만 날짜는 두는 것이 좋겠다는 생각이 들어서 시각만 숨겼습니다. 방법은 아주 간단하니 아래 내용을 잘 살펴보시고 적용하시기 바랍니다. 티스토리 발행 시각 숨기기 1) 스킨 편집> html 편집 2) Ctrl f 를 눌러 _article_rep_date 검색 저는 총 8개가 검색됩니다. 3) rep과 date사이에 _simple 추가 기존 코드: _article_rep_date_ 변경 코드: _article_rep_simple_date_ 모든 검색결과에 _simple을 추가합니다. 저는 총 8번을 넣어 주었습니다. 여기까지 따라하시..

2023. 4. 18.

티스토리 생존기

[8] 티스토리 링크버튼 만들기

티스토리는 다양한 코드 편집을 통해 블로그 꾸미기의 자유도가 높다는 것이 장점입니다. 저만 해도 코딩 관련으로는 까막눈이지만 많은 능력자분들이 계셔서 도움을 받아가며 조금씩 블로그를 커스텀하고 있습니다. 오늘 알려드릴 내용은 티스토리에서 링크버튼을 만드는 방법입니다. 저도 처음에는 링크를 안내하고 싶을 때 [여기]를 클릭하라거나 이미지 배너를 만들어 안내하고는 했습니다. 하지만 [여기]를 클릭하여 유도하는 방법은 글의 전문성이 없어 보였고, 이미지 배너를 만드는 것은 매 번 배너를 만드는 것이 번거로웠습니다. 이럴 때 사용하면 좋은 것이 바로 링크버튼입니다. 티스토리 링크버튼 만들기 1) 링크버튼이란 티스토리 블로그를 운영하다 보면 방문자에게 더 많은 정보를 주기 위해서 링크를 연결하는 경우가 참 많습니..

2023. 4. 17.

티스토리 생존기

[7] 티스토리 고래스킨 폰트 변경하기

정보를 공유하는 블로그에서 가장 중요시 해야 할 것은 가독성이라 생각합니다. 그런 의미에서 티스토리의 기본 서체는 가독성이 꽤나 좋은 편입니다. 하지만 비슷한 글이라도 특별한 폰트로 작성한 글은 전문적인 느낌이 나는 반면, 기본 서체로 써진 글은 전문성이 떨어지는 느낌이 들었습니다. 그래서 저는 평소 가독성이 좋다고 생각했던 폰트인 '리디바탕'으로 블로그 전체의 폰트를 바꾸어 주었습니다. 티스토리 고래스킨 폰트 변경하기 1) 폰트 고르기 저는 웹사이트 '눈누'에 소개된 폰트를 둘러보았습니다. 눈누에서 폰트를 고를 때 가장 중요한 것은 허용 범위를 임베딩으로 설정해주어야 한다는 것입니다. 다음은 제가 보면서 가독성이 좋다고 생각한 폰트들입니다. 저는 이 중에서 '리디바탕'체를 선택했습니다. 눈누 폰트 구경..

2023. 4. 13.

티스토리 생존기

[6] 티스토리 고래스킨 소제목 스타일 변경하기

제 블로그에는 티스토리 고래스킨이 적용되어 있습니다. 깔끔하고 군더더기없는 고래스킨을 만들어 심지어 무료로 배포해주시다니, 항상 감사하며 사용하고 있습니다. 티스토리 고래스킨을 사용하면서 느낀 점은 소제목이 조금 아쉽다는 것이었습니다. 제목1, 제목2, 제목3 스타일이 동일하고 폰트의 크기도 같아 가독성이 좋지 않다고 느꼈습니다. 다행히도 구글 검색을 통해 마음에 드는 소제목 스타일을 찾아 적용하였습니다. 이 자리를 빌어 감사드립니다. 능력자님이 만들어 주신 코드에 제가 조금 손을 본 것입니다. 이번 포스팅에서는 티스토리 고래스킨 소제목 스타일을 변경하는 방법에 대하여 알아보겠습니다. 아주 간단합니다. 티스토리 고래스킨 소제목 스타일 변경하기 1) 현재 적용된 소제목 스타일 현재 저의 블로그에 적용된 소..

2023. 4. 12.

티스토리 생존기

[5] 티스토리 고래스킨 사이드바 고정하기 sticky

모바일에서는 해당이 없지만 나는 대부분의 작업을 PC로 한다. 이런 저런 자료를 찾다보면 블로그 스크롤을 내려도 사이드바는 내려오지 않고 잠깐 정지했다가 게시글이 끝나갈 때 쯤에 사이드바가 함께 움직이는 블로그가 꽤 많았다. 이게 어떤 효과지? 알아본 결과, 스크롤과 상관 없이 사이드바를 고정할 수 있는 코드가 있다는 것을 알게 되었다. 고래스킨 사이드바 고정하기 1. 관리> 스킨편집> html 편집> CSS 선택 2. Ctrl f를 눌러 검색창 활성화 3. #container #main #sidebar를 검색 #까지 모두 검색어입니다! 4. 아래와 같이 flex로 시작되는 코드 찾기 5. flex부터 지우고 다음과 같은 코드 추가 자세한 문의 사항은 고래스킨 개발자의 블로그를 참고하시기 바랍니다. 고래..

2023. 4. 12.

티스토리 생존기

[3] 티스토리 고래스킨 설정하기

티스토리 스킨 설정하기 원래는 여느 초보 블로거와 같이 북클럽 스킨을 사용했다. 북클럽 스킨은 깔끔하기도 하고 사용하는 분들이 많아 html 수정을 할 때 검색하여 도움 받기가 용이했다. 그런데 뭔가 부족한 이 느낌.. 블로그를 키우려면 글을 하나라도 더 써야 하는데 하루종일 예쁜 스킨, 스킨 설정 방법만 찾고 있다. 소형 블로그라 이 블로그를 많이 찾아주시도 않는데 말이다. 그래도 내 마음에 들게 블로그를 꾸미면 글을 쓰고 싶어지는 마음이 강렬하게 들거라 자기합리화하며 스킨 변경을 감행하기로 한다. 결국 고래스킨 무료스킨을 찾아 헤매는 하이에나마냥 거의 모든 티스토리 무료 스킨을 쥐잡듯 검색했다. 몇 가지 설정해 봤지만 결국 정착한 것은 고래스킨이다. 1. 군더더기 없이 깔끔하다. 2. 많은 분들이 사..

2023. 4. 10.