위젯에 숏코드를 추가하여 글, 페이지 등에 위젯을 삽입하는 방법 [워드프레스]

워드프레스에서 위젯은 보통 사이드바 등의 위젯 영역에 추가할 수 있습니다. 그러면 위젯을 글이나 페이지, 또는 테마 소스 파일(PHP) 등의 원하는 곳에 추가할 수 없을까요? 위젯을 숏코드로 바꾸어주는 플러그인을 사용하면 위젯을 컨텐츠의 원하는 곳에 삽입할 수 있습니다.

Widget Shortcode

Widget Shortcode는 위젯에 숏코드(쇼트코드, 단축코드)를 추가해주는 플러그인입니다. 먼저 이 플러그인을 설치합니다. 외모 > 플러그인 > 플러그인 추가하기에서 "Widget Shortcode"를 검색하면 아래와 같이 위젯에 숏코드를 생성해주는 다양한 플러그인이 검색됩니다.
Widget Shortcode in wordpress
Widget Shortcode을 설치하고 활성화합니다.

위젯을 만들고 숏코드 얻기

위젯을 만들고 저장하면 숏코드가 자동으로 생성되어 해당 위젯 맨 아래 부분에 추가됩니다. 글이나 페이지 등에 추가하려면 위젯을 사이드바 등에 추가합니다. 테스트로 카테고리 목록 페이지를 만들어보겠습니다. 외모 > 위젯에서 카테고리 위젯을 사이드바에 추가합니다.
Adding a widget
위젯을 추가했으면 설정을 지정하고 저장을 누르면 숏코드가 생성됩니다. (저장하기 전까지는 숏코드가 생성되지 않습니다.)
Widget shortcode
위의 그림과 같이 "저장하기"를 누르면 " Shortcode: [...]" 형식으로 숏코드가 위젯 하단에 추가됩니다. 이제 이 숏코드를 원하는 컨텐츠에 삽입할 수 있습니다. 그리고 해당 위젯을 사이드바 등에 사용하지 않을 경우에는 위젯을 마우스로 끌어다가 비활성 영역으로 이동시키도록 합니다.

Move the widget to inactive area in wordpress

위젯 숏코드를 페이지/글 등에 추가하기

이제 숏코드를 원하는 곳에 추가할 수 있습니다. 기존의 글/페이지에 추가하거나 새로운 글/페이지에 추가할 수 있습니다.
Adding widget shortcodes to a page or post
저는 페이지를 하나 만들어 위젯 숏코드를 추가했습니다. 실제 적용된 페이지를 보면:
Widgets in a page in wordpress
원하는 대로 2컬럼 형식으로 카테고리 목록이 나타나네요.

숏코드를 테마 소스 파일에 추가하려면 아래와 같은 형식의 코드를 php 파일에 추가하면 됩니다. (참고 사이트: Function Reference/do shortcode)

<?php
echo do_shortcode('[shortcode]');
?>

이 방법을 사용하면 위젯만 지원되는 컨텐츠를 글/페이지 등 원하는 곳에 자유롭게 추가하여 보다 다채로운 워드프레스 사이트를 만드는 데 도움이 됩니다.


댓글 남기기

* 이메일 주소는 공개되지 않습니다.