반응형 ▸티스토리 이야기/•티스토리 꾸미기54 티스토리 꾸미기 | 북클럽 스킨 접은글[더보기] 버튼 꾸미기(최신버전) 접은글(더보기) 버튼 꾸미기티스토리에서 기본 제공하는 접은글은 가독성과 미적 측면에서 부족할 수 있습니다. 또한 본문과 접은 글의 경계가 불분명한 문제가 있습니다. 따라서, 접은 글의 CSS를 수정하여 글의 가독성을 높이는 작업을 통해 더 깔끔하고 읽기 쉬운 디자인을 구현할 수 있습니다. 접은글 미리보기 [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, 블로그 관리자 > 꾸미기 > 스킨 변경을 클릭합니다. 상단에 사용 중인 스킨을 확인할 수 있으며, [보관]을 클릭하면 됩니다. .. 2025. 1. 31. 티스토리 북클럽 스킨 본문 상단 제목의 배경에 고정 이미지 적용하기 #3 제목의 배경에 고정된 이미지 적용하기배경 이미지 설정: 한 번 설정해두면 깔끔한 제목 배경을 지속적으로 사용할 수 있습니다.일관된 적용: 설정된 제목 배경은 모든 글에 동일하게 적용되므로, 화려하거나 무늬가 있는 이미지보다는 깔끔한 원색 또는 어두운색 이미지를 추천합니다.이미지 선택: 배경 이미지를 설정하기 전에, 먼저 적절한 이미지를 선택해야 합니다. 이미지 크기는 가로 1280px 해상도가 적절하며, 더 큰 이미지는 괜찮지만 작은 이미지는 추천하지 않습니다..[📌코드 수정 시 주의사항은 아래 '더보기'를 참고 하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업.. 2025. 1. 30. 티스토리 북클럽 스킨 본문 상단 제목의 배경 이미지 삭제 및 배경색 변경 #2 본문 상단 제목의 배경 이미지 삭제 및 배경색 변경티스토리 북클럽 스킨의 본문 'post-cover'를 수정하는 이유는 다음과 같습니다:시각적인 일관성: 본문 첫 번째 이미지나 썸네일을 제목 박스의 배경으로 설정할 경우, 길쭉하게 잘린 이미지가 불규칙하게 보일 수 있습니다. 이를 수정함으로써 보다 깔끔하고 일관성 있는 시각적 경험을 제공할 수 있습니다.페이지 로딩 속도: 배경 이미지가 많은 경우 페이지 로딩 속도가 느려질 수 있습니다. 배경 이미지를 제거하면 페이지 로딩 속도를 향상시킬 수 있습니다.가독성 향상: 배경 이미지가 제목의 가독성을 저하할 수 있습니다. 특히, 이미지의 색상이나 패턴이 복잡할 경우 제목 텍스트가 잘 보이지 않을 수 있습니다. 배경 이미지를 제거하고 색상을 변경하면 제목의 가독성.. 2025. 1. 28. 티스토리 북클럽 스킨 본문 상단 제목 꾸미기 #1 북클럽 스킨 본문 'post-cover' 꾸미기티스토리 북클럽 스킨의 본문 'post-cover'를 수정하는 이유는 다음과 같습니다:시각적인 일관성: 본문 첫 번째 이미지나 썸네일을 제목 박스의 배경으로 설정할 경우, 길쭉하게 잘린 이미지가 불규칙하게 보일 수 있습니다. 이를 수정함으로써 보다 깔끔하고 일관성 있는 시각적 경험을 제공할 수 있습니다.페이지 로딩 속도: 배경 이미지가 많은 경우 페이지 로딩 속도가 느려질 수 있습니다. 배경 이미지를 제거하면 페이지 로딩 속도를 향상시킬 수 있습니다.가독성 향상: 배경 이미지가 제목의 가독성을 저하할 수 있습니다. 특히, 이미지의 색상이나 패턴이 복잡할 경우 제목 텍스트가 잘 보이지 않을 수 있습니다. 배경 이미지를 제거하고 색상을 변경하면 제목의 가독성을 .. 2025. 1. 28. 티스토리 꾸미기 | 북클럽 스킨의 댓글창을 말풍선 스타일로 꾸미기 북클럽 스킨 댓글창 말풍선 스타일로 꾸미기북클럽 스킨의 댓글창을 말풍선 스타일로 꾸미면 여러 가지 장점이 있습니다: 시각적 매력 증가: 말풍선 스타일은 깔끔하고 귀여운 느낌을 주어 댓글창을 시각적으로 더욱 매력적으로 만듭니다. 사용자들이 댓글을 읽고 작성하는 데 재미를 느낄 수 있습니다.가독성 향상: 말풍선 디자인은 댓글의 각 요소를 명확하게 구분해 주어 가독성을 높입니다. 사용자들이 댓글을 쉽게 읽고 이해할 수 있게 됩니다.사용자 참여 유도: 시각적으로 즐거운 댓글창은 사용자들이 더 많이 댓글을 남기고 상호작용하도록 유도할 수 있습니다. 이는 북클럽 커뮤니티의 활성화에 긍정적인 영향을 줄 수 있습니다.브랜드 일관성 유지: 말풍선 스타일을 통해 북클럽의 특정한 브랜딩 요소를 강화할 수 있습니다. 일관된 .. 2025. 1. 21. 북클럽 스킨 | 티스토리 '공감 버튼' 꾸미기 #2 북클럽 스킨 '공감 버튼' 꾸미기 #2다음은 간단한 CSS 편집을 통해 '공감 버튼'을 꾸미는 4가지 방법입니다. 각 방법은 #1과 #2로 나누어 설명하겠습니다.'공감 버튼' 꾸미기 #11. '공감 버튼'의 하트에 애니메이션 효과를 적용하는 방법. 2. '공감 버튼' 위쪽에 말풍선 모양을 추가하고 애니메이션 효과를 주는 방법.'공감 버튼' 꾸미기 #23. '공감 버튼'을 중앙으로 이동하는 방법.4. 중앙으로 이동한 '공감 버튼' 위쪽에 말풍선 모양을 추가하고 애니메이션 효과를 주는 방법. 참고로, 제가 사용하는 스킨은 북클럽 스킨이지만, 다른 스킨에서도 충분히 따라 할 수 있으니 참고해주세요! [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 .. 2025. 1. 20. 북클럽 스킨 | 티스토리 '공감 버튼' 꾸미기 #1 북클럽 스킨 '공감 버튼' 꾸미기 #1다음은 간단한 CSS 편집을 통해 '공감 버튼'을 꾸미는 4가지 방법입니다. 각 방법은 #1과 #2로 나누어 설명하겠습니다.'공감 버튼' 꾸미기 #11. '공감 버튼'의 하트에 애니메이션 효과를 적용하는 방법. 2. '공감 버튼' 위쪽에 말풍선 모양을 추가하고 애니메이션 효과를 주는 방법.'공감 버튼' 꾸미기 #23. '공감 버튼'을 중앙으로 이동하는 방법.4. 중앙으로 이동한 '공감 버튼' 위쪽에 말풍선 모양을 추가하고 애니메이션 효과를 주는 방법. 참고로, 제가 사용하는 스킨은 북클럽 스킨이지만, 다른 스킨에서도 충분히 따라 할 수 있으니 참고해주세요! [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 .. 2025. 1. 20. 티스토리 꾸미기 | 블로그 하단의 푸터 영역 꾸미기 #2 블로그 '푸터' 영역 꾸미기 #2푸터를 꾸미는 주요 이유▪ 정보 제공: 푸터에는 연락처, 사이트맵, 저작권 정보 등 중요한 정보를 포함할 수 있습니다. ▪ 브랜드 이미지 강화: 통일된 디자인과 색상 등을 사용하여 브랜드 이미지를 강화하고 일관성을 유지할 수 있습니다. ▪ SEO 향상: 푸터에 키워드를 포함한 텍스트를 추가하면 검색 엔진 최적화(SEO)에 도움이 될 수 있습니다.▪ 푸터를 잘 꾸미면 웹사이트의 전반적인 사용자 경험이 향상되고, 방문자들에게 긍정적인 인상을 줄 수 있습니다.이번에는 '푸터' 영역 꾸미기 #1에 이어 글 크기를 키우거나 로고를 추가하여 '푸터'를 더 스타일리시하게 꾸미는 방법에 대해 알아보겠습니다. '푸터 1'의 글 크기 변경하기푸터 1의 글 크기를 변경하는 방법은 HT.. 2025. 1. 15. 티스토리 꾸미기 | 블로그 하단의 푸터 영역 꾸미기 블로그 '푸터' 영역 꾸미기 #1블로그의 푸터(Footer)란 블로그 하단에 위치한 영역으로, 주로 저작권 정보나 사업자 정보 등을 표기하는 부분을 말합니다. 이 영역은 방문자들에게 중요한 정보를 제공할 뿐만 아니라, 블로그의 전체적인 디자인과 분위기를 완성하는 데에도 중요한 역할을 합니다. 티스토리 블로그의 경우, 기본 푸터 문구는 "Designed by 티스토리 (c) Kakao Corp."로 설정되어 있지만, 사용자의 취향에 맞게 수정할 수 있습니다. 이를 통해 블로그가 본인만의 개성을 표현할 수 있게 됩니다.내 블로그 관리 > 왼쪽 메뉴에서 꾸미기 > 스킨편집으로 들어가서 아래 부분의 푸터 문구 1과 푸터 문구 2를 수정해주면 됩니다. '푸터'의 기본 문구 변경하기푸터 변경하기:처음 블로그를 시.. 2025. 1. 13. 이전 1 2 3 4 ··· 6 다음 반응형
