본문으로 건너뛰기 프로젝트 상담 신청

더블루캔버스 도구 소개 · 017 더블루캔버스 도구 워드프레스 공유 버튼

SNS SHARE로 워드프레스 글에 공유 버튼을 더하는 방법

읽는 데 약 4분 더블루캔버스

워드프레스 글에 공유 버튼을 무료로 더하려면 어떻게 하나요?

무료 워드프레스 플러그인 SNS SHARE의 ZIP 파일을 업로드해 활성화한 뒤, 설정에서 공유 채널과 버튼 순서, 본문 위·아래 위치, 모양과 크기를 고르십시오. 카카오톡, Facebook, X, Telegram, 네이버 밴드, 네이버 블로그, 링크 복사를 지원하며, 카카오톡 버튼은 JavaScript 키 입력과 사이트 도메인 등록이 따로 필요합니다.

핵심 요약

  • 더블루캔버스의 SNS SHARE는 워드프레스 글에 공유 버튼을 더하는 무료 플러그인이며, 개인 사이트와 상업용 사이트 모두 무료로 사용할 수 있습니다.
  • 카카오톡, Facebook, X, Telegram, 네이버 밴드, 네이버 블로그, 링크 복사 가운데 쓸 채널을 고르고, 버튼 순서와 본문 위·아래 위치, 모양과 크기를 설정합니다.
  • ZIP 파일을 업로드해 활성화하면 시작할 수 있고, 카카오톡 버튼에는 JavaScript 키 입력과 사이트 도메인 등록이 따로 필요합니다.

영상에서 보여 준 세 가지

영상은 무료 워드프레스 공유 플러그인 SNS SHARE의 핵심을 채널, 배치, 설치 순서로 소개합니다. 화면은 기능을 설명하기 위한 예시입니다.

장면보여 준 내용
채널카카오톡, Facebook, X, Telegram, 네이버 밴드, 네이버 블로그, 링크 복사를 연결합니다.
배치버튼 순서와 본문 위·아래 위치를 정하고, 모양과 크기를 사이트에 맞게 바꿉니다.
설치업로드하고 활성화하면 시작할 수 있으며, 카카오톡은 키와 도메인을 따로 설정합니다.

어떤 상황에 쓰는지

워드프레스 사이트의 글을 읽은 방문자가 그 글을 자주 쓰는 채널로 바로 공유할 수 있게 하고 싶을 때 쓰는 플러그인입니다. 소개 페이지는 공유 버튼을 보여 줄 콘텐츠로 게시물, 페이지, 커스텀 포스트 타입을 고를 수 있다고 안내합니다.

설정은 다음 항목으로 이루어집니다. 소개 페이지의 체험 화면은 배치를 미리 보는 용도이며, 실제 사이트에는 플러그인을 설치해 적용해야 합니다.

설정 항목고를 수 있는 것
공유 채널카카오톡, Facebook, X, Telegram, 네이버 밴드, 네이버 블로그, 링크 복사
버튼 순서끌어서 놓는 방식으로 변경, 모바일에서는 위·아래 버튼으로도 변경
버튼 위치본문 위, 본문 아래, 위와 아래 모두
정렬왼쪽, 가운데, 오른쪽
디자인아이콘과 이름 표시, 버튼 모양 3종, 크기 3종

시작하는 방법

더블루캔버스 홈페이지 상단의 PROGRAM 메뉴에서 SNS SHARE PLUGIN으로 들어가 플러그인을 내려받으실 수 있습니다. 설치는 세 단계입니다.

  1. 업로드하고 활성화: 내려받은 ZIP 파일을 워드프레스 관리자의 플러그인 새로 추가 화면에서 업로드한 뒤 활성화합니다.
  2. 설정: 설정의 SNS SHARE에서 채널과 순서, 위치, 디자인을 고릅니다. 미리보기를 보면서 조정할 수 있습니다.
  3. 확인: 설정을 저장한 뒤 실제 게시물을 열어 버튼이 원하는 위치에 표시되는지, 공유 링크가 정상으로 열리는지 확인합니다.

사용 방법과 환경

카카오톡 버튼은 별도 설정이 필요합니다. 카카오디벨로퍼스에서 JavaScript 키를 확인해 플러그인에 입력하고, 사이트 주소를 도메인으로 등록해야 합니다. 키가 없으면 카카오톡 버튼은 표시되지 않습니다.

소개 페이지에는 v2.4.0이 안내돼 있으며, WordPress 6.4 이상과 PHP 7.4 이상에서 사용할 수 있습니다. 기존 버전에서 올릴 때는 사이트를 백업한 뒤 새 ZIP 파일을 업로드해 기존 플러그인을 교체하라고 안내합니다.

영상 자막 전문 (5개 장면)

좋은 콘텐츠를 더 멀리

좋은 콘텐츠를 더 멀리. 무료 워드프레스 공유 플러그인, SNS SHARE를 소개합니다.

연결할 채널

카카오톡, Facebook, X, Telegram, 네이버 밴드와 블로그, 링크 복사까지 연결합니다.

순서와 위치

버튼 순서와 본문 위·아래 위치를 정하고, 모양과 크기도 내 사이트에 맞게 바꿉니다.

설치

업로드하고 활성화하면 시작할 수 있습니다. 카카오톡은 별도로 키와 도메인을 설정해야 합니다.

무료 제공

개인 사이트도 상업용 사이트도 무료입니다. 더블루캔버스에서 만나 보세요.

자주 묻는 질문

정말 무료로 사용할 수 있나요?

소개 페이지 기준으로 SNS SHARE 플러그인은 무료로 제공하며, 개인 사이트와 상업용 사이트에서 모두 사용할 수 있습니다.

카카오톡 공유는 어떻게 연결하나요?

카카오디벨로퍼스의 앱 플랫폼 키에서 JavaScript 키를 확인하고, JavaScript SDK 도메인과 제품 링크 관리의 웹 도메인에 사이트 주소를 등록한 뒤 플러그인에 키를 입력합니다. 키가 없으면 카카오톡 버튼은 표시되지 않습니다.

어떤 환경에서 사용할 수 있나요?

v2.4.0 기준으로 WordPress 6.4 이상, PHP 7.4 이상에서 사용할 수 있습니다. 모바일과 태블릿, 데스크톱 화면에 맞게 표시되므로 설치한 뒤 실제 기기에서도 버튼 위치와 공유 동작을 확인하시기 바랍니다.

사이트 디자인에 맞게 바꿀 수 있나요?

표시할 채널과 순서, 본문 위·아래 위치, 왼쪽·가운데·오른쪽 정렬을 설정할 수 있고, 아이콘과 이름 표시, 버튼 모양 3종과 크기 3종도 미리보기를 보면서 고를 수 있습니다. 그 밖의 조정은 워드프레스 테마의 추가 CSS 기능을 이용하라고 안내합니다.

워드프레스 글에 공유 버튼을 더해 보십시오

SNS SHARE는 개인 사이트와 상업용 사이트 모두 무료입니다. WordPress 6.4 이상, PHP 7.4 이상에서 사용할 수 있습니다.

SNS SHARE 살펴보기
BLUE POST SNS 채널에 동시 게시하고 예약하는 서비스입니다. RESPONSIVE CHECKER 같은 웹 개발 도구 메뉴에 있는 반응형 화면 점검 도구입니다.

다른 숏폼 인사이트

부재 안내에는 다음 영업일과 시각을 적습니다 숏폼 영상 표지

사장님 실무 1분

부재 안내에는 다음 영업일과 시각을 적습니다

업무시간 밖 자동 안내가 「확인 후 답변드립니다」에서 끝나면 고객은 기다릴지조차 정하지 못합니다. 달력에서 다음 영업일을 고르고 날짜와 시각을 적는 순서를 정리했습니다.

자세히 보기 →
BLUE JODAL로 나라장터 공고를 찾는 반복을 줄이는 방법 숏폼 영상 표지

더블루캔버스 도구 소개

BLUE JODAL로 나라장터 공고를 찾는 반복을 줄이는 방법

매일 같은 공고를 다시 찾고 계신가요? 검색 조건을 저장하고, 마감이 가까운 공고를 먼저 확인하고, 텔레그램으로 알림을 받는 순서를 짧은 영상으로 보여 드립니다. 검색은 회원가입 없이 할 수 있습니다.

자세히 보기 →
금액보다 먼저 물어야 할 조건이 있습니다 숏폼 영상 표지

사장님 실무 1분

금액보다 먼저 물어야 할 조건이 있습니다

사진 한 장과 얼마인가요 한 줄에 바로 금액을 답하면, 수량과 크기가 드러날 때마다 다시 안내하게 됩니다. 아는 것은 확인으로 두고 빈칸만 묻는 첫 답변 문장을 정리했습니다.

자세히 보기 →

숏폼 인사이트 전체 보기→