Image8

Korea SNS는 기본적으로 포스트나 페이지 또는 요약글 위아래에 배치된다.

글 주변이 아닌 헤더 상단이나 맨 하단 등에 위치하려면 PHP 소스코드를 수정해야 하는데 개발자가 아닌 경우 어려움이 많다.

위젯에 쇼트코드를 사용하여 Korea SNS 버튼을 추가하는 방법을 정리하였다.

설명에 사용된 테마는 기본 포함 테마인 Twenty Sixteen 이다. 다른 테마도 위젯이 있는 경우 응용할 수 있다.

스크린샷 2016-05-09 오전 10.02.31

우측 사이드바 최상단에 공유 버튼을 추가해 보려고 한다.

 

위젯에 쇼트코드 허용하기

아래는 위젯 설정 화면이다. 데쉬보드->외모->위젯에 위치해 있다.

스크린샷 2016-05-09 오전 10.00.16

“텍스트” 아이템을 사이드바 그룹 “검색” 바로 위로 드래그앤 드롭 해보자.

컨텐트 항목에 아래 처럼 쇼트코드를 추가하고 저장하기를 누른다.

스크린샷 2016-05-09 오전 10.03.11

브라우저에서 확인해보면 버튼이 보이지 않고 텍스트가 그대로 노출된 것을 볼 수 있다.

위젯에 기본으로 쇼트코드가 허용되어있지 않기 때문이다.

스크린샷 2016-05-09 오전 10.38.06

위젯에 쇼트코드를 허용하려면 테마의 function.php 파일을 조금 수정해야한다.

보통 function 파일의 경로는 아래와 같다.

/wp-content/themes/테마폴더/function.php

function.php 맨 하단에 아래 코드를 추가하자.

add_filter('widget_text', 'do_shortcode');

스크린샷 2016-05-09 오전 10.16.55

다시 브라우저에서 사이트를 확인해보면 버튼이 나타날 것이다.

스크린샷 2016-05-09 오전 10.18.40

추가된 버튼을 눌러보면 현재 포스트 주소를 공유하는 것을 확인할 수 있다.

스크린샷 2016-05-09 오전 10.18.50

 

특정 URL 지정하기

위젯에 추가된 쇼트코드는 강제로 삽입하는 방식이라 일부 상황에서 문제가 있다.

Korea SNS 버튼이 특정 포스트나 페이지에서 보여질 때 해당 URL을 가리키고 있지만,

검색 결과나 카테고리 목록 등 여러 글이 표시될 경우 마지막 글을 가리킨다.

현재 글이 아닌 사이트 자체를 공유하고 싶은 경우에는 쇼트코드 확장 기능이 포함된 Korea SNS Pro로 가능하다.

스크린샷 2016-05-09 오전 10.24.29

스크린샷 2016-05-09 오전 10.24.20

 

Korea SNS Pro로 업그레이드 하기

Korea SNS Pro


0 Comments

답글 남기기

Avatar placeholder