티스토리 운영-잇11 티스토리 북클럽스킨 : 정사각형 썸네일로 바꾸기(베스트셀러) 북클럽 스킨은 '북리뷰, 베스트셀러, 뉴 북, 뉴스레터' 이렇게 4종류의 리스트 형식을 제공하고 있습니다. 취향에 따라 선택할 수 있지만, 모두 썸네일이 정방형이 아닌 직사각형으로 구성되어 있습니다. 오늘은 1:1 정방형으로 썸네일을 수정하는 방법을 소개하고자 합니다. 저는 오늘 베스트셀러 형식에서 소개하지만, 다른 리스트 형식(북리뷰, 뉴 북, 뉴스레터)에서도 똑같이 적용 가능합니다. 티스토리 북클럽 스킨 : 정사각형 썸네일 만들기 1. 정방형으로 이미지 불러오기 [관리] - [스킨 편집] - [html 편집] - [HTML] 순서대로 클릭 thumb 검색해서 근처의 C 230x300과 같은 형식을 찾아 C를 R로 바꾸고, 가로 세로 길이를 동일하게 모두 바꾸기 예를 들어 C 230x390를 R230x.. 2021. 9. 26. 티스토리 북클럽스킨 : 블로그 타이틀 변경하기(글씨체, 이미지) 안녕하세요, 오늘은 북클럽 스킨에서 블로그 타이틀을 변경하는 방법을 소개하고자 합니다. 북클럽 스킨에서 원하는 대로 블로그 화면을 구성하는 데에 도움이 되시길 바랍니다. 목 차 1. 원하는 글씨체로 변경 2. 원하는 문구로 변경 3. 원하는 이미지로 변경 티스토리 북클럽 스킨 : 블로그 타이틀 변경하기 1. 원하는 글씨체로 변경 구글 웹폰트에서 URL 및 폰트명을 복사한 후 [스킨 편집] - [html 편집], [CSS] : 원하는 웹폰트를 찾아서 URL을 복사한 후 HTML 및 CSS에 넣습니다. (지난 포스팅 참고 : 티스토리 전체 폰트 순식간에 바꾸는 방법) [CSS 120행 근처]에서 #header h1을 찾아서 아래와 같이 font-family에 폰트명을 넣습니다. #header h1 { pad.. 2021. 9. 25. 티스토리 기본 폰트(NotoSans, 나눔고딕) 적용하기 티스토리에서는 기본으로 '본고딕(Noto Sans), 나눔 고딕, 본명 조, 궁서' 이렇게 4가지 폰트를 제공하고 있습니다. 오늘은 티스토리 전체에 이 기본 폰트를 적용하는 방법을 소개하고자 합니다. Noto Sans 폰트를 적용하기 위해서 무려 폰트 이야기 총 4탄의 글이 이어졌습니다. 오늘 드디어 Noto Sans 폰트를 잇 플래닛에 최적화까지 고려하여 효과적으로 적용할 수 있을 것 같습니다. 저는 그렇다 보니 Noto San를 기준으로 설명하지만, 나눔 고딕에도 똑같은 방법으로 적용 가능합니다. 함께 소개하도록 하겠습니다! 티스토리 기본 폰트(Noto Sans, 나눔 고딕) 적용하기 1. Noto San KR (본고딕) 이란? 구글과 어도비가 합작으로 제작한 오픈 소스 폰트입니다. 2014년에 한국.. 2021. 9. 24. 티스토리에 폰트 직접 업로드해서 적용하기 티스토리에 폰트를 똑똑하게 적용하기 위한 방법을 공부하다 보니 내용이 계속 꼬리에 꼬리를 물고 여기까지 왔습니다. 지난 시간에 함께 살펴본 '최적화 방법'과 '추가로 조사한 내용'으로 직접 티스토리에 웹폰트 업로드하여 적용하는 방식을 소개하겠습니다. • 1탄: 티스토리 전체 폰트 순식간에 바꾸는 방법(기초편) • 2탄: 티스토리 웹폰트가 무거워요! 최적화 방법은?(개념편) • 3탄: 티스토리에 폰트 업로드해서 설정하기(적용편) • 4탄: 티스토리에 기본폰트(노토산스, 나눔고딕) 적용하기(실전편) 오늘 소개하는 '사이트에 직접 폰트를 업로드'하는 방법은 속도에 유리한 방법입니다. 단, 티스토리의 기본 폰트(본고딕-NotoSans, 나눔 고딕, 본명 조, 궁서)는 이미 티스토리에 폰트가 탑재되어 있기 때문에.. 2021. 9. 19. 티스토리 웹폰트가 무거워요! 최적화 방법은? 지난 시간에 웹폰트를 불러와서 티스토리에 적용시키는 방법에 대해 소개하였습니다. 사용자 컴퓨터에 해당 폰트가 없어도 나의 티스토리를 원하는 폰트로 보이도록 하기 위함이었습니다. 어떤 컴퓨터로 접속하여도 같은 폰트로 구현된 화면을 볼 수 있다는 것은 티스토리의 안정적인 화면 구성에 분명 도움이 될 것입니다. 하지만 웹 폰트를 티스토리에 적용하는 방식은 사이트 속도 최적화에 영향을 미칩니다. 한글 웹폰트가 보통 용량이 크기 때문입니다. 극명한 웹폰트 사용의 장단점이 있다고 느껴졌습니다. 결국 어떤 것을 감수하느냐의 문제이지 않을까 합니다. 저는 웹디자이너는 아니지만 폰트에 관심을 갖고 공부한 내용을 기억하고자 오늘은 웹폰트에 대한 이야기를 함께 해볼까 합니다. 그전에 먼저 웹폰트에 대해서 간단하게 살펴보겠습.. 2021. 9. 11. 티스토리 전체 폰트(글씨체) 순식간에 바꾸는 방법 현재 잇 플래닛은 Nato Sans KR 글꼴을 적용하여 사용하고 있습니다. 오늘은 자신이 원하는 폰트(글씨체)로 티스토리를 구성하는 방법을 소개하고자 합니다. 마음에 드는 폰트를 이미 결정하셨다면 CSS 편집을 활용하여 1분 만에 티스토리 전체에 적용 가능합니다! 티스토리 전체 폰트(글씨체) 바꾸는 간단한 방법 1. 웹폰트 주소 복사하기 구글 폰트 사이트의 경우 구글 폰트 사이트 (클릭하면 사이트로 이동)에서는 저작권 문제없는 무료 폰트를 볼 수 있습니다. 눈누 사이트의 경우 눈누 사이트 (클릭하면 사이트로 이동)에는 구글보다 더 많은 무료 폰트들이 있습니다. 다만 폰트 두께까지 세심하게 선택할 수는 없고, CSS 코드만 제공하여 HTML에 웹폰트 주소를 바로 붙여 넣을 수는 없습니다. ㆍ[모든 폰트].. 2021. 9. 9. 티스토리 북클럽스킨 : 본문 상단이미지 바꾸기(완전정복편) 무료 제공 스킨 및 금손 분들의 배포 스킨들을 살펴본 후 저는 북클럽 스킨에 정착하게 되었습니다. 그 이유는 디자인이 심플하였고, 홈 메뉴에서 해당 메뉴가 검은색 바로 표시되는 부분이 좋았으며, 본문 상단 이미지를 통해 해당 내용의 핵심 이미지를 전달하기 쉽다는 점, 많은 분들이 사용하여 다양한 사용법에 대한 글들이 있다는 점 등이었습니다. 하지만 직접 2달간 사용해보니 처음에 장점이라 생각했던 본문 상단 이미지가 가장 큰 단점이라고 느껴졌었습니다. 그 이유는 산만해 보이는 점, 썸네일에 사용되는 대표 이미지가 상단 이미지로도 사용되어 상단 이미지가 크게 확대되어 깨져 보인다는 점 등이었습니다. 다양한 방법을 탐색하여 결국 본문 상단 이미지를 바꾸는 방법에 대해서 알게 되어서 소개할까 합니다. 여러 가지.. 2021. 9. 8. 티스토리 글에 CCL 표시는 꼭 해야 하나 정성껏 열심히 작성한 내 글을 다른 사람들이 퍼다가 마음대로 사용을 한다면 속상할 수밖에 없습니다. 이러한 상황, 즉, 창작물의 저작권과 관련하여 오늘은 티스토리 각각의 글에 CCL 표시를 하는 방법에 대해 이야기하고자 합니다. 1. CCL이란 무엇일까? CCL이란, Creative Commons Lisense(크리에이티브 커먼 라이선스)의 약자로, 인터넷 창작물은 CCL을 통해서 저작물 권리를 표시하거나 사용 허락을 표시합니다. 이는 창작물에 대한 자유 이용을 허락하되 몇 가지 조건을 부가하는 방식의 이용 허락을 말합니다. 즉, 모든 사람들의 자유 이용을 허용하면서 대신 몇 가지 이용방법 및 조건을 부가하는 방식으로 개방적인 허락이라고 할 수 있습니다. 비영리단체인 사단법인 코드(클릭 시 홈페이지로 이.. 2021. 9. 6. 티스토리 초기 셋팅 톺아보기 (포스트 주소의 문자, 숫자 장단점까지) 오늘은 티스토리를 처음 개설하였을 때 세팅해야 하는 요소들을 소개하고자 합니다. 저의 첫 번째 티스토리 블로그는 매일 다양한 정보를 탐색하다가 발견한 내용을 수시로 조금씩 반영하여 티스토리를 세팅하였습니다. 물론 제가 그랬던 것처럼 발견할 때마다 중간에 하나씩 수정해도 됩니다. 하지만 처음에 세팅하면 글 작성에만 집중할 수 있다는 장점이 있습니다. 그래서 저의 두 번째 티스토리 블로그인 잇 플래닛을 개설하면서는 초기에 세팅을 할까 합니다. 모아서 한꺼번에 소개하고자 하니 처음으로 티스토리 블로그를 시작하는 분들께 소소하지만 도움이 되시길 바랍니다. 목 차 ① 닉네임 수정 ② 블로그 이름, 닉네임 수식어, 블로그 설명, 아이콘, 파비콘 ③ 포스트 주소 형식 ④ RSS 설정 1. 계정관리에서 닉네임 수정하기.. 2021. 9. 6. 이전 1 2 다음
