Press enter to see results or esc to cancel.

숏코드(shortcode)란?

숏코드(shortcode)는 가장 쉽게 설명하자면, 워드프레스 내에서 작동하는 ‘매크로’라고 할 수 있습니다. 워드프레스에서 포스트나 페이지1에서 짧은 코드로 복잡한 기능을 수행하거나 표시하는 기능입니다.

숏코드는 기본적으로 [ 와 ] 를 이용해서 표시합니다.

예를 들어 [gallery] 는 이미지를 여러 장 표시해주는 숏코드입니다.

조금 더 정확하게 한다면 [gallery ids="1,5,6,8,10"] 라는 숏코드는 이미지의 아이디가 1, 5, 6, 8, 10을 갤러리 형식으로 보여주라는 뜻입니다.2

숏코드 타입

숏코드의 타입은 크게 두 가지로 나뉩니다.

  • 단독형 (self-closing)
    • 숏코드를 한 번만 적습니다.
    • 위의 [gallery] 가 좋은 예입니다.
    • [gallery ids="1,3,5"]처럼 추가 속성(attribute)이 붙을 수 있습니다.
    • [shortcode option1=”123″ option2=”ok go” opt3=”block”]처럼 복수의 속성도 쓸 수 있습니다.
  • 닫기 태그 필요형 (enclosing)
    • 숏코드를 열고 닫아주는 방식으로 씁니다.
    • 예를 들면 [wow]this is it[/wow] 처럼 가운데 내용을 두고 시작과 끝을 [숏쿄드], [/숏코드]로 감싸는 방식입니다.
    • 물론 이 때도[wow reason=”55″]this is it[/wow]처럼 시작 쪽에 속성이 붙을 수 있습니다.

기본 탑재 숏코드

워드프레스에는 audio, caption, embed, gallery, video 숏코드가 이미 포함되어 있습니다.

그 외에는 특정 테마나 플러그인에 포함이 되어 있습니다. 물론 직접 만들어 쓸 수 있습니다.

숏코드 활용

숏코드는 매우 다양한 방식으로 활용할 수 있습니다. 단순히 화면상에 표시할 복잡한 html을 구현하기 위해3 이용할 수도 있지만, 데이터베이스에 접속해서 원하는 글 목록을 가져와 화면에 표시해주는 방식으로도 이용할 수 있습니다.

데이터베이스에만 특정한 처리를 한다거나 관리자에게 이메일을 보낸다거나 하는 식으로 화면에는 아무 것도 표시하지 않고 기능을 수행하는 숏코드도 만들어 이용할 수 있습니다.

주의할 점

숏코드는 복잡한 기능을 수행해서 화면에 표시하는 등의 기능을 수행하는 매크로이기 때문에, 숏코드를 제대로 쓰면 방문자가 보는 포스트나 페이지 화면에서는 실제로 어떤 숏코드를 썼는지를 알 수가 없습니다.

하지만 만약 정의(define)되지 않은 숏코드를 쓰면 방문자가 보는 페이지에 그냥 숏코드가 그대로 표시됩니다. [abcde] 이런 식으로 말이죠.

앞에서 이야기한 것처럼 숏코드는 특정 테마나 플러그인에 정의가 되서 이용하는 경우가 상당히 많습니다. 따라서, 이용하던 테마를 교체하거나 플러그인을 꺼버리거나 하면 이제까지 잘 사용하던 숏코드가 단순히 [abcde] 처럼 문자열로 나타나게 됩니다.

기존의 모든 포스트나 페이지에서 동일하게 이런 현상이 발생하기 때문에 테마나 플러그인을 변경, 삭제, 비활성화 등을 할 때는 반드시 주의를 해야 합니다.


  1. 포스트와 페이지에 대한 설명은 여기를 참고

  2. 실제로 “Add Media” 버튼을 이용해서 “Create Gallery” 기능을 이용해 갤러리를 만들면 이 숏코드가 생성됨.

  3. 예를 들면 갤러리 숏코드처럼