큐널 스킨 설명서

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

기본 설정 부분까지 스크롤을 내립니다.

기본 설정 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

글 목록 글 수

글 목록 글 수를 쓰면
홈 화면을 제외한 메인 섹션의 글 목록에 보여줄 글이 몇 개일지를 정할 수 있습니다.

목록 구성 요소

목록만, 내용만, 목록+내용
홈 화면을 제외한 메인 섹션의 글 목록을 목록 스타일이 적용된 목록으로만 보이게 할 지, 글 화면의 내용으로만 보이게 할 지, 아니면 둘 다 보이게 할 지를 선택할 수 있습니다.

태그 클라우드 순서

인기순, 이름순
/tag 주소로 들어가거나 상단 메뉴의 '태그'를 눌러서 들어간 화면에서는 지금껏 글에서 사용한 모든 태그를 볼 수 있는데요, 이 태그를 자주 사용한 인기순으로 보이게 할 지, 아니면 가나다, ABC 순서인 이름순으로 보이게 할 지를 선택할 수 있습니다.

기본 목록 스타일

배너, 컴퓨터 파일 목록, 작은 사진 텍스트(작은 목록형), 사진 텍스트(큰 목록형), 카드(노출 타일형), 인스타그램(완전 타일형), 포스터(완전 타일형), 사용자화 목록 스타일 1, 사용자화 목록 스타일 2, 사용자화 목록 스타일 3
목록 구성 요소를 내용만으로 설정했을 때 메인 섹션의 모든 글 목록에 기본적으로 적용되는 목록 스타일을 선택할 수 있습니다.
큐널 베이직 스킨에서는 글의 가장 하단에 보이는 카테고리의 다른 글 목록도 이 기본 목록 스타일을 따라갑니다.

큐널 베이직 스킨에서는 기본 목록 스타일에서 아쉬웠던 부분을 가볍게 보완하거나 매우 세부적으로 사용자화하는 것이 가능합니다. 심지어는 카테고리 별로 다른 목록 스타일을 쓰는 것도 가능하답니다.
목록 스타일을 가볍게 보완하고 싶으시다면 여기를
사용자화 목록 스타일에 대해 알아보시려면 여기를
카테고리 별로 다른 목록 스타일을 사용하고 싶으시다면 여기를 눌러주세요.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

홈 설정 부분을 봅니다.

홈 설정 부분의 스킨 옵션은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.
이 글에서는 최신 글을 선택했을 때를 기준으로 설명해 드립니다.
커버를 설정하는 법을 알고 싶으시다면 여기를 눌러주세요.

홈 화면 글 수

홈 화면 글 수를 쓰면
홈 화면에 보여줄 글이 몇 개일지를 정할 수 있습니다.

목록 구성 요소

목록만, 내용만, 목록+내용
홈 화면의 글 목록을 목록 스타일이 적용된 목록으로만 보이게 할 지, 글 화면의 내용으로만 보이게 할 지, 아니면 둘 다 보이게 할 지를 설정할 수 있습니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

테마 부분까지 스크롤을 내립니다.

테마 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

테마

라이트 테마, 세피아 테마, 다크 테마, 시스템 설정 따르기
테마를 선택할 수 있습니다. 각각의 테마를 이용하여 블로그를 다른 느낌으로 꾸밀 수 있습니다. 시스템 설정 따르기를 선택하면 사용하는 컴퓨터나 휴대폰에서 다크 모드를 설정하면 라이트 테마에서 다크 테마가 자동으로 전환됩니다.

라이트 테마 기본 글씨 색상

라이트 테마를 적용한 블로그의 전체 글씨 색상을 설정할 수 있습니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

1. 스킨 옵션에 네이버 아이디 쓰기

먼저, 큐널 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

네이버 이웃 구독 부분까지 스크롤을 내립니다.

네이버 아이디에 내 네이버 아이디를 씁니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

2. 네이버 이웃 구독 설정

https://qunulist.tistory.com/5로 간 후, 내 네이버 아이디를 입력해주고 위를 가리키는 초록색 화살표 버튼을 누릅니다.

로그인 화면이 뜨면 아이디 란에 내 네이버 아이디를, 비밀번호 란에 내 네이버 비밀번호를 입력하고 '로그인'을 누릅니다.

위젯을 추가로 설치할 내 블로그 주소 입력 란에 아까 전에 네이버 이웃 구독 기능을 사용하려고 아이디를 입력했던 블로그 주소를 입력하고 오른쪽의 '+이웃커넥트 위젯추가'를 누릅니다.
이것을 누르고 나면, 이웃커넥트 위젯코드가 생성되었습니다. 라는 화면이 뜨는데 이 화면에 나타난 코드는 사용하지 않으니, 무시해도 됩니다.

모든 준비가 끝났습니다.
이제 로그인되지 않은 사용자에게 구독하기 버튼이 네이버 이웃 구독 버튼으로 보여집니다.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

배치 부분까지 스크롤을 내립니다.

배치 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

상단 메뉴

고정, 고정 안 함, 가리기
상단 메뉴를 고정하거나 고정하지 않거나 사용하지 않는다면 가릴 수 있습니다.

양옆 꽉 찬 상단 메뉴

양옆 꽉 찬 상단 메뉴를 켜면
상단 메뉴의 양옆이 화면 가장자리로 착 달라붙습니다. 이로서 메뉴를 더 넓게 사용할 수 있게 됩니다.

사이드바 위치

왼쪽, 오른쪽, 아래쪽
사이드바의 위치를 왼쪽이나 오른쪽, 아래쪽으로 설정할 수 있습니다.

독립 사이드바

독립 사이드바를 켜면
사이드바 위치가 왼쪽이나 오른쪽일 경우, 내용과 독립적으로 스크롤되는 사이드바를 만들 수 있습니다.

글과 목록 너비 px

글과 목록 너비 px에 값을 쓰면
글과 글 목록, 태그 목록, 댓글과 방명록 목록의 너비를 픽셀 단위로 설정할 수 있습니다.
너무 작은 값은 블로그의 전체 배치가 한눈에 안 들어오게 할 수 있으니 값이 500 이하가 되지 않도록 써주세요.

넓은 미디어 너비 사용

넓은 미디어 너비 사용을 켜면
글의 사진, 동영상 등의 미디어와 타일형 글 목록을 글과 목록 너비와는 독립적인 너비로 설정할 수 있습니다.

넓은 미디어 너비 px

넓은 미디어 너비 px에 값을 쓰면 넓은 미디어 너비 사용이 켜져 있을 경우, 미디어의 독립적인 너비를 픽셀 단위로 설정할 수 있습니다.
넓은 미디어 너비 px의 값은 글과 목록 너비 px의 값보다 반드시 커야 합니다.

사이드바 모듈 너비 px

사이드바 모듈 너비 px에 값을 쓰면
사이드바 위치가 왼쪽이나 오른쪽일 경우 모듈의 너비를 픽셀 단위로 설정할 수 있습니다.
너무 큰 값은 블로그의 전체 배치가 한눈에 안 들어오게 할 수 있으니 글과 목록 너비 px의 값보다 작게 써주세요.

티스토리 메뉴바

티스토리 메뉴바를 켜면
티스토리에서 기본적으로 제공하는 메뉴바를 보이게 할 수 있습니다.

티스토리 구독 버튼

티스토리 구독 버튼을 켜면
티스토리에서 기본적으로 제공하는 구독 버튼을 보이게 할 수 있습니다.

티스토리 주소로 보기 버튼

티스토리 주소로 보기 버튼을 켜면
2차 도메인을 설정한 블로그일 시 로그인 관련 기능을 사용할 수 있도록 하단에 티스토리 주소로 보기 버튼이 표시됩니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

상단 메뉴 부분까지 스크롤을 내립니다.

상단 메뉴 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

배경 색상

배경 색상을 설정하면
상단 메뉴의 배경 색상을 내가 원하는 색상으로 꾸밀 수 있습니다.

배경 사진

배경 사진을 설정하면
상단 메뉴의 배경 색상을 내가 원하는 사진으로 설정할 수 있습니다.

글씨 색상

글씨 색상을 설정하면
상단 메뉴 글씨의 색상을 내가 원하는 색상으로 꾸밀 수 있습니다.

블로그 이름 색상

블로그 이름 색상을 설정하면
상단 메뉴의 블로그 이름의 색상을 내가 원하는 색상으로 꾸밀 수 있습니다.

로고 사진

로고 사진을 이미지 업로드하면
상단 메뉴에 블로그 이름 대신 로고 사진을 표시할 수 있습니다.
로고 사진을 이미지 업로드 하실 때 사진의 세로 너비를 아래의 로고 px 크기의 2배로 설정하시면 또렷한 로고를 설정하실 수 있습니다.

로고 사진 크기

아주 작게(세로 17px), 작게(세로 24px), 크게(세로 32px)
상단 메뉴의 로고 사진 크기를 아주 작게, 작게, 혹은 크게 설정할 수 있습니다.

로고와 블로그 이름 함께 사용

로고와 블로그 이름 함께 사용을 켜면
상단 메뉴의 로고와 블로그 이름을 같이 보이게 할 수 있습니다.

대한민국 국경일에 태극기 로고로 달기

대한민국 국경일에 태극기 로고로 달기를 켜면
대한민국 국경일에 태극기를 블로그 로고로 달 수 있습니다.

검색 기능

검색 기능을 끄면
상단 메뉴의 검색 기능을 가릴 수 있습니다.

관리/로그인 버튼

관리/로그인 버튼을 끄거나 켜면
상단 메뉴의 관리/로그인 버튼을 안 보이게 하거나 보이게 할 수 있습니다.

글쓰기/구독하기 버튼

글쓰기/구독하기 버튼을 끄거나 켜면
상단 메뉴의 글쓰기/구독 버튼을 안 보이게 하거나 보이거나 할 수 있습니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

글 부분까지 스크롤을 내립니다.

글 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

상단 글 버튼

상단 글 버튼을 켜면
글 제목 바로 아래에 공감, 공유 등의 기능이 포함된 글 버튼을 표시할 수 있습니다. 글 하단의 글 버튼과 동일한 기능을 합니다.

목차

목차를 켜면
글의 상단에 목차를 표시합니다. 주요 제목이 모두 목차에 표시됩니다.

글 상단 대표 사진

작은 배너, 양옆 꽉 찬 배너, 화면 가득 배너, 가리기
글 상단의 제목의 배경으로 글의 대표 사진을 표시할 수 있으며 표시되는 방식을 선택할 수 있습니다.

글 상단 글씨 가로 정렬

왼쪽, 가운데, 오른쪽
글 상단 글씨의 가로 정렬을 선택할 수 있습니다.

글 상단 카테고리

제목 위, 제목 아래, 가리기
글 상단의 제목 주변, 글이 위치해 있는 카테고리 표시를 세부적으로 조정할 수 있습니다.
제목 위로 표시하거나 제목 아래로 표시하거나 아예 가릴 수도 있습니다.

글 상단 글 쓴 날짜

제목 위, 제목 아래, 가리기
글 상단의 제목 주변, 글 쓴 날짜 표시를 세부적으로 조정할 수 있습니다.
제목 위로 표시하거나 제목 아래로 표시하거나 아예 가릴 수도 있습니다.

글 상단 댓글 개수

제목 위, 제목 아래, 가리기
글 상단의 제목 주변, 댓글 개수 표시를 세부적으로 조정할 수 있습니다.
제목 위로 표시하거나 제목 아래로 표시하거나 아예 가릴 수도 있습니다.

글 상단 글 작성자

제목 위, 제목 아래, 가리기
글 상단의 제목 주변, 글 작성자 표시를 세부적으로 조정할 수 있습니다.
제목 위로 표시하거나 제목 아래로 표시하거나 아예 가릴 수도 있습니다.

글 상단 제목 위 맨 왼쪽 글씨

카테고리, 날짜, 댓글 개수, 글 작성자
제목 위에 있는 글씨 중, 맨 왼쪽 글씨를 선택할 수 있습니다.

글 상단 제목 아래 맨 왼쪽 글씨

카테고리, 날짜, 댓글 개수, 글 작성자
제목 아래에 있는 글씨 중, 맨 왼쪽 글씨를 선택할 수 있습니다.

슬라이드쇼 비율

각 미디어 크기 맞춤, 정방향(1:1), 가로 4:3, 가로 16:9, 가로 16:10
에디터를 통해 첨부할 수 있는 요소 중, 여러 개의 사진을 슬라이드 형식으로 볼 수 있는 슬라이드쇼라는 이름의 요소가 있습니다.
이 슬라이드쇼의 기본 비율을 선택할 수 있습니다.

티스토리 새에디터 span #333333 색상 무효화

티스토리 새에디터 span #333333 색상 무효화를 켜면
티스토리 새에디터의 버그로 span 태그에 #333333 색상이 적용되던 것을 무효화시킬 수 있습니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

스크롤을 내려 댓글과 방명록 부분으로 갑니다.

댓글과 방명록 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

댓글 접기

댓글 접기를 켜면
댓글을 기본적으로 접힌 상태로 이용할 수 있습니다.

프로필 사진 가리기

프로필 사진 가리기를 켜면
댓글과 방명록의 프로필 사진을 가릴 수 있습니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

스크롤을 내려 목록 스타일 부분으로 갑니다.

목록 스타일 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

타일형 배치

2단, 3단, 4단
위에서 보셨던 타일형 글 목록 형태인 카드, 인스타그램, 포스터를 2단에서 4단까지 배치를 조절하실 수 있습니다.

완전 타일형 모바일 배치

글씨와 사진이 있는 2단, 사진만 있는 3단
완전 타일형에 해당하는 인스타그램과 포스터 글 목록을 모바일에서 글씨와 사진이 있는 2단이나 정말 인스타그램 같이 사진만 있는 3단으로 설정하실 수 있습니다.

목록형 왼쪽 사진

위에서 보셨던 목록형 글 목록 형태인 작은 사진 텍스트와 사진 텍스트의 사진을 왼쪽으로 위치시키실 수 있습니다.

제목 색상

모든 글 목록의 제목 색상을 설정하실 수 있습니다.

내용 색상

모든 글 목록의 내용 색상을 설정하실 수 있습니다.

카테고리 색상

모든 글 목록의 카테고리 색상을 설정하실 수 있습니다.
사용자화 글 목록 기능을 이용하시면 카테고리를 글 목록에 보이게 하실 수 있습니다.
자세한 정보는 사용자화 글 목록 꾸미기를 참고해주세요.

글 쓴 날짜 색상

모든 글 목록의 글 쓴 날짜 색상을 설정하실 수 있습니다.

댓글 개수 색상

모든 글 목록의 댓글 개수 색상을 설정하실 수 있습니다.
사용자화 글 목록 기능을 이용하시면 댓글 개수를 글 목록에 보이게 하실 수 있습니다.
자세한 정보는 사용자화 글 목록 꾸미기를 참고해주세요.

글 작성자 색상

모든 글 목록의 글 작성자 색상을 설정하실 수 있습니다.
사용자화 글 목록 기능을 이용하시면 글 작성자를 글 목록에 보이게 하실 수 있습니다.
자세한 정보는 사용자화 글 목록 꾸미기를 참고해주세요.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

큐널 베이직 스킨에서는 목록 스타일을 이미 만들어진 디자인에서만 선택하는 것을 넘어, 아쉬웠거나 더 추가되었으면 하는 부분들을 직접 세부적으로 사용자화 할 수 있습니다.
이 글에서는 큐널 베이직 스킨의 스킨 옵션을 통해 목록 스타일을 세부적으로 사용자화 하는 방법에 대해 알려드립니다.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

스크롤을 내려 위에서 선택한 사용자화 목록 스타일 1이나 사용자화 목록 스타일 2, 또는 사용자화 목록 스타일 3 부분으로 갑니다.
큐널 베이직 스킨에는 각각 사용자화가 가능한 목록 스타일이 3개 존재합니다. 3개의 사용자화 목록 스타일은 모두 스킨 옵션 자체는 동일하기 때문에 그중, 사용자화 목록 스타일 1 부분을 기준으로 설명해 드리겠습니다.

사용자화 목록 스타일 부분의 스킨 옵션들은 다음과 같습니다.
이제 스킨 옵션들을 하나하나 설명해드리겠습니다.

형태

작은 목록형, 큰 목록형, 노출 타일형, 완전 타일형
먼저 사용자화 글 목록의 형태를 결정합니다.

타일형 배치

2단, 3단, 4단
타일형 글 목록 형태를 2단에서 4단까지 배치를 조절하실 수 있습니다.

완전 타일형 모바일 배치

글씨와 사진이 있는 2단, 사진만 있는 3단
완전 타일형의 글 목록을 모바일에서 글씨와 사진이 있는 2단이나 사진만 있는 3단으로 설정하실 수 있습니다.

목록형 왼쪽 사진

목록형 글 목록 형태의 사진을 왼쪽으로 위치시키실 수 있습니다.

노출 타일형 아래쪽 사진

노출 타일형 형태에서 글 목록의 사진을 아래쪽으로 위치시키실 수 있습니다.

사진 비율

정방향(1:1 인스타그램), 가로 4:3, 가로 16:9, 가로 16:10, 세로 3:2(포스터), 가리기
사진의 비율을 설정하거나 아예 보이지 않게 가릴 수도 있습니다.

사진 없이 프레임 유지

사진 없이 프레임 유지를 켜면
사진이 없을 때도 사진 형태의 프레임을 유지할 수 있습니다.

내용

내용을 켜거나 끄면
글 목록의 내용을 보이게 하거나 가릴 수 있습니다.

카테고리

제목 위, 제목 아래, 맨 아래, 가리기
글 목록의 카테고리 글씨 위치를 설정하거나 아예 보이지 않게 가릴 수도 있습니다.

글 쓴 날짜

제목 위, 제목 아래, 맨 아래, 가리기
글 목록의 글 쓴 날짜 글씨 위치를 설정하거나 아예 보이지 않게 가릴 수도 있습니다.

댓글 개수

제목 위, 제목 아래, 맨 아래, 가리기
글 목록의 댓글 개수 글씨의 댓글 개수 위치를 설정하거나 아예 보이지 않게 가릴 수도 있습니다.

글 작성자

제목 위, 제목 아래, 맨 아래, 가리기
글 목록의 글 작성자 글씨 위치를 설정하거나 아예 보이지 않게 가릴 수도 있습니다.

제목 위 맨 왼쪽 글씨

카테고리, 날짜, 댓글 개수, 글 작성자
제목 위에 있는 글씨 중 맨 왼쪽 글씨를 선택할 수 있습니다.

제목 아래 맨 왼쪽 글씨

카테고리, 날짜, 댓글 개수, 글 작성자
제목 아래에 있는 글씨 중 맨 왼쪽 글씨를 선택할 수 있습니다.

맨 아래 맨 왼쪽 글씨

카테고리, 날짜, 댓글 개수, 글 작성자
맨 아래에 있는 글 씨 중 맨 왼쪽 글씨를 선택할 수 있습니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.

큐널 베이직 스킨에서는 카테고리 별로 다른 글 목록을 설정할 수 있습니다.
이 글에서는 큐널 베이직 스킨에서 카테고리 별로 다른 글 목록을 꾸미는 방법을 알려드립니다.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

콘텐츠의 '카테고리 관리'를 누릅니다.

목록 스타일을 설정하고자 하는 카테고리 위에 마우스를 올리고 '관리'를 누릅니다.

목록 스타일을 선택하고 '확인'을 누릅니다.
사용자화 목록 스타일에 대해서 잘 모른다면 여기를 눌러 자세히 알아보세요.

그리고 꼭! '변경사항 저장'을 눌러줍니다.

큐널 베이직 스킨에서는 커버 기능을 설정하여 나만의 홈 화면을 꾸밀 수 있습니다.
이 글에서는 큐널 베이직 스킨의 커버 기능을 통해 나만의 홈 화면을 꾸미는 방법을 알려드립니다.

먼저, 큐널 베이직 스킨을 적용한 블로그의 관리 화면으로 갑니다.

꾸미기의 '스킨 편집'을 누릅니다.

홈 설정의 '커버'를 누릅니다.

'+ 커버 아이템 추가'를 누릅니다.

커버 아이템 추가를 눌러 커버 아이템을 선택해줍니다.
사용자화 목록 스타일에 대해서 잘 모른다면 여기를 눌러 자세히 알아보세요.

타이틀이 필요하다면 타이틀을 적어줍니다.

콘텐츠를 눌러 표시될 콘텐츠를 선택합니다.
콘텐츠를 '최신 글'로 선택하면 글 설정 부분의 카테고리에서 각각의 카테고리 별 최신글을 설정할 수 있으며 글 수에서 표시될 글 수를 설정할 수 있습니다.
콘텐츠를 '글 선택'으로 선택하면 아래의 글 추가 영역에서 글을 선택해서 추가할 수 있습니다.
보호되어 있거나 비공개인 글은 추가할 수 있는 글에서 제외됩니다.
콘텐츠를 '직접 입력'으로 선택하면 입력한 글 목록 부분의 '새 글 추가'를 누른 후 타이틀과 내용 URL, 이미지를 각각 설정할 수 있습니다.
콘텐츠를 '인기 글'로 선택하면 글 설정 부분에서 기준에서 '주회수 많은'이나 '댓글 많은' 순으로 인기글을 설정할 수 있으며
글 수를 선택할 수 있습니다.

다른 커버 요소들을 더 추가하고 싶다면 이것을 똑같이 반복하면 됩니다.

다 설정했다면, 꼭! 상단의 '적용'을 눌러주세요.