쇼트코드 블록

쇼트코드는 보통은 복잡한 코드가 많이 필요한 파일 임베드나 개체 생성을 할 수 있게 해 주는 워드프레스 고유의 코드입니다. 이 가이드에서는 워드프레스 편집기에서 쇼트코드를 추가하는 방법을 알아봅니다.

쇼트코드는 먼저 쇼트코드 블록을 삽입해 어떤 페이지나 글에든 추가할 수 있습니다.

쇼트코드 블록을 추가하려면 + 블록 삽입 도구 아이콘을 클릭하고 “쇼트코드”를 검색하세요. 클릭하면 현재 편집 중인 페이지, 글 또는 템플릿에 블록이 추가됩니다.

또는 /쇼트코드를 입력한 다음 Enter 키를 누르세요:

자세한 내용은 블록 추가하기에서 확인하세요.

글이나 페이지에 쇼트코드 블록을 처음 추가하면 쇼트코드를 입력하거나 붙여넣을 수 있는 빈 칸이 나타납니다:

빈 칸에 쇼트코드를 직접 입력하거나 사용 가능한 쇼트코드에서 복사해 붙여넣을 수 있습니다. 모든 쇼트코드는 대괄호 두 개로 감싸야 합니다 [ ].

이 예에서는 날짜별로 글을 표시하기 위해 쇼트코드 을 빈 칸에 추가했습니다.

편집 모드에서는 쇼트코드가 그대로 표시됩니다. 미리보기를 하거나 공개된 페이지를 보면 대신 의도한 콘텐츠가 표시됩니다.

아래에서 워드프레스닷컴 사이트에서 사용할 수 있는 쇼트코드를 모두 확인할 수 있습니다. 또한 많은 서드파티 플러그인도 쇼트코드를 사용합니다. 해당 플러그인의 쇼트코드는 플러그인 문서를 참고하세요.

• [archiveorg]는 The Internet Archive의 비디오를 임베드합니다.
• [dailymotion]는 DailyMotion 비디오를 임베드합니다.
  • 예: [dailymotion id=xxxxxx]
• [flickr]는 Flickr 비디오를 임베드합니다.
• [kickstarter]는 Kickstarter 비디오를 임베드합니다.
  • 예: [kickstarter url=https://www.kickstarter.com/projects/username/project-url]
• [playlist]는 업로드한 비디오 파일의 재생 목록을 표시합니다.
• [twitchtv]는 Twitch.tv 스트림을 임베드합니다.
• [vimeo]는 Vimeo 비디오를 임베드합니다.
• [wpvideo]는 VideoPress 비디오를 임베드합니다.
• [youtube]는 YouTube 비디오를 임베드합니다.
  • 예: [youtube https://www.youtube.com/watch?v=s5BxXwByfmY]

• [audio]은 업로드된 오디오 파일을 오디오 플레이어로 표시합니다.
• [bandcamp]은 Bandcamp의 음악을 임베드합니다.
• [playlist]는 업로드된 오디오 파일의 재생 목록을 표시합니다.
• [soundcloud]은 SoundCloud의 오디오를 임베드합니다.
• [spotify]는 Spotify의 음악을 임베드합니다.
• [8tracks]는 8tracks의 음악을 임베드합니다.
  • 예: [8tracks url="http://8tracks.com/smurph/hipster-swag"]

• [googleapps]은 Google Docs 스프레드시트, 문서, 양식, 프레젠테이션을 임베드합니다.
• [instagram]은 Instagram의 이미지를 임베드합니다.
• [presentation]은 슬라이드쇼 프레젠테이션을 임베드합니다.
• [scribd]은 Scribd의 문서/파일을 임베드합니다.
  • 예: [scribd id=123456789 key=key-xxx111XXXxxx mode=scroll]
• [vr]은 VR 헤드셋에서 사용할 수 있도록 360° 사진과 파노라마를 임베드합니다.

블로그 아카이브 색인, 문의 양식, 단일 설문 등을 추가할 때 유용한 쇼트코드입니다.

• [beermenus]는 BeerMenus의 메뉴를 임베드하며, 장소를 기준으로 하거나 특정 메뉴를 지정할 수 있습니다.
  • 예: [beermenus place_id=1234] 및 [beermenus menu_id=4321]
• [blog_subscription_form]는 이메일 업데이트를 신청할 수 있는 구독 양식을 임베드합니다.
• [code] 또는 [sourcecode]은 소스 코드 서식을 그대로 유지해 표시합니다.
• [contact-form]은 페이지에 문의 양식을 추가합니다.
• [display-posts]를 사용하면 특정 카테고리, 작성자 또는 태그의 글을 나열할 수 있습니다.
• [gist]은 GitHub Gist 코드 스니펫을 임베드합니다.
• [gravatar]은 이메일 주소를 바탕으로 그라바타 이미지를 표시합니다.
• [list-pages]를 사용하면 페이지, 형제 페이지, 하위 페이지를 나열할 수 있습니다.
• [portfolio]은 포트폴리오 프로젝트를 임베드합니다.
• [testimonials]는 추천사를 임베드합니다.
• [recipe]는 기본 메타데이터와 인쇄 옵션을 포함한 레시피 형식을 만들어 줍니다.
• [rss]은 뉴스 피드 등 지정된 URL에서 RSS 피드를 임베드합니다.
• [sitemap]은 사이트의 페이지 목록으로 사이트맵을 만듭니다.
• [twitter]은 X(이전 명칭: Twitter)의 게시물을 임베드합니다.
• [twitter-timeline]는 X(이전 명칭: Twitter) 타임라인을 임베드합니다.
• [upcomingevents]은 iCalendar 피드 URL을 목록으로 표시합니다.
• [wufoo]은 Wufoo 양식을 임베드합니다.