워드프레스 카카오톡 공유하기 버튼 추가하는 방법 1가지

현재 ‘서현 블로그’에는 네이버, 밴드, 라인, 페이스북 등 다양한 SNS에다가 해당 글을 공유하는 일명 공유하기 버튼을 추가 등록 해놓았습니다.

워드프레스 카카오톡 공유 버튼 추가하기
실제모습 : 포스팅 좌측 하단에 나옵니다.

html, css를 수정하거나 관련 ‘Korea SNS’ 플러그인을 설치하는 방법 등 다양한 방법이 있는데요, 일부 방법은 해당 기능을 사용하기 위해서 별도로 추가요금을 지불해야하는 등 비용이 발생하는 부분이 있어 꺼려졌었습니다.

오늘은 무료 플러그인을 사용하여 아주 손쉽게 ‘워드프레스 카카오톡 공유하기 버튼’을 추가하는 방법에 대해 안내드리겠습니다.

워드프레스 카카오톡 공유 버튼 넣는법

1)코스모스팜 플러그인 설치하기

워드프레스 카카오톡 공유 버튼 플러그인 설치

워프 블로그는 워드프레스 홈페이지 > 플러그인 > 새 플러그인 추가를 통해 다양한 플러그인의 설치가 가능한 점은 다들 알고 계실겁니다.

저희는 그 중 ‘소설 공유 버튼 By 코스모스팜’이라는 플러그인을 설치 해보겠습니다. 업데이트가 3년전에 불과하지만 Generate Press 유료 테마를 이용하여 설치된 제 블로그에도 정상적으로 작동하는 것을 확인할 수 있었습니다.

새 플러그인 추가 화면에서 ‘코스모스팜’을 검색하여, 위의 이미지와 같이 소셜 공유 버튼 플러그인을 설치 및 활성화 해줍니다.

소셜 공유 버튼 SNS 2

플러그인 > 설치한 플러그인에서 위의 이미지와 동일한 내용을 확인 후 ‘설정’에 들어가줍니다.

워드프레스 카카오톡 공유 버튼 플러그인 설정

다음과 같은 선택이 가능합니다. 비활성화, 상단 활성화, 하단 활성화 및 정렬위치의 선택이 가능합니다.

  • 포스트에 표시 : 포스트 일명 블로그에 올라와 있는 글을 나타냅니다.
  • 페이지에 표시 : 워프 내에 카테고리 글 외에 별도로 페이지가 존재할 경우에 사용하시면 됩니다.
  • 요약글에 표시 : 마찬가지로 워프 내에 요약글이 있을 경우 해당 요약글 밑에 버튼을 활성화 시키고 싶다면 선택하면 됩니다.
  • KBoard에 표시, 상품 상세페이지에 표시 : 둘 모두 해당이 없어 해당기능 사용하지 않습니다.

저는 5가지 중에서 ‘포스트에 표시’기능만 ‘하단 활성화’, ‘왼쪽 정렬’을 통해 활성화 하였으며, 아래에 위치한 변경사항 저장을 눌러 주었습니다.

2)표시할 버튼 선택하기

워드프레스 카카오톡 공유 버튼 설정 및 카카오 javascript키 추가하기

해당 플러그인은 네이버, 페북, 트위터, 밴드, 카카오스토리, 카카오톡, 구글+, 라인 버튼을 활성화 시킬 수 있는 기능을 제공합니다. 표시할 버튼을 체크하고 각 항목을 드래그하여 순서의 변경이 가능합니다.

버튼과 순서를 선택하고 난 이후에 카카오 JavaScript키를 넣어야 하는데요. 해당 부분은 아래의 글에 별도로 정리하여 놓았습니다.

공유하기 기본 이미지는 쉽게 말해, 어떤 이미지를 통해 공유하기 버튼을 활성화할꺼냐는 물음입니다. 당연히 카카오톡 이미지를 사용하시는게 좋겠죠? 해당 이미지는 아래의 네이버 블로그를 통해(카카오톡 로고.png) 다운받았습니다.

이후 이미지를 설정해주고, 공유 주소 타입은 ‘기본 주소’로 설정하여 변경 사항 저장을 누르면 제 블로그와 같이 공유하기 버튼이 활성화 됩니다.

🔎 내용이 도움 되셨나요? 다른 글도 읽어보세요.
자동차세 영업용, 비영업용 차량 구분하기
게임할때, 유튜브 볼 때 불편한 아이폰 하단바 없애기
반도체 유리기판 관련주는 무엇?

이 글이 유용 하셨나요?

평가 부탁드립니다❤

평균 평점 0 / 5. 투표 수 0

⭐가장 먼저 이 글에 대해 평가해주세요⭐

Leave a Comment

error: 우클릭 할 수 없습니다.