워드프레스가 다른 사이트 빌더나 CMS와 차별화되는 가장 큰 이유 중 하나는 무궁무진한 확장성입니다. 테마를 교체하고 필요한 플러그인을 더하는 것만으로도 워드프레스를 거의 모든 형태의 웹사이트로 변신시킬 수 있습니다. 이러한 커스터마이징에는 두 가지 선택지가 있습니다. 무료 기본 옵션을 사용하거나, 기능이 풍부한 유료 프리미엄 제품을 구매하는 것입니다. 하지만 의외로 많은 워드프레스 사용자들이 모르는 사실이 있습니다. 바로 무료 플러그인만으로도 프리미엄급 기능을 사이트에 추가할 수 있다는 점입니다. 그 대표 주자가 바로 Shortcodes Ultimate입니다.
Shortcodes Ultimate란 무엇인가?
Shortcodes Ultimate는 방대한 양의 쇼트코드를 제공하는 워드프레스 플러그인입니다. 쇼트코드가 낯선 분들을 위해 간단히 설명하자면, 쇼트코드란 워드프레스 환경 어디에서나 삽입할 수 있는 짧은 코드로, 특정 기능을 즉시 활성화해 주는 역할을 합니다. 대표적인 예로 'Typed Js'라는 쇼트코드가 있는데, 이것을 사용하면 텍스트에 타이핑 애니메이션 효과를 손쉽게 넣을 수 있습니다.
상상해 보세요. 단 한 줄의 코드 삽입만으로 원하는 기능을 추가할 수 있다면 얼마나 편리할까요? Shortcodes Ultimate를 활용하면 탭, 버튼, 박스, 슬라이더, 반응형 동영상 등을 몇 번의 클릭만으로 만들 수 있습니다. 이 플러그인은 완전한 반응형을 지원하고, 어떤 테마와도 호환되며, 직관적인 쇼트코드 생성기를 제공하고, 세련된 디자인과 CSS3 기반의 가벼운 동작까지 갖추고 있습니다.
기본 제공되는 쇼트코드만으로 부족하다면, 유료 업그레이드를 통해 더욱 다양한 애드온을 이용할 수도 있습니다.
Shortcodes Ultimate 사용 방법
워드프레스 플러그인 저장소에서 플러그인을 설치한 뒤, 사이드바의 "플러그인 → 새로 추가" 메뉴에서 활성화하면 관리자 화면 사이드바에 새로운 "Shortcodes" 메뉴가 나타납니다.
이 메뉴에서 Shortcodes Ultimate의 각종 설정에 접근할 수 있습니다. 플러그인에 대한 정보를 확인하거나, "Settings(설정)"에서 세부 옵션을 조정하고, "Custom CSS"를 통해 CSS를 수정하여 웹사이트 디자인을 자유롭게 커스터마이징할 수 있습니다.
글이나 페이지에 쇼트코드를 삽입하려면 새 글/페이지를 작성하거나 기존 글을 편집 화면으로 열면 됩니다. 그러면 편집기에 "Insert Shortcode(쇼트코드 삽입)"라는 추가 탭이 보입니다.
해당 탭을 클릭하면 글/페이지에 삽입할 수 있는 쇼트코드 목록을 검색할 수 있습니다. 원하는 쇼트코드를 빠르게 찾으려면 화면 상단의 검색창을 활용하고, 유형별 필터를 적용해 목록을 좁혀 나갈 수도 있습니다.
예를 들어 글에 다운로드 버튼을 넣고 싶다면 목록에서 '버튼(button)' 쇼트코드를 선택합니다. 그러면 버튼 설정 창이 열리고, 버튼의 모든 요소를 취향에 맞게 조정할 수 있습니다.
버튼 클릭 시 연결될 링크를 지정하고, 버튼의 모양과 색상을 정하고, 아이콘을 삽입하는 등 다양한 옵션을 설정할 수 있습니다. 편집 중에는 "Live Preview(실시간 미리보기)"를 눌러 최종 결과물을 바로 확인할 수 있으며, 만족스러운 결과가 나오면 "Insert Shortcode" 버튼을 클릭하면 됩니다.
그러면 아래 이미지처럼 필요한 설명이 포함된 쇼트코드가 한 줄의 문자열 형태로 글/페이지에 삽입됩니다.
쇼트코드 심화 활용법
이 플러그인은 단순히 쇼트코드를 삽입하는 기능 그 이상을 제공합니다. 원한다면 쇼트코드 안에 또 다른 쇼트코드를 중첩해서 사용할 수도 있습니다. 예를 들어 여러 개의 다운로드 버튼을 하나의 스포일러(접기) 박스 안에 넣거나, 스포일러 안에 스포일러를 겹쳐 사용하는 것이 가능합니다. 스포일러가 익숙하지 않은 분들을 위해 설명하자면, 제목을 클릭했을 때 숨겨진 내용이 펼쳐지는 콘텐츠 요소를 말합니다.
중첩된 최종 쇼트코드는 아래 이미지와 같은 형태가 됩니다.
HTML에 익숙한 사용자라면 쇼트코드의 구조가 HTML 태그와 매우 비슷하다는 것을 알아차리고 금방 감을 잡을 수 있을 것입니다. HTML이 익숙하지 않은 사용자라도 걱정할 필요가 없습니다. 플러그인에서 제공하는 미리 만들어진 예제를 불러와 내용만 수정하면 됩니다. 예제는 사이드바의 "Shortcodes" 메뉴에서 찾을 수 있으며, "Basic(기본)"과 "Advanced(고급)" 수준의 다양한 예제가 준비되어 있습니다.
탐색해 볼 수 있는 요소의 종류가 워낙 방대해서 이 글 하나에 모두 담기는 불가능합니다. 직접 플러그인을 설치해 사용해 보면서 자신만의 발견을 즐겨 보시길 권합니다.
결론적으로, Shortcodes Ultimate 플러그인을 활용하면 평소에는 유료 프리미엄 워드프레스 테마나 플러그인에서만 제공되던 멋진 요소들을 무료로 사용할 수 있습니다. 가로·세로 탭, 스포일러, 아코디언, 앵커, 컬럼 레이아웃, 커스텀 버튼, 애니메이션 효과 등이 그 예입니다. 그리고 이 모든 것이 무료이며, 단 한 줄의 쇼트코드로 구현됩니다.
Shortcodes Ultimate에 대해 어떻게 생각하시나요? 여러분의 경험과 의견을 댓글로 공유해 주세요.