Accounted/Tistory Skin11 리스트 뉴북 설정, 카테고리 썸네일 정사각형으로 변경 (HTML, CSS) | 북클럽 스킨 커스터마이징 003 요약 블로그 관리 > 꾸미기 > 스킨 편집에서 홈 설정 아래에 있는 "기본 설정"과 "리스트" 설정을 했다. 카테고리 메뉴를 클릭하여 글 목록을 확인해보니, (홈 설정과 같이) 썸네일이 또 직사각형 모양이다. HTML과 CSS 수정을 통해 정사각형으로 변경했다. 기본 설정과 리스트 스킨 편집 화면에서 홈 설정 아래에 있는 "기본 설정"과 그보다 좀 더 많이 아래에 있는 "리스트" 설정을 변경했다. 우선, 기본 설정에서는 아래에서 보는 바와 같이 "글 목록 글 수"를 4개에서 5개로 수정했다. 기본 설정 부분보다 좀 많이 아래에 있는 리스트에서는 아래와 같이 리스트 타입을 뉴북으로 더보기 방식은 페이징으로 설정했다. 리스트 타입을 뉴북으로 선택한 이유는 홈 설정 > 커버 아이템의 뉴스레터와 레이아웃이 같았.. 2021. 10. 2. 커버 아이템 뉴스레터 설정, 썸네일 정사각형으로 변경 (HTML, CSS) | 북클럽 스킨 커스터마이징 002 요약 티스토리 블로그 관리 홈에서 꾸미기 > 스킨 편집을 클릭하면 새 창이 뜬다. 새 창의 오른쪽 화면에 있는 홈 설정에서 커버를 선택하고, 커버 아이템 추가를 눌러 뉴스레터를 추가했다. 저장 후에 바뀐 블로그 홈을 확인해보니, 뉴스레터의 썸네일 사진의 비율이 마음에 들지 않는다. HTML과 CSS를 수정하여 직사각형의 썸네일을 정사각형으로 변경했다. 홈 설정 스킨 편집을 클릭했을 때, 새 창의 오른쪽 화면에서 가장 상단에는 현재 사용 중인 스킨의 이름 (내 경우, Book Club) 이 나오고, 그 바로 아래에 "홈 설정"이 나온다. 홈 설정은 최신 글 또는 커버를 선택할 수 있는데, 북클럽 스킨의 기본 설정(default)이 "최신 글"로 되어 있고, 블로그 첫 화면의 본문 부분은 아래와 같이 보여진.. 2021. 10. 1. 메뉴 추가 및 삭제 | 북클럽 스킨 커스터마이징 001 요약 티스토리 북클럽 스킨에서 기본으로 설정되어 있는 메뉴를 삭제하고, home 메뉴와 tag 메뉴 사이에 각 카테고리의 모든 글을 볼 수 있는 메뉴를 추가했다. 기본 설정 메뉴 삭제 티스토리 북클럽 스킨은 홈, 태그, 방명록의 3개의 메뉴가 기본으로 설정되어 있다. 처음에는 이 중에서 사용하지 않기로 결정한 방명록만 삭제하려고 했다가 마음을 바꾸어 모든 기본 메뉴를 삭제하였다. 메뉴 삭제를 위해, "블로그 관리 > 꾸미기 > 메뉴"로 들어가면 아래와 같은 화면을 볼 수 있다. 여기에서 삭제할 메뉴 위에 마우스 커서를 올리면 오른쪽에 "삭제" 버튼이 활성화된다. 실수로 삭제하더라도 다시 추가할 수 있으니, 과감하게 "삭제" 버튼을 클릭하자. 메뉴를 삭제하고 나면, 그 아래에 활성화되는 "변경사항 저장" .. 2021. 9. 30. 티스토리 블로그 스킨 변경 (Poster > Book Club) 티스토리 블로그 스킨 변경 이유 티스토리 블로그의 시작은 Poster 스킨이었다. 티스토리 스킨 웹페이지에서 Poster 스킨을 "블로그 홈을 처음 접하는 초심자에게 추천합니다. 단정한 첫인상을 블로그에 입혀 보세요." 라고 소개했기 때문이었다. Poster 스킨을 선택 후, 마음에 들지 않는 부분은 html과 CSS 수정을 통해 조금씩 수정하면서 사용했다. 구글 애드센스를 신청하고 광고를 게재하면서 문제가 발생했다. Poster 스킨의 벽돌 리스트는 광고 없이 사용하기에는 너무도 깔끔했지만, 광고를 삽입하게 되면 아래 그림처럼 세상 보기 싫어졌다. 가장 큰 이유는 Poster 스킨을 사용하면서 수정했던 상단 메뉴바와 컨텐츠가 겹쳐지는 부분 때문이라고 생각한다. Poster 스킨에서 메뉴바와 컨텐츠가 겹.. 2021. 9. 22. 이전 1 2 다음 반응형