워드프레스 숏코드 - 5가지 추가방법, 완벽 가이드 (2025년 최신)

워드프레스에서 숏코드를 활용하면 복잡한 코드를 직접 작성하지 않고도 다양한 기능과 콘텐츠를 손쉽게 추가할 수 있습니다. 이 가이드에서는 숏코드를 추가하는 다섯 가지 방법을 자세히 설명합니다.

1. 블록 편집기(Block Editor)에서 숏코드 추가하기

워드프레스 5.0부터 도입된 블록 편집기는 숏코드를 추가하는 직관적인 방법을 제공합니다.

1. 새로운 블록을 추가하기 위해 '+' 버튼을 클릭합니다.

2. '위젯(Widgets)' 그룹에서 '[/]' 아이콘의 '숏코드(Shortcode)' 블록을 찾아 추가합니다.

3. 추가된 숏코드 블록에 원하는 숏코드를 입력합니다.

2. 위젯(Widget)에서 숏코드 추가하기

숏코드를 사이드바나 푸터와 같은 위젯 영역에 추가할 수 있습니다.

1. '외모(Appearance)' > '위젯(Widgets)'으로 이동합니다.

2. '텍스트(Text)' 위젯 또는 '커스텀 HTML(Custom HTML)' 위젯을 추가합니다.

3. 위젯 본문에 숏코드를 입력하고 저장합니다.

3. 클래식 편집기(Classic Editor)에서 숏코드 추가하기

이전 버전의 워드프레스를 사용하거나 클래식 편집기 플러그인을 사용하는 경우, 다음과 같이 숏코드를 추가할 수 있습니다.

1. 게시물 또는 페이지 편집 화면에서 '텍스트(Text)' 탭으로 전환합니다.

2. 숏코드를 추가하려는 위치에 직접 숏코드를 붙여넣습니다.

3. '업데이트(Update)' 또는 '게시(Publish)' 버튼을 클릭하여 변경 사항을 저장합니다.

4. WPBakery Page Builder에서 숏코드 추가하기

WPBakery Page Builder를 사용한다면 숏코드 추가가 더욱 유연해집니다.

1. 페이지 편집 화면에서 '텍스트 블록(Text Block)' 요소를 추가합니다.

2. 텍스트 블록 설정에서 숏코드를 입력하고 저장합니다.

3. 참고: WPBakery Page Builder가 자체적으로 슬라이더 요소를 제공하는 경우, 별도의 슬라이더 숏코드를 추가할 필요가 없습니다.

5. Elementor Page Builder에서 숏코드 추가하기

Elementor는 직관적인 드래그 앤 드롭 인터페이스로 숏코드를 쉽게 추가할 수 있도록 돕습니다.

1. Elementor 편집 화면에서 '숏코드(Shortcode)' 요소를 검색하여 페이지에 드래그 앤 드롭합니다.

2. '숏코드 입력(Enter your shortcode)' 필드에 원하는 숏코드를 입력합니다.

3. '적용(APPLY)' 버튼을 클릭하여 변경 사항을 적용합니다.

4. 참고: Elementor가 자체적으로 슬라이더 요소를 제공하는 경우, 별도의 슬라이더 숏코드를 추가할 필요가 없습니다.

---

이 가이드를 통해 워드프레스 웹사이트에 숏코드를 성공적으로 추가하고 기능을 확장하시길 바랍니다!처음으로