본문 바로가기
티스토리/· 티스토리 탐구

새로나온 스킨 Odyssey[오디세이] 살펴보자

by 닐기 2020. 9. 10.

 

티스토리에 새로운 스킨이 나왔다. 이름은 오디세이.

차근차근 살펴봤다. 살펴봄은 스킨편집 연습하는 테스트 블로그에서 해씀돠~

일단 맛을 보니 상당히 깔끔하고 지금 쓰고 있는 북클럽 스킨과 큰 차이는 없다.

그러나 오디세이가 더 이쁜 것 같아 수정을 거쳐 본블로그에 적용할 생각이다. 마음에 든다.

 

 

기본 화면

 

▲ 홈화면. 전체적인 모습이다.

 

 

본문 모습이다. 본문은 640px, 사이드바는 애드센스 넣기 좋게 300px 입니다.

 

 

사이드바 메뉴

사이드바 모듈. 달력이 있다.

 

 

썸네일 이미지 오류

오디세이에서 제일 의문이 가는 부분이다.

썸네일 위치가 아주 자유롭다???

 

아래에 보면 사진의 오른쪽이 잘리게 나온다. 중앙에 나오질 않는다.

그래서 얼만큼 잘리나 확인하기 위해 이미지에 선과 숫자를 넣고 적용 해봤다. 숫자는 1~0.

제일 위에 보면 이번엔 왼쪽이 잘려나온다.

근데 중간 사진을 보면 정확하게 딱 중앙에 왔다.

 

이리저리 열심히 수정하고 적용하기를 반복 해봤지만 왜 저렇게 나오는지 모르겠음요. 오류???

 

 

스킨 편집 - 기본 목록 스타일 4가지

본격적으로 스킨 편집에 들어가봤다.

 

기본설정 - 기본 목록 스타일

4가지가 있다.

베이직, 이미지 크기 고정, 이미지 비율 유지, 포스터.

베이직은 위에 보는 것 처럼 나오는거라 사진 생략.

이미지 크기 고정 타입.

목록의 썸네일이 엄청 크게 나오지만 왼쪽이 잘렸다.

이미지 비율 유지 타입

역시 큰 썸네일로 보여주지만 업로드한 비율 그대로 나온다. 이걸 쓰는게 맞다.

포스터 타입

 

 

스킨 편집 - 사이드바 형태

PC 레이아웃은 사이드바를 어케 보여줄지 설정 하는거다. 2단 우측은 기본이라 생략.

1단 서랍으로 하면 기본으로 보여주던 사이드바가 버튼 형식으로 바뀌어 보이지 않게 된다.

메뉴 버튼을 누르면 사이드바가 짠~ 나온다.

 

 

스킨 편집 - 내비게이션 표시

이번엔 내비게이션~

내비는 필요한 사람은 유용하게 쓴다 상단 메뉴라 생각하면 된다.

근데 이것도 좀 거시기 하다. 흠...

메뉴는 여기서 정하면 된다.

근디...

이게 뭔가?

메뉴 글자 위, 아래 여백 없이 회색선과 딱 붙어있다. html, css 수정 하면 되지만 그런걸 못 하는 사용자는 억수로 별로라 할 수 있겠다. 약간 실망...

 

 

이쁘게 꾸미기 - 슬로건

슬로건 섹션은 잘 쓰면 블로그가 아주 이뻐진다. (◕ㅁ◕✿)

'홈에서만 노출'과 '홈과 목록에서 함께 노출'을 알아보자.

다른 부분은 그냥 단순 입력이라 생략.

홈에서만 노출.

말 그대로 홈화면에만 나온다.

카테고리나 본문에서는 나오지 않는다.

홈과 목록에서 함께 노출은 이렇게 카테고리를 선택해도 슬로건이 표시된다.

 

 

이쁘게 꾸미기 - 배너

배너 섹션 또한 블로그를 이쁘게 꾸미기에 상당히 좋다.

이미지도 넣고 문구도 넣고 하이퍼링크도 할 수 있다.

이것 역시 홈, 홈+목록 노출이 있다.

적용 해보니 이렇게 나온다.

타이틀 - 슬로건 - 배너섹션 - 글 목록 + 사이드바

요런 순서대로 나온다. html 수정을 하면 순서를 바꿀 수 있을 것 같다.

 

 

마지막 - 꾸며보기 후 최종 적용

마지막으로 홈 설정 - 커버로 전체적인 디자인을 변경 해봤다.

 

 

상당히 마음에 든다.

 

 

아쉬운 점과 바란다능~ (ง •̀_•́)ง

 

'추가 해줬으면 하는'을 몇자 적어본다.

 

하나. 썸네일 위치 바꾸기 기능 - 좌/우

하나. 썸네일 모양 바꾸기 기능 - 사각형, 정사각형, 원형

하나. 사이드바 위치 - 좌/우

하나. 오디세이뿐 아니라 모든 스킨에 - 다크모드 지원

하나. 위로 가기 버튼이 음네

 

뭐 이정도만 해주시면 감사하고욤.

 

평점 7/10

 

반응형

댓글13

  • 무찌마 2020.09.20 10:04 신고

    좋은 정보 감사하게 잘 보았습니다.

    어차피 쓸만한 이미지를 많이 사용할 수 없으면,
    기존 스킨과 마찬가지로 수정을 해야 되네요.

    티스토리 스킨이 이미지 최적화 홈페이지를 데모로 보여 주는 실정이라,
    첫 눈에 보기에는 깔끔하고 화려하게 보이는 데 개인 사용자에게는
    수정할 요소가 많아 보입니다.
    답글

  • 무찌마 2020.09.20 10:28

    관리자의 승인을 기다리고 있는 댓글입니다
    답글

  • 노트32 2021.01.08 17:01 신고

    좋은정보 감사합니다ㅎㅎ 그런데 odyssey 최상단 header 배경색 수정은 어떻게 하셨나요...?
    답글

  • 노트32 2021.01.08 20:16

    관리자의 승인을 기다리고 있는 댓글입니다
    답글

  • Septen 2021.02.11 14:16 신고

    배너섹션과 슬로건 순서를 바꾸려고 하는데 혹시 HTML 몇문항인지 알고 계신가요?..
    답글

    • 닐기 2021.02.11 20:52 신고

      <s_if_var_headerbannerimage>내용</s_if_var_headerbannerimage>를 <s_if_var_headersloguntitle>위로 옮기시면 됩니다.

  • 허니바이브 2021.03.15 22:07 신고

    안녕하세요! 북클럽과 오디세이 중에 고민 중인데..오디세이에 대한 정보는 많이 없더라구요 ㅠ 이 둘 중에 그나마 애드센스 자동광고 적용 잘 되고 인피드, 전면 광고 잘 넣어지면서 로딩속도 괜찮은 스킨은 어떤 걸까요? 너무 고민이 됩니다 ㅠㅠ 왠만하면 정착하고 싶어서 신중하고 있는데.. 오디세이도 수정할 사항이 많을까요? 버그나..
    답글

    • 닐기 2021.03.15 22:29 신고

      티스토리가 제공하는 스킨은 최소한의 기능만 있어서 로딩속도 걱정 안하셔도 되고 로딩속도는 올리는 이미지 용량이 커서 느려지는거에요. 북클럽 업그레이드 버전이 오디세이 같습니다. 둘이 아주 흡사해요.

      근데 스킨 신경 쓰지마세요. 티스토리는 본문을 보러옵니다. 휴대폰에서 보면 스킨은 의미가 없습니다. 컴퓨터로 봐도 정말 특별한 스킨 아니고서야 홈화면 보는 사람 없어요.

      스킨은 본인 쓰기 편한게 제일 좋은 것 같아요.

      북클럽을 쓰고 있지만 약간의 수정을 한다면 오디세이 추천합니다.

    • 허니바이브 2021.03.15 22:33 신고

      답변 감사드립니다 ^^ 근데 저도 오디세이가 첨에는 좋아보였는데 미리보기로 적용해보니까 메인에서 썸네일 이미지 크기도 좀 작고(크기는 수정한다고 해도) 배경 이미지로 들어가다 보니 화질이 좀 흐리게 깨져서 보이더라구요 ㅠㅠ 이것도 수정할 수 있는 부분인가요? 그리고 검색해보니까 오디세이가 더 무겁다는 반응도 있고.
      저는 썸네일 이미지가 중요해서요!

      + 근데 북클럽 업그레이드 버전은 어디서 구하는 건가요? 그냥 티스토리 > 스킨 메뉴에서 적용하는게 최신 아닌가요?ㅠ

    • 닐기 2021.03.15 22:51 신고

      제가 말을 잘 못 했나보네요. 북클럽을 업그레이드 시킨게 오디세이다. 라는 말이었어요.

      저는 썸네일에 신경을 안 써서 그쪽으로는 잘 모르겠어요. ㅠㅠ 보시다시피 제목 뒤에 썸네일 신경 안 써서 크기를 줄였거든요.

  • J.YEOB 2022.05.13 17:12

    관리자의 승인을 기다리고 있는 댓글입니다
    답글