미니쿠파
미니쿠파
미니쿠파
전체 방문자
2,233,669
오늘
393
어제
686
  • 분류 전체보기 (131)
    • 휴대폰 (17)
      • 안드로이드 (9)
      • ios (5)
    • 소프트웨어 (36)
      • 앱 (5)
      • 프로그램 (12)
      • 사이트 (5)
      • 윈도우 (7)
      • 티스토리 (7)
    • 하드웨어 (37)
      • cpu (6)
      • 그래픽카드 (2)
      • 메인보드 (6)
      • 모니터 (4)
      • 스피커 (1)
      • 라즈베리파이 (6)
    • 개발 (19)
      • flutter (4)
      • node.js (3)
      • JS, 티스토리 (4)
      • 파이썬 (2)
      • 안드로이드 (6)
    • 게임 (17)
      • 마인크래프트 (10)
      • GTAV (6)
    • 뉴스 (6)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 개인정보처리방침
  • 책임한계와 법적고지

인기 글

  • 2022년 7월 AMD, 인텔 CPU 성능 순위표 (검색 ⋯
    2021.02.05
    2022년 7월 AMD, 인텔 CPU 성능 순위표 (검색 ⋯
  • 아주 쉬운 마인크래프트 텍스쳐팩, 리소스팩 적용법!
    2020.05.05
    아주 쉬운 마인크래프트 텍스쳐팩, 리소스팩 적용법!
  • 무료로 쉽게 할 수 있는 윈도우10 다운로드, 설치 방법!
    2020.03.12
    무료로 쉽게 할 수 있는 윈도우10 다운로드, 설치 방법!
  • 모니터 화면 크기, 비율 및 해상도 비교
    2020.01.24
    모니터 화면 크기, 비율 및 해상도 비교
  • 컴퓨터 reboot and select proper boo⋯
    2020.01.21
    컴퓨터 reboot and select proper boo⋯

태그

  • 성능
  • 바이오스
  • GTA5
  • CPU
  • 적용법
  • 라즈베리파이
  • 프로그램
  • 비교
  • 윈도우
  • 스펙
  • 설치
  • 윈도우10
  • 리뷰
  • 티스토리
  • 마인크래프트
  • 가격
  • 모드
  • 컴퓨터
  • 안드로이드 스튜디오
  • 모니터

최근 댓글

  • 무료로 사용가능합니다
    개발자
  • 얘는 지금 무슨 게임에 이상한 걸 넣고 자빠졌어 그냥! 조⋯
    타키
  • 뭉탱이로 있다가 유링게슝
    빈 돈통
  • 타지리 저작권 버전도 추가되었으면 좋겠다맨이야
    뭉탱아 영양제 먹어라
  • amd 칩셋 보드는 지원안하는거 같네요
    123

최근 글

  • GTA5 라디오로 듣고 싶은 노래 듣기! [셀프 라디오]
    2022.02.14
    GTA5 라디오로 듣고 싶은 노래 듣기! [셀프 라디오]
  • 메인보드 바이오스 업데이트 하는 법 (ASUS MSI 기가⋯
    2021.02.26
    메인보드 바이오스 업데이트 하는 법 (ASUS MSI 기가⋯
  • 윈도우10 안전모드로 부팅하는 6가지 쉬운 방법
    2021.02.15
    윈도우10 안전모드로 부팅하는 6가지 쉬운 방법
  • GTA5 온라인 팁! 빠르게 먼 거리를 순간이동 하는법 (⋯
    2021.02.12
    GTA5 온라인 팁! 빠르게 먼 거리를 순간이동 하는법 (⋯
  • 2022년 7월 휴대폰, AP 성능 순위표 (검색 가능)
    2021.02.08
    2022년 7월 휴대폰, AP 성능 순위표 (검색 가능)

티스토리

hELLO · Designed By 정상우.
미니쿠파

미니쿠파

티스토리 블로그 평점 댓글 리뷰등 위젯 모음, 달기 - widgetpack
소프트웨어/티스토리

티스토리 블로그 평점 댓글 리뷰등 위젯 모음, 달기 - widgetpack

2020. 5. 3. 10:00
반응형

블로그 평점 위젯 달기
블로그 평점 위젯 달기

티스토리 블로그 평점 댓글 리뷰 등 위젯 모음, 달기 - widgetpack

예전부터 블로그의 스마트폰이나, 앱, 사이트, 프로그램 등 리뷰글에 간단한 평점 위젯 같은걸 달아서 미리 간단하게 평점을 볼 수 있게 만들어 볼까라는 생각을 해왔었습니다. 직접 서버를 만들어서 구현을 하거나, 파이어베이스를 통해 구현을 해볼 생각도 잠깐 해봤지만 살짝 귀찮기도 해 가지고 이걸 구현한 서비스 같은 건 없는지 찾아보다가 widgetpack란 사이트를 찾게 되었습니다.

widgetpack 사이트는 댓글, 리뷰, 평점 등의 위젯들을 제공하고, 쉽게 블로그에 달 수 있어서 다른 분들도 이걸 이용해보시면 좋을 것 같아서 이번 글에선 widgetpack 사이트에 대해서 써보려고 합니다.

widgetpack 사이트 살펴보기

widgetpack 사이트widgetpack 사이트
widgetpack 사이트

widgetpack 사이트 바로가기

위 링크를 통해 widgetpack 사이트에 접속할 수 있습니다. 메인화면엔 다양한 위젯을 한 번에 사용할 수 있고, 무료이며, 설치하기 쉽다고 나와있습니다. 또한 스마트폰이나, 태블릿 같은 모바일 플랫폼에서도 잘 작동하고, 댓글, 평점에 대한 리치 스니펫을 제공한다고 합니다.

댓글, 평점에 대한 리치 스니펫은 구글 리뷰 스니펫을 참고해주시면 좋을 것 같습니다.

widgetpack 요금제
widgetpack 요금제

요금제도 무료, 플러스, 프로, 엔터프라이즈 등 여러 요금제가 있습니다. 요금제가 올라갔을 때 추가로 사용할 수 있는 기능들에 비해, 가격이 좀 높은 것 같다는 점은 살짝 아쉬운 것 같네요.. 무료 요금제의 경우는 사이트와 관리자를 최대 하나를 추가할 수 있다고 합니다.

widgetpack 데모widgetpack 데모
widgetpack 데모

Demo 탭을 클릭해서 댓글, 평점, 리뷰 등의 위젯을 볼 수 있습니다. Comments 버튼을 클릭해서 댓글 위젯을 보고, 댓글을 쓸 수 있으며 Reviews 버튼을 클릭해서 이런 리뷰 위젯을 보고, 남길 수 있습니다.

widgetpack 데모widgetpack 데모
widgetpack 데모

또한 Rating 버튼을 클릭해서 다양한 스타일에 평점 위젯을 보고, 남길 수 있으며 Google Reviews 버튼을 클릭해서 구글 리뷰 위젯을 볼 수 있습니다.

widgetpack에 블로그 추가하기

widgetpack 가입하기
widgetpack 가입하기

widgetpack 사이트의 여러 위젯들을 사용하려면 우선 가입을 해야 합니다. widgetpack 사이트의 우측 상단의 Sign Up 버튼을 클릭하면 나오는 Sign Up 창에서 가입을 진행하시면 됩니다.

widgetpack 사이트 추가
widgetpack 사이트 추가

가입을 완료하면 다음으로 Add new site 창이 나오는데, Site name에 자신의 블로그명을 http://domain에 자신의 블로그 주소를 입력하면 됩니다.

widgetpack 위젯 블로그에 달기

widgetpack admin 페이지widgetpack admin 페이지
widgetpack admin 페이지

회원가입을 하고, 자신의 블로그를 추가했다면 widgetpack admin 페이지로 자동으로 이동되는데 Site 탭에서 Moderators 버튼을 클릭해서 관리자를 추가할 수 있습니다. 다만 무료 요금제일 경우에는 관리자를 한 명 밖에 둘 수 없습니다.

widgetpack 단어 필터, 밴

또한 Site 탭에서 Word Filters, Banned 버튼을 클릭해서 특정 단어를 포함했을 땐 관리자의 승인을 기다리게 하거나, 특정 유저나 IP를 밴 할 수도 있습니다.

1. 댓글

widgetpack 댓글 위젯 설치widgetpack 댓글 위젯 설치
widgetpack 댓글 위젯 설치

우선 댓글 위젯부터 블로그에 다는 법을 알아보도록 하겠습니다. Comments 탭을 클릭하고 Install 버튼을 클릭하면 사진과 같이 html 코드가 나오게 되는데 이를 복사해서 블로그 글에 붙여 넣기 하면 위젯이 설치됩니다.

widgetpack 댓글 위젯 설치widgetpack 댓글 위젯 설치
widgetpack 댓글 위젯 설치

위젯은 다양한 블로그나, 사이트에 달 수 있지만 이 글에선 티스토리를 기준으로 위젯을 다는 법을 알려드리겠습니다. 우선 티스토리의 에디터에서 우측의 기본 모드를 클릭해서 HTML 클릭해주세요. 그리고 위에서 복사한 코드를 붙여 넣기 하시면 됩니다. 

widgetpack 위젯
widgetpack 위젯

댓글 위젯이 잘 설치된 모습입니다. 직접 평점과 댓글을 남길 수도, 다른 사람들의 평점과 댓글을 볼 수도 있습니다.

widgetpack 위젯 설정widgetpack 위젯 설정
widgetpack 위젯 설정

그리고 Comments 탭에서 Settings 버튼을 클릭해서 위젯 디자인이나, 로그인을 해야 댓글을 달게 할지 등 많은 설정을 할 수 있습니다. 그리고 Moderation 버튼을 클릭해서 이처럼 다른 사람들이 남긴 댓글들도 확인할 수 있습니다.

2. 리뷰

widgetpack 리뷰 위젯widgetpack 리뷰 위젯
widgetpack 리뷰 위젯

두번째로 알아볼 위젯은 리뷰 위젯입니다. Reviews 탭의 Install 버튼을 클릭하여 html 코드를 가져올 수 있습니다. 이 코드를 붙여 넣기 하면 우측 사진과 같이, 평점과 댓글을 같이 매길 수 있는 위젯이 나타나게 됩니다.

widgetpack 리뷰 위젯 설정widgetpack 리뷰 위젯 설정
widgetpack 리뷰 위젯 설정

settings, moderation 버튼을 클릭하여 리뷰 스니펫을 활성화 할 것인지, 기본 아바타는 뭘로 할 것인지, 그리고 평점 위젯 모습을 수정하거나 다른 사람들이 남긴 리뷰들을 볼 수 있습니다.

3. 구글 리뷰

widgetpack 구글 리뷰 위젯widgetpack 구글 리뷰 위젯
widgetpack 구글 리뷰 위젯

그다음은 구글 리뷰 위젯을 블로그에 달아보는 법에 대해 알아보겠습니다. 먼저 Google Reviews 탭을 클릭한 후 Install 버튼을 클릭하면 우측 사진과 같이 장소 리뷰를 가져올 창이 나타납니다. 여기서 장소를 검색한 후, 선택하고 'SAVE PLACE AND REVIEWS' 버튼을 클릭해 위젯 코드를 가져올 수 있습니다.

widgetpack 구글 리뷰 위젯widgetpack 구글 리뷰 위젯
widgetpack 구글 리뷰 위젯

'SAVE PLACE AND REVIEWS' 버튼을 클릭하면 Install to site 창이 나타나는데 여기서 Reviews list, Fixed badge, Inner badge 등 다양한 모습을 선택할 수 있습니다. 위의 댓글과 마찬가지로 이 코드를 복사 붙여 넣기 하여 우측 사진과 같이 구글 장소 리뷰를 볼 수 있습니다.

4. 평점

widgetpack 평점 위젯widgetpack 평점 위젯
widgetpack 평점 위젯

마지막으론 평점 위젯에 대해 알아보겠습니다. Rating 탭에서 다른 위젯들과 마찬가지로 Install 버튼을 클릭해서 html 코드를 가져올 수 있습니다.

widgetpack 평점 위젯
widgetpack 평점 위젯

html 코드를 복사해서 글에 붙여 넣으면 이처럼 평점을 잘 매길 수 있고, 잘 나오는 것을 확인할 수 있습니다. 저 밑에 'Star Rating WIDGET PACK' 글씨는 지워도 괜찮습니다.

widgetpack 평점 위젯 설정widgetpack 평점 위젯 설정
widgetpack 평점 위젯 설정

그리고 Settings, Moderation 버튼을 클릭해서 리뷰 스니펫을 활성화할 것인지, 투표 방식은 어떻게 할 것인지 그리고 평점 위젯의 모양을 수정하거나 다른 사람들이 매긴 평점들을 볼 수 있습니다.

widgetpack api
widgetpack api

widgetpack API 페이지

또한 widgetpack API 페이지에서 한 글에서 여러 개의 평점을 매기거나, 위젯을 커스텀하는 등 여러 가지를 할 수 있습니다.

반응형
    '소프트웨어/티스토리' 카테고리의 다른 글
    • 티스토리 글 백업 하는 법 - TistoryBackup 프로그램
    • 티스토리 블로그 소스코드 넣기 - hightlight.js 사용법
    • 티스토리 간단하게 페이지 무제한인 사이트맵 생성 만들기
    • 티스토리 구글 서치 콘솔(웹마스터 도구)에 등록, 사이트맵 제출
    widgetpack, 댓글, 리뷰, 블로그, 위젯, 티스토리, 평점
    미니쿠파
    미니쿠파
    IT 블로거, 앱 개발자 미니쿠파입니다. 블로그에는 주로 컴퓨터, 프로그래밍, 프로그램, 티스토리 관련 글을 올리고 있습니다.
    댓글쓰기
    티스토리 글 백업 하는 법 - TistoryBackup 프로그램
    다음 글
    티스토리 글 백업 하는 법 - TistoryBackup 프로그램
    티스토리 블로그 소스코드 넣기 - hightlight.js 사용법
    이전 글
    티스토리 블로그 소스코드 넣기 - hightlight.js 사용법

    티스토리툴바