워드프레스 블로그 초보 운영자가 알아두면 좋은 유용한 숏코드(shortcode) 기능에 대해 설명하도록 하겠습니다.
목 차
워드프레스 숏코드(shortcode)란?
워드프레스 숏코드는 워드프레스에서 제공하는 간편한 코드 기능입니다. 복잡한 코드나 함수를 간단한 코드로 변환하여 워드프레스 내에서 사용할 수 있게 하는 메뉴입니다. 이를 통해 블로그나 웹사이트 운영자는 글이나 페이지를 작성할 때, 복잡한 HTML이나 PHP 코드를 직접 입력하지 않고도, 간단한 숏코드를 사용하여 원하는 기능이나 내용을 표시할 수 있습니다.
☑️ 숏코드의 기본 구조
[shortcode_name attribute1='value1" attribute2='value2"]위와 같이 숏코드의 기본 구조의 예시입니다. 마법의 단축 코드 정도로 생각하면 편합니다. 복잡한 작업이나 내용을 이 숏코드로 인해 간단하게 표현할 수 있으니까요.
예를 들어, 이라는 숏코드는 특정 갤러리를 표시하는 데 사용될 수 있습니다. 이런 코드를 넣어주면, 워드프레스는 해당 위치에 갤러리를 표시해주는 명령으로 이해하고, 당신은 복잡한 코드를 쓸 필요 없이 이 간단한 문구를 입력하여 원하는 내용을 표시할 수 있습니다.
워드프레스 블로그에서는 단축 메뉴로 숏코드를 추가할 수 있습니다.
글을 쓸 때, 편집기 화면에서 위와 같이 ‘/쇼트코드’라고 입력하면 숏코드를 입력하는 창이 나옵니다.
위와 같이 쇼트코드를 추가하는 창에서 ‘단축코드’ 부분에 입력하면 됩니다.
숏코드를 사용하는 이유는?
그렇다면 왜 숏코드를 사용할까요? 아래와 같은 이유를 들 수 있습니다.
1. 간편성
숏코드는 복잡한 코드나 HTML을 직접 입력하지 않고 원하는 기능이나 콘텐츠를 쉽게 삽입할 수 있게 합니다. 이는 특히 코드에 익숙하지 않은 사용자들에게 큰 장점으로 작용합니다.
2. 유연성
숏코드는 웹사이트의 어느 위치든 삽입할 수 있습니다. 포스트, 페이지, 위젯 영역, 심지어는 테마 파일 내에서도 사용할 수 있습니다.
3. 일관성
특정 콘텐츠나 기능을 여러 곳에서 동일하게 표시하려면, 숏코드를 사용하면 일관된 결과를 얻을 수 있습니다. 숏코드의 기능이나 디자인이 변경되면, 그 숏코드를 사용하는 모든 위치에서 자동으로 변경된 내용이 반영됩니다.
4. 확장성
많은 워드프레스 플러그인들이 숏코드 기능을 제공합니다. 이를 통해 웹사이트에 다양한 기능을 쉽게 추가할 수 있습니다.
5. 커스터마이징
숏코드는 대개 다양한 속성이나 옵션을 포함할 수 있습니다. 이를 통해 같은 숏코드라도 다양한 방식으로 표시하거나 기능을 조정할 수 있습니다.
6. 경량화
원하는 기능을 위해 별도의 플러그인을 설치하지 않고, 간단한 숏코드로 원하는 기능을 삽입할 수 있으면 웹사이트의 부하를 줄일 수 있습니다. (단, 이는 숏코드의 기능과 복잡성에 따라 달라질 수 있습니다.)
7. 안정성
워드프레스 코어와 대다수의 플러그인들은 숏코드 기능을 안정적으로 지원합니다. 따라서, 숏코드를 사용하면 기능이나 콘텐츠의 표시에 문제가 발생할 확률이 줄어듭니다.
숏코드의 활용 예시
그럼 워드프레스 블로그에서 숏코드는 어떻게 활용하는지 살펴볼게요!
☑️ 갤러리 표시
gallery 숏코드를 사용하면 사진 갤러리를 글이나 페이지에 쉽게 삽입할 수 있습니다.
☑️ 비디오 임베드
특정 플러그인이 제공하는 숏코드를 통해 유튜브 영상이나 vimeo 비디오 등을 쉽게 임베드 할 수 있습니다. 임베드란 외부 콘텐츠나 기능을 삽입하는 것을 말합니다. 예를 들어, 유튜브에 있는 동영상을 ‘공유’ 버튼을 클릭하면 거기에 나오는 주소가 바로 임베드 코드입니다. 이 코드를 복사하여 내 블로그에 붙여넣으면, 해당 동영상이 내 블로그에 직접 표시되는 것이죠. 이렇게 되면, 사용자가 유튜브 사이트로 이동하지 않고도, 내 블로그에서 영상을 바로 시청할 수 있게 됩니다. 영상뿐만 아니라 지도, 음악 등을 임베드할 수 있습니다.
☑️ 특정 폼 삽입하기
각종 플러그인을 통해 ‘숏코드’를 생성하여 특정한 폼을 추가할 수 있습니다. 대표적으로 ‘표 만들기’나 ‘연락처 추가’ 등이 있습니다. 아래와 같이 워드프레스 많은 플러그인들이 숏코드 기능을 제공하고 있습니다.
- 페이지 빌더 & 레이아웃:
- Elementor (위젯 단축코드를 통한 삽입 가능)
- Visual Composer
- Beaver Builder
- 테이블 & 차트:
- TablePress
- wpDataTables
- 테스트 & 리뷰:
- Testimonial Rotator
- WP Product Review
- 멤버십 & 콘텐츠 제한:
- MemberPress
- Restrict Content Pro
- 사회적 공유 & 사회적 미디어:
- Social Warfare
- Monarch
- 이벤트 캘린더 & 예약:
- The Events Calendar
- Bookly
- 쇼핑 카트 & 결제:
- WooCommerce (특정 상품을 표시하는 숏코드 등)
- Easy Digital Downloads
이외에도 수많은 플러그인들이 숏코드를 지원하고 있습니다. 원하는 기능의 플러그인을 찾아보고, 해당 플러그인이 숏코드를 지원하는지 확인하면 됩니다.
감사합니다.
