기능 및 디자인 설정

디자인 설정 > 서체 설정

라이브리 "댓글위젯"의 기능별 색상, 서체, 크기 등을 설정할 수 있는 메뉴입니다. [저장 후 미리보기] 버튼과 [내 사이트 반영] 버튼을 클릭함으로써, 실제 위젯에 반영할 수 있습니다. (!) 내 사이트에 반영하지 않은 미리보기 상태의 디자인은, 현재 예시화면에서만 보여지며, 실제 반영되지 않습니다. 그러므로, 저장할 때는 꼭 [내 사이트 반영] 버튼을 눌러주세요.
전반적인 서체/폰트/Font 를 설정할 수 있습니다. 현재 웹에서 가장 미려하고 가독성이 높은 [애플 고딕], [나눔 고딕], [프리텐다드] 폰트를 지원하고 있습니다. 간단하게 드롭다운 메뉴에서 선택하여 사용하실 수 있습니다.
[미리보기 (모바일 버전)] 영역은 설정하고, [저장 후 미리보기] 버튼을 클릭함으로써, 모바일 환경에서의 통상적인 가로폭 420px 가량의 UI(User Interface) 환경을 시연할 수 있습니다. 이로써 반복적인 테스트 없이도 손쉽게 원하는 디자인과 색상을 구현하실 수 있습니다.
[댓글 색상], [댓글 크기], [댓글 행간] 메뉴를 통해, 사용자가 남긴 댓글 문장 그 자체의 디자인을 변경할 수 있습니다.
사용자의 아이디/닉네임의 보여지는 색상을 변경합니다.
댓글의 개수 및 기본 UI의 색상을 변경합니다.
최신순/공감순 등의 "강조 색상"이 들어간 UI의 색상을 변경합니다.

색상 변경을 손쉽게 하는 방법은 "색상 팔레트" 탭을 참조해주세요.

디자인 설정 > 색상 설정 등

[라인 기본 색상] 댓글위젯에 그려진 라인/선들의 색상을 설정합니다.
[배경색] 댓글위젯의 기본 배경색을 설정합니다. 라이트/다크 모드를 고려하여 신중히 선택하세요.
[답글 배경 색상] 댓댓글/답글의 배경색을 구분하여 설정할 수 있습니다. 이 경우, 답글을 보다 돋보이게 할 수 있습니다.
[댓글 입력창 > 서체] 댓글위젯의 "댓글을 작성하는 영역"에 나타나는 글자의 색상을 고를 수 있습니다.
[댓글 입력창 > 라인] 댓글위젯의 "댓글을 작성하는 영역"에 나타나는 라인의 색상을 고를 수 있습니다.
[댓글 입력창 > 라인] 댓글위젯의 "댓글을 작성하는 영역"에 나타나는 배경 색상을 고를 수 있습니다.
[댓글 등록 버튼 > 서체] 댓글위젯의 [댓글달기] 버튼의 폰트 색상을 설정합니다.
[댓글 등록 버튼 > 라인] 댓글위젯의 [댓글달기] 버튼의 라인 색상을 설정합니다.
[댓글 등록 버튼 > 배경] 댓글위젯의 [댓글달기] 버튼의 배경 색상을 설정합니다.
[기본버튼 > 서체] 댓글위젯의 "댓글 목록이 나열되는 영역"에서 "답글/좋아요/싫어요를 제외한 일반적인 버튼"의 폰트 색상을 설정합니다.
[기본버튼 > 라인] 댓글위젯의 "댓글 목록이 나열되는 영역"에서 "답글/좋아요/싫어요를 제외한 일반적인 버튼"의 라인색상을 설정합니다.
[기본버튼 > 배경] 댓글위젯의 "댓글 목록이 나열되는 영역"에서 "답글/좋아요/싫어요를 제외한 일반적인 버튼"의 배경 색상을 설정합니다.
[답글/좋아요/싫어요 > 스타일] 댓글위젯의 "댓글 목록이 나열되는 영역"에서 "답글/좋아요/싫어요" 버튼 스타일을 표시합니다. 기본 "Text"로서 설정되어 있으며, 변경할 수 없습니다.
[답글/좋아요/싫어요 > 좋아요 수] 댓글위젯의 "댓글 목록이 나열되는 영역"에서 "좋아요/싫어요" 숫자의 색상을 설정합니다.
[답글/좋아요/싫어요 > 선택된 추천수] 댓글위젯의 "댓글 목록이 나열되는 영역"에서 "좋아요/싫어요" 버튼의 선택했을 때, 선택된 항목의색상을 설정합니다.
[수정됨 영역 > 서체] "댓글을 작성자가 수정한 경우, 수정된 댓글"의 서체 색상을 설정합니다.
[수정됨 영역 > 라인] "댓글을 작성자가 수정한 경우, 수정된 댓글"의 라인 색상을 설정합니다.
[수정됨 영역 > 배경] "댓글을 작성자가 수정한 경우, 수정된 댓글"의 배경 색상을 설정합니다.
[레이어 팝업 > 서체] 댓글위젯에 사용되는 "레이어 팝업"의 서체 색상을 설정합니다.
[레이어 팝업 > 라인] 댓글위젯에 사용되는 "레이어 팝업"의 라인 색상을 설정합니다.
[레이어 팝업 > 배경] 댓글위젯에 사용되는 "레이어 팝업"의 배경 색상을 설정합니다.
[초기화] 버튼으로 전체 설정을 디폴트 값으로 되돌릴 수 있습니다. 주의하여 클릭해주세요.
[저장 후 미리보기] 버튼으로 예시 위젯 디자인을 우측 또는 하단에서 확인할 수 있습니다. (!) 최종 반영을 위해서는 미리보기 영역의 [내 사이트 반영] 버튼을 눌러야 합니다.

댓글입력 및 표현 설정

[댓글입력 및 표현 설정 > 댓글 글자수 제한] 댓글 길이의 최소와 최대값을 설정할 수 있습니다. 통상 [최소] 수치를 너무 크게 입력하면, 사용자는 댓글을 길게 써야 하므로, 불편한 경험을 할 수 있습니다. 이를 참고하시어, 수치를 정하십시오.
[댓글입력 및 표현 설정 >댓글 리스트 댓글 수] 댓글위젯에서 출력되는 댓글 목록/리스트에서 보여지는 댓글 수를 설정할 수 있습니다. 또한 [댓글 줄] 설정을 통해, 하나의 댓글이 긴 문장일 경우, 몇 번째 줄까지 보여주고, 나머지는 "접힘"처리할지 정할 수 있습니다.
댓글 표현 방식은 [더보기] / [페이징]은 댓글 리스트에서 댓글이 10개를 넘어갈 때부터 동작합니다.
[댓글입력 및 표현 설정 > 댓글 표현 방식 > 댓글 리스트 표현 방식] 상기 "댓글 리스트 댓글 수"에서 설정한 댓글 수를 넘어가게 되면, [더보기] 버튼을 보여주어 위-아래로 펼치는 UI와, [1, 2, 3, ...] 등의 게시판 같은 [페이징] 방식으로 댓글 리스트를 표현할 수 있습니다.
[댓글입력 및 표현 설정 > 댓글 표현 방식 > 댓글 목록 정렬 노출 순서] 댓글위젯의 우측 상단에는 댓글 리스트를 정렬/Sorting 하는 기능이 있습니다. 댓글 작성시간을 기준으로 [최신순], [과거순]으로 나타낼 수 있고, 추천수/공감수가 높은 댓글을 먼저 보여주는 [공감순]이 있습니다. 해당 버튼을 드래그&드롭으로 좌↔우로 움직여 노출 순서를 조절할 수 있습니다.
[댓글입력 및 표현 설정 > 트위터 아이디 연동] 트위터/X 서비스의 경우, 댓글 내용 및 기사제목을 트위터 피드/Feed에 공유할 수 있습니다. 이 때, 댓글에 @특정계정 및 #해시태그를 추가할 수 있습니다. 이를 통해, 트위터/X로 댓글을 남길 때, 특정 트위터 계정을 소환하거나, 언론사 계정에 알림효과를 구현할 수 있습니다.
1. 예시 설정 (아래와 같이 설정했을 경우)
2. 예시 언론사 댓글위젯 화면
3. 예시 트위터/X 공유된 메시지 화면
(!) 모든 설정은 [저장 후 미리보기] 뿐만 아니라, [내 사이트 반영]까지 클릭해야 실제 반영됩니다.