워드프레스 강좌 | Shortcode

워드프레스의 유용한 기능 중의 하나가 shortcode입니다. 복잡한 코드가 필요한 작업을 간단한 코드로 가능하게 해주는 기능입니다.

예를 들어 포스트에서 MP3 오디오 파일을 재생하고 싶으면 다음과 같이 입력하면 됩니다.

[audio mp3="xxx"][/audio]

xxx에는 mp3 파일까지의 경로를 적어줍니다. 이제 포스트로 가면 다음과 같이 해당 파일을 재생할 수 있는 플레이어가 나옵니다.

워드프레스에 기본적으로 포함되어 있는 shortcode 목록은 다음과 같습니다.

  • [audio] : http://codex.wordpress.org/Audio_Shortcode
  • [caption] : http://codex.wordpress.org/Caption_Shortcode
  • [embed] : http://codex.wordpress.org/Embed_Shortcode
  • [gallery] : http://codex.wordpress.org/Gallery_Shortcode
  • [video] : http://codex.wordpress.org/Video_Shortcode

Shortcode는 직접 만들어서 사용할 수 있습니다. 그리고 다양한 Shortcode를 제공하는 플러그인도 있습니다. 대표적인 플러그인은 Shortcodes Ultimate입니다.

http://wordpress.org/plugins/shortcodes-ultimate/

플러그인을 설치하고 활성화시키면 글쓰기 화면에 Insert Shortcode라는 버튼이 생깁니다.

Insert Shortcode 버튼을 클릭하면 다음과 같은 화면이 나옵니다.

Tabs를 클릭하면 몇가지 설정을 하는 화면이 나옵니다. 제일 밑의 Insert Shortcode를 클릭하면 글 내용에 Shortcode가 입력됩니다.

이제 해당 글을 저장한 후 웹브라우저로 보면 다음과 같이 Title을 클릭하면 내용이 바뀌는 Tab이 만들어집니다.

Shortcode를 이용하면 복잡한 코딩이 필요한 작업을 쉽게 할 수 있습니다. 많은 플러그인과 테마에서 제공하는 기능이니 꼭 알아두는 게 좋습니다.

Created on 2013-12-24 05:40 | Updated on 2018-10-04 18:18

워드프레스 프리미엄 테마 사이트

  • Elegant Themes
    80여 개의 테마를 한꺼번에 $89에 판매하는 경제적인 테마 사이트 / 1년 업데이트 / 무제한 사이트
  • ThemeForest
    10000여 개의 테마가 거래되는 세계 최대 워드프레스 테마 오픈 마켓 / 계속 업데이트 / 1개 애플리케이션

Book

워드프레스 인기 테마