안녕하세요!
다시 돌아온 <티스토리 블로그 만들기>입니다!
지금까지는 엉망진창으로 만들어버린 티스토리를 복구하느라 바빴지만.. (엉망진창 티스토리 확인하기)
이제는 드디어 저희 티스토리를 조금 더 예쁘게 바꿔줄 수 있는 디테일 작업을 할 수 있게 되었습니다!!!
그래서 오늘은 [북클럽] 스킨의 세부 디테일들을 바꾸는 방법을 소개해드리겠습니다!
~~ 오늘의 주제~~
1. 블로그 프로필 원형으로 바꾸기
2. 글 제목 전체 표시하기
3. 글 목록 개수 조정하기
+꿀팁 (블로그 관리 홈 페이지 단축키)
1. 블로그 프로필 원형으로 바꾸기
제가 생각했을 때 블로그 프로필 크기를 줄여도 뭔가 못생긴 이유는 프로필이 사각형이라서 그런 것 같다는 생각이 들었어요.
<별 헤는 밤> 프로필 사진에는 귀여운 원형 모양의 별자리 친구가 있기 때문에, 프로필 형태도 원형이면 예쁠 것 같더라고요!
프로필을 원형 형태로 만들기 위해서는 블로그 관리 홈 페이지에서 [스킨 편집] - [HTML]로 들어가셔야 합니다.
그 후 [CSS]로 들어가셔서
1) CTRL + F로 #aside .sidebar-1 .profileBox 를 입력하여 찾고,
2) 마지막 문단에 아래의 코드를 입력하기
border-radius: 50% ;
위의 과정을 거치시면
아래 사진처럼 사각형의 프로필 사진 형태가 원형의 사진 형태로 바뀌게 됩니다!
조금 더 깔끔해진 것 같아서 기분이 좋네요.. 후후..
저처럼 프로필 사진이나 취향에 맞게, 원형 형태나 사각형 형태로 적용하시면 더 만족스러운 블로그 프로필을 얻게 되실 거랍니다!
+꿀팁 하나 : 블로그 관리 홈 페이지 단축키 Q
그리고 여기서 꿀팁 하나 알려드리자면, 티스토리 블로그 관리 홈페이지에 들어갈 때마다 프로필을 누르고, [관리] 버튼을 직접 누르는 대신에 블로그에 들어간 상태에서, 키보드로 'Q'를 누르시면 블로그 관리 홈 페이지로 넘어간답니다!
블로그 관리 홈 페이지에서 주로 [스킨 편집]을 자주 들어가기 때문에 알아두면 편리한 단축키랍니다!
2. 글 제목 전체 표시
두 번째로 바꾸고 싶은 디테일은 바로 글 제목 부분입니다!
저희 블로그를 보시면 아래 사진과 같이, 제목이 긴 경우 뒤에 부분이 잘려서 보이지 않는다는 문제점이 있더라고요..
<별 헤는 밤> 콘텐츠들의 경우 시리즈 제목을 우선 입력하고 (티스토리 블로그 만들기 등), 해당 포스팅의 주제와 관련된 제목(정사각형 프로필 설정하는 방법)을 입력하는 편이라서, 사실상 뒷부분에 더 세부적이고 중요한 정보가 포함이 되는 편이에요.
그런데 뒷부분이 잘리게 되면 실질적인 정보나 주제가 짤리게 되는 거라서 신경이 쓰였던 부분입니다. :(
이번에도 마찬가지로 [CSS]로 들어가시면 되는데요!
위에서 말씀드린 꿀팁을 토대로 블로그 홈 화면에서 'Q'를 입력하신 후 [스킨 편집]-[HTML]-[CSS]로 들어가시면 됩니다!
이후
1) CTRL + F로 'post-item .title'를 검색하고
post-item .title
2) white-space 부분에서 nowrap을 normal로 바꾸어 줍니다
normal
이 과정을 마치시면 잘렸던 제목이 모두 다 표시되는 것을 확인하실 수 있습니다.
3. 홈 화면 글 목록 개수 조정하기
마지막으로 변경할 부분은 홈 화면에 보이는 글 목록의 개수입니다.
<별 헤는 밤> 블로그를 보시면 스크롤을 내렸을 경우에 아래의 사진처럼 빈 공간이 많이 보이는 편입니다.
이런 경우 <별 헤는 밤>을 보러 오시는 분들이 한 화면에서 다양한 글을 확인할 수 없고, 다음 페이지를 눌러야 하는 번거로움이 있기 때문에
수정할 필요성을 느꼈던 부분이에요.
우선 [스킨 편집] 화면으로 들어갑니다!
이번에는 [HTML 편집] 대신에 현재 화면에서 맨 위에 보이는 [홈 설정] 부분만 수정해 주시면 됩니다!
1. [홈 설정]에서 [홈 화면 글 수] 조정하기
저는 한 화면에서 <별 헤는 밤> 글이 많이 보였으면 좋겠어서 8개로 조정했습니다.
이후 적용 버튼을 누르시고 확인하시면 홈 화면에서 8개의 글 목록이 보이는 걸 확인하실 수 있어요!
오늘은 이렇게 북클럽 스킨에서 더 세부적인 부분들을 수정해 봤는데요, 이런 요소들을 바꾸니까 블로그 전체의 가독성이 더 좋아진 기분이 드는 것 같더라고요!
다음에도 더 도움이 되는 정보들로 <티스토리 블로그 만들기>는 찾아오겠습니다..!!!
커밍쑨-⭐️
별 헤는 밤: 밤하늘, 별자리, 여행정보와 날씨예보까지 - Google Play 앱
오늘부터 별잘알! 오늘밤 별자리 정보, 날씨·광공해·월령까지 고려한 '관측적합도', 주변 관측지 검색으로 누구나 쉽게 밤하늘을 즐겨보세요.
play.google.com
'별밤 일지 > 기획' 카테고리의 다른 글
| [티스토리 블로그 만들기] 폰트 변경하는 방법 (0) | 2024.02.25 |
|---|---|
| [개발자와 화해하기] 데이터를 정리하는 법 (4) : 복잡한 가로/세로 데이터 변환 (0) | 2024.02.13 |
| [개발자와 화해하기] 데이터를 정리하는 법 (3) : 간단한 가로/세로 데이터 변환 (1) | 2024.01.09 |
| [티스토리 블로그 만들기] 북클럽 스킨 정사각형 프로필 설정 방법과 크기, 위치 변경하기 (0) | 2023.12.28 |
| [개발자와 화해하기] 데이터를 정리하는 법 (2) : B-tree 이해하기 (0) | 2023.11.21 |
