워드프레스 SNS 공유 플러그인을 추가해 보았다. 직접 html이나 CSS 편집을 통해 만들어도 되고 나처럼 잘 모르면 편하게 SNS 공유 플러그인 설치를 하면 된다.
검색해 보면 korea sns라는 공유 플러그인이 있는데 카카오톡 공유 버튼을 만들기 위해서는 별도의 비용을 지불해야 한다.
비용이 19,000원이었는데 아무리 그래도 카톡 공유 버튼 하나 때문에 그 비용을 지불하는 건 좀 아닌 거 같더라.
크게 상관없다면 korea sns를 설치해도 된다.
워드프레스 SNS 공유 코스모스팜
1. SNS 공유 버튼 플러그인 설치
플러그인 검색에서 코스모스팜을 검색해 보면 소셜 공유 버튼 By 코스모스팜이라는 플러그인이 있다.
업데이트된 지는 좀 오래되었는데 일단 나는 해당 플로그인으로 설치했다.
설치 후 따로 세팅이라고 할 것도 없을 만큼 편하기는 하다. 포스트, 페이지, 요약 글 등 원하는 위치에 비활성화 / 활성화 유무로 SNS 공유 버튼이 노출된다.
정렬 위치도 선택하면 끝. 그리고 SNS 공유 버튼 중 쓸 것과 쓰지 않을 것을 선택하면 된다.
예를 들어서 페이스북, 트위터 공유가 의미 없다고 생각되면 체크를 하지 않으면 된다.
그리고 표시할 버튼과 순서에서 눈에 잘 들어오지는 않지만 해당 SNS 리스트를 드래그 앤 드롭 방식으로 위치 변경이 가능하다. (텍스트 부분을 끌어당기면 된다.)
2. 카카오톡 공유 버튼 설치
카카오톡 공유 버튼 활성화를 위해서는 자바스크립트 키를 입력해야 한다. 만약 입력하지 않으면 공유 실패로 뜨니 카톡 버튼을 만들 생각이라면 꼭 입력을 하도록 하자.
- 카카오 디벨로퍼 사이트에 접속 후 가입을 한다.
- 왼쪽 메뉴 플랫폼에서 web 사이트 정보를 입력한다. (heoja.info)
- 앱 키 메뉴에 보면 JavaScript 키가 나오는데 복사를 한다.
- 코스모스팜 SNS 공유 버튼 설정 화면에서 카카오톡 자바스크립트 키를 입력한다.
이렇게 하면 이 블로그에 있는 워드프레스 SNS 공유 버튼을 만들 수 있다.
3. 워드프레스 SNS 공유 버튼 위치 설정
앞에서 포스트나 페이지 등 작성한 글 화면에 SNS 공유 버튼을 설정할 수 있다고 했다.
그리고 필요에 따라서 글 목록 외 다른 위치에 SNS 버튼을 설치하고 싶을 수도 있다. 현재 이 블로그의 상단에 위치한 것처럼 말이다.
이때 활용하는 방법은 쇼트코드이다.
코스모스팜 SNS 공유 플러그인 설정 화면에 보면 숏코드 예제라고 표시되어 있는데 해당 코드를 그대로 복사하여 워드프레스 블록 쇼트코드에 입력을 하면 원하는 위치에 SNS 공유 버튼을 설치할 수 있다.
이 블로그의 헤더 SNS 공유 버튼을 예로 들면 이렇게 설정했다.
- 헤더 설정에 들어간다.
- 헤더에 위젯 메뉴를 추가한다.
- 위제 메뉴 설정에서 쇼트코드 블럭을 선택하여 SNS 공유 코드를 입력한다.
그리고 PC 화면은 상단 폭이 넓기 때문에 사이트 이름과 SNS 공유 버튼을 같은 곳에 위치해 두었다.
하지만 모바일에서 위치를 같게 할 경우 화면이 좁아서 일그러지는 현상이 나타나더라.
그래서 모바일만 헤더1 사이트명, 헤더2 SNS 공유 버튼 이렇게 나누어서 설정했다.
이런 부분은 자신의 블로그 디자인을 고려하면서 선택하면 되지 않을까.
중요한 것은 콘텐츠
사실 나도 워드프레스 SNS 공유 버튼이 확산에 큰 기여를 할 것이라고 생각하지는 않는다.
왜냐하면 정말로 공유하고픈 콘텐츠라면 공유 버튼 없어도 네이버나 다음, 크롬과 같은 브라우저 공유 버튼을 활용할 수 있기 때문이다.
그래도 또 한편으로는 좋은 게 좋은 거라고 눈에 보이면 좋을 거라는 생각으로만 설치를 했다. 참고적으로 모바일 화면에서 보면 SNS 공유 버튼 항목 간격이 전혀 없다는 단점이 있다.
카카오톡, 네이버 밴드 등 각 항목별로 간격이 조금 더 있으면 좋았을 거 같은데 그 부분이 아쉬운 점.
그 외에는 사용함에 있어서 불편함이 없으니 만약 워드프레스 SNS 공유 버튼 삽입을 원한다면 코스모스팜 플러그인을 설치해 보는 것도 좋은 선택이 될 것이다.
현재 이 플러그인을 설치하고, 하단 푸터에 쿠팡 파트너스 배너를 걸어둔 상태인데 pagespeed insight 속도는 100점이니 이 부분도 참고.
