안녕하세요. 린치핀소프트 한광희입니다.

 

“워드프레스 쇼트코드(shortcode)로 외부콘텐츠 손쉽게 삽입하기!”

 

 

screenshot-www.linchpinsoft.com 2015-07-31 22-44-55

이번 포스트의 주제는 “쇼트코드” 삽입을 통해서 외부 콘텐츠를 풍부하게 사용하는것입니다.

포스트나 페이지를 작성하면서 플러그인이나 테마의 고유의 기능을 포스트의 내용에 담아 입력하고 싶은 경우가 있습니다.

예를 들어 이미지를 멋지게 보여주는 Carousel이나 이미지 갤러리들을 포스트내에 삽입하고 싶을때가 있고,

유튜브나 Vimeo ,Facebook 글들을 포스트내에 삽입하고 싶은 경우도 있습니다.

 

이런 경우에 유용하게 활용할수 있는것이 “쇼트코드(Shortcode)” 기능입니다.

이번 포스트에서는 많은 쇼트코드기능을 지원하는 플러그인 중에 하나인 “젯팩(JectPack)” 플러그인을 이용하여 숏트코드 삽입방법을 알아보겠습니다.

 

images

 

우선, 쇼트코드의 특징은 “[ ]”의 괄호로 보통 묶여 있으며 괄호 안에 지원하고자 하는 기능에 따라 다른 키워드나 정보를 입력하여야 합니다.

우선 젯팩의 기능을 이용하여 인스타그램의 사진을 포스트에 삽입하는방법을 알려드리겠습니다.

 

젯팩에서 인스타그램의 숏코드의 양식은 “ 링크  ” 입니다.

 

이때 링크는 인스타그램에서 가져오고자 하는 이미지의 URL을 넣어주시면 됩니다! 아래 스크린샷을 참고하세요.

screenshot-www.linchpinsoft.com 2015-08-07 19-15-58

포스트를 작성할때 “비쥬얼”이 아닌 “텍스트”를 클릭하여 위와같은 인스타그램 숏코드를 입력합니다.

그 후 포스트를 발행하고 해당 페이지를 확인하면 아래처럼 제가 인스타그램에서 가지고 온 사진이 포스트에 첨부되었고,

인스타그램의 기능인 “팔로우”,”좋아요”,”댓글달기”등 인스타그램의 기능도 이용할 수 있습니다.

 

screenshot-www.linchpinsoft.com 2015-08-07 19-16-45

 

아래는 젯팩에서 지원하는 숏코드의 목록입니다.

screenshot-jetpack.me 2015-08-07 19-44-44

유튜브,Vimeo,Flikr 같은 미디어 뿐만아니라 Soundcloud 같은 Mp3 미디어도 삽입 할수 있습니다.

이외에도 인기있는 SNS인 Facebook과 트위터의 타임라인도 삽입가능하고 googlemap역시도 손쉽게 입력이 가능합니다.

 

이 외에도 Shortcode는 워드프레스의 핵심 기능으로서 사용하는 테마와 플러그인에 따라 다양하게 확장되어 사용됩니다.

콘택트폼이나 게시판, 이미지 슬라이더등에서도 Shortcode를 이용하여 손쉽게 해당기능을 구현할수 있습니다!

또한 “위젯”에서도 텍스트 위젯의 내용안에 숏코드를 추가하여 사이드바 영역에도 해당 숏코드의 기능을 삽입할수 있습니다.

 

이때에는 위젯에 숏코드를 호환시켜주는 “플러그인”을 추가로 설치하거나, 아래와 같은 코드를 function.php에 입력하여 위젯 안에 입력받은 내용이 숏코드로 식별되도록 추가합니다.

 

 

add_filter( ‘widget_text’,’shortcode_unautop’);

add_filter(‘widget_text’,’do_shortcode’);

 

위의 소스코드는 워드프레스의 function.php에서 추가하시면 됩니다.