안녕하세요. 밤샘입니다.
블로그 편집에 시간을 할애하기 어려운 상황이라서
우선, 구성 조건 3가지만 만족하기로 했습니다.
조건 1 카테고리 존재
조건 2 대표 이미지 정사각형(섬네일형)
조건 3 유튜브 채널 연결
★ 스킨 편집할 때 주의할 점 ★
운영 블로그에서 바로 편집하면,
잘못됐을 경우 되돌리기 어렵습니다.
테스트 블로그를 만들어서 먼저 적용해보세요.
그곳에서 테스트한 후 운영 블로그에 적용하면,
오류를 줄일 수 있어요.
| 스킨 결정
티스토리에서는 무료 스킨 10종을 제공합니다.
그중에서 조건 1 에 맞는 스킨은
[Book Club]과 [Square]였어요.
그런데 둘 다 조건 2 에 맞지 않았습니다.
대표 이미지를 정사각형으로 올리지 못하는 스킨이었거든요.
[Book Club] 스킨의 리스트 타입을
'베스트셀러'로 변경해서
일반 책 표지처럼 보이는 것도 괜찮았지만,
자리를 너무 많이 차지하더군요.
[Book Club] 스킨을 [섬네일형]으로 편집할까 하다가
[카테고리]를 편집하는 게 더 빠를 것 같아서
다른 스킨들을 적용해보기로 했습니다.
[Whatever] 스킨의 추가 설정에서
리스트 타입을 '섬네일형'으로 적용했더니 깔끔했습니다.
조건 2 완료!!
| 하단 사이드바에 카테고리 삽입
하단 [사이드바]의 [태그] 아래에 공간이 있어서
그곳에 [카테고리]를 삽입하기로 했습니다.
티스토리 스킨 가이드의 [카테고리] 부분을 참고했어요.
| 상단 메뉴에 카테고리 삽입
폴더형 카테고리를 사용하다가 나중에 보완할까 했지만,
아무래도 카테고리가 상단에 있는 게 나을 것 같아서
상단 [메뉴]에 카테고리 삽입하는 방법을 검색해봤습니다.
그러다가 원더바웃님의 포스팅을 찾게 되어
그대로 적용했어요. 정말 고맙습니다!!
세상엔 선한 능력자가 넘넘넘 많아요!!
1) 스킨 편집 - html 편집 - CSS 하단에 코드 붙여 넣기
먼저 CSS 하단에
whatever_nav.css 파일의 내용을 복사하여 붙여 넣습니다.
2) HTML - "##_blog_menu_##" 검색 - 그 위에 "##_category_list_##" 삽입
그다음에 HTML 창으로 이동한 후,
Ctrl+F 단축키를 활용하여
"##_blog_menu_##"를 검색합니다.
마지막으로 그 위에 "##_category_list_##"를 삽입하면,
상단 [메뉴]에서 [카테고리]를 확인할 수 있어요.
조건 1 완료!!
| 유튜브 채널 연결
[카테고리]를 삽입했던,
하단 [사이드바]의 [태그] 아래에
[소셜 채널]을 넣기로 했습니다.
URL은 텍스트에 연결하는 방법과
이미지에 연결하는 방법이 있습니다.
단, 새창으로 열리는 것이 효율적이므로
target="_blank"를 삽입하는 것이 좋습니다.
1) 텍스트에 연결
<a href="연결할 url" target="_blank">텍스트</a>
2) 이미지에 연결
<a href="연결할 url" target="_blank"><img src="./이미지 파일명" width="이미지 크기"></a>
단, 해당 이미지가 [파일업로드]에 있어야 합니다.
조건 3 완료!!
일단, 이렇게 구성했습니다.
운영하면서 차차 보완할 예정이에요.
이젠 어떤 콘텐츠부터 업로드할지 생각해봐야겠습니다.
방문해주신 모든 분들, 고맙습니다.
오늘 하루도 수고 많으셨어요.
'■ 밤샘연구소 > 티스토리(애드센스,애드핏)' 카테고리의 다른 글
| 티스토리 스킨 Whatever의 사이드바(SideBar) 폭 너비 변경 (0) | 2022.06.30 |
|---|---|
| 애드핏(Kakao AdFit)과 애드센스(Google AdSense) 한 번에 승인 - 게시글 작성 원칙 (0) | 2022.06.15 |
| 애드핏(Kakao AdFit)과 애드센스(Google AdSense) 한 번에 승인 - '애드고시'라고 하길래 겁먹었는데 다행!! 셀프 축하!! (1) | 2022.06.11 |
| 임시 저장된 내용을 불러오지 못했습니다 (0) | 2022.02.26 |
| 티스토리 타이틀 변경 (1) | 2022.02.19 |
