네이버블로그나 티스토리 블로그등에서는 거의 사용되지 않지만 워드프레스 플랫폼에서는 흔하게 사용되는 것이 있습니다.
바로 숏코드(Shortcode)입니다.
처음에는 복잡하게 느껴지는 개념일수 있지만 몇번 사용하다 보면 그 편리함때문에 자주 사용하게 됩니다.
오늘은 이러한 숏코드의 간략한 개념과 숏코드를 보다 잘 활용할수 있도록 도와주는 플러그인을 소개하고자 합니다.
비록 유료 플러그인이지만 그만큼 강력한 기능을 갖추고 있는 숏코드플러그인인 Styles with Shortcords 플러그인 입니다.
숏코드(ShortCode) 란 무엇인가?
숏코드는 글 작성시 필요한 특정한 요소들 예를 들면, 버튼이나 탭 ,체크리스트, 테이블등을 짧은 구문형태의 코드로 구현하게 해주는기능입니다.
[pe2-image src=”http://lh6.ggpht.com/-25v9YUzEnO8/U8IZojHJ2cI/AAAAAAAAE_A/ghwFHYMD0yY/s144-c-o/%2525EC%252588%25258F%2525EC%2525BD%252594%2525EB%252593%25259C%2525EC%25259D%252598%252520%2525ED%252599%25259C%2525EC%25259A%2525A9.jpg” href=”https://picasaweb.google.com/102394476629197694908/201407#6035414635040594370″ caption=”숏코드의 활용.jpg” type=”image” alt=”숏코드의 활용.jpg” ]
위의 이미지를 보시면 유투브 동영상을 삽입할때 워드프레스 기본외부 동영상 입력폼과 숏코드로 입력된 경우를 비교해 보시면 쉽게 이해가 되실 것입니다.
2개의 유투브 동영상 삽입모두 가로폭을 640으로 맞춰 보여지도록 설정했습니다. 그런데 동영상 좌우폭을 550으로 수정하고 싶다면 어떻게 해야 할까요?
embed width=”550″ ]http://550사이즈동영상수정[/embed
숏코드로 동영상이 입력된 경우는 width 값을 640에서 550으로 수정하면 끝입니다. 하지만 기본폼으로 입력한 경우는 다시 해당 버튼을 찾아 편집으로 이동하여 수정하는등 단계가 좀 더 복잡해지게 됩니다.
다른 위치에 입력하고자 할때도 숏코드는 짧은 1~2줄 코드값으로 되어 있어 쉽게 복사하여 위치배정을 할수가 있습니다.
이처럼 숏코드(ShortCode)가 있다면 매우 편리하게 글 작성을 할수가 있습니다.
숏코드 기능은 테마마다 지원이 모두 틀려
그런데 몇가지 문제가 있습니다. 숏코드기능은 테마마다 지원방식이 모두틀리고 지원되는 숏코드숫자도 모두 다릅니다.
[pe2-image src=”http://lh6.ggpht.com/-mIBm9zYvHa0/U8IZnbKiwMI/AAAAAAAAE-o/u-3AR3GBjI0/s144-c-o/%2525EC%252588%25258F%2525EC%2525BD%252594%2525EB%252593%25259C.jpg” href=”https://picasaweb.google.com/102394476629197694908/201407#6035414615727456450″ caption=”” type=”image” alt=”숏코드.jpg” ]
상기 이미지는 현재 자이언트블로그에서 사용하고 있는 Jarida 테마에서 지원하는 숏코드입니다. 17개의 숏코드를 지원합니다. 특정한 워드프레스 테마는 더 많은 숏코드를 지원하기도 하고 아예 지원하지 않는 경우도 있습니다.
또 유투브 동영상 삽입등의 숏코드가 A테마에서는 동작하지만 다른 테마에서는 다른형식 코드로 작동하여 동작하지 않는 경우가 대부분입니다.
숏코드가 동작하지 않으며 소스코드가 그대로 보여지게 됩니다.
워드프레스 테마별 로 지원하는 숏코드가 모두 틀리기 때문에 특정테마에서 지원하는 숏코드를 많이 사용하게 되면 테마를 쉽게 바꾸지 못하게 됩니다.
숏코드 부분이 소스로 그대로 노출되어 글의 내용이 이상하게 보여질수 있기 때문입니다. 일부 글들에만 숏코드를 사용했다면 문제가 되지 않겠지만 많은글에 삽입한 경우는 일일히 수정작업을 해주어야 하기 때문입니다.
따라서 숏코드는 워드프레스 테마에서 기본지원되는 숏코드 보다는 별도의 숏코드 플러그인을 사용하는 것을 추천드리고 싶습니다.
워드프레스 숏코드 플러그인 추천, Styles with Shortcodes
플러그인 에서 지원되는 숏코드를 사용할 경우는 워드프레스 테마가 바뀌더라도 숏코드간의 호환성을 그대로 유지할수 있기 때문입니다. 즉 테마를 바꾸는 것을 생각하여 테마에서 제공하는 숏코드 사용에 대한 제약이 없어지는 것입니다.
Styles with Shortcodes for WordPress 플러그인 페이지 바로가기
숏코드 플러그인을 사용하기로 마음 먹었다면 먼저 무료(Free) 플러그인들을 찾아보게 될 것입니다.
하지만 테마에서 제공되는 숏코드보다 기능이 떨어지거나 호환성에 문제가 있는 경우 , 워드프레스 버전 업데이트에 대한 업데이트지원이 불충분한등 문제가 있는 경우가 대부분이였습니다.
[pe2-image src=”http://lh5.ggpht.com/-BI8Zxs9K92I/U8IZnc2RyvI/AAAAAAAAE-w/uhnAkmGmmiU/s144-c-o/%2525EB%2525B2%252584%2525EA%2525B7%2525B8%2525EC%252588%252598%2525EC%2525A0%252595.jpg” href=”https://picasaweb.google.com/102394476629197694908/201407#6035414616179329778″ caption=”” type=”image” alt=”버그수정.jpg” ]
워드프레스 버전 업데이트에 문제가 있는 경우는 오늘 추천드릴 숏코드 플러그인인 Styles with Shortcodes 도 마찬가지 이지만 사후 업데이트를 통해서 빠르게 문제를 해결해주고 있습니다.
간단하게 무료로 제공되는 플러그인은 업데이트에 대한 보장이 사실상 없다고 하겠습니다. 무료로 제공받았기 때문에 업데이트를 개발자나 개발사에게 요구할 수 있는 근거 자체가 없는 것입니다.
반면 유료로 제공되는 플러그인은 사용비용을 지불한 것이기 때문에 SW의 개선요구를 정당하게 할수 있는 것입니다.
이것은 매우 큰차이라고 하겠습니다. 특히 숏코드 처럼 호환성에 문제가 있을경우 문제가 되는 경우는 사후 업데이트 지원은 중요한 요소일 것입니다.
Styles with Shortcodes 는 $25의 가격이지만 4000카피 이상 판매가 된 인기 유료 플러그인이며 평점역시 별 4개반으로 만족도도 매우 높은 플러그인 이라고 하겠습니다.
이것은 총 187개나 되는 많은 숏코드 숫자와 꾸준한 사후 업데이트 기술지원 덕분이라는 생각입니다.
[pe2-image src=”http://lh6.ggpht.com/-UQzHmH5Xt_k/U8IijXFyw8I/AAAAAAAAE_k/YR1sk7IK6_4/s144-c-o/%2525EC%252588%25258F%2525EC%2525BD%252594%2525EB%252593%25259C%2525ED%252594%25258C%2525EB%25259F%2525AC%2525EA%2525B7%2525B8%2525EC%25259D%2525B8%2525EC%252584%2525A4%2525EC%2525B9%252598%2525ED%252599%252594%2525EB%2525A9%2525B4.jpg” href=”https://picasaweb.google.com/102394476629197694908/201407#6035424441518965698″ caption=”” type=”image” alt=”숏코드플러그인설치화면.jpg” ]
Styles with Shortcodes 플러그인을 설치하면 워드프레스 글쓰기 화면 상단에 Add Shortcodes 라는 버튼이 새롭게 생성됩니다.
[pe2-image src=”http://lh3.ggpht.com/-ZEjqAYNLB_E/U8IZoK5MOTI/AAAAAAAAE_I/5IMrqmuHrG0/s144-c-o/%2525EC%252588%25258F%2525EC%2525BD%252594%2525EB%252593%25259C01.jpg” href=”https://picasaweb.google.com/102394476629197694908/201407#6035414628539578674″ caption=”” type=”image” alt=”숏코드01.jpg” ]
이 버튼을 누르게 되면 숏코드 카테고리가 나오게 됩니다. 매우 많은 숏코드가 있기 때문에 카테고리별로 1차구분을 해주게 됩니다.
[pe2-image src=”http://lh4.ggpht.com/-koGzVhuPDjc/U8IZoQGg-WI/AAAAAAAAE_E/L47OpHFz7vo/s144-c-o/%2525EC%252588%25258F%2525EC%2525BD%252594%2525EB%252593%25259C02.jpg” href=”https://picasaweb.google.com/102394476629197694908/201407#6035414629937641826″ caption=”” type=”image” alt=”숏코드02.jpg” ]
테이블을 선택하게 되면 6가지 타입의 테이블 만들기 메뉴가 나타나게 됩니다. 이중 원하는 스타일을 선택하여 데이터를 입력하면 손쉽게 숏코드를 이용한 테이블이 완성되는 것입니다.
테마와 상관없이 지속적으로 사용할수 있는 플러그인의 특성을 감안할 때 유료이지만 충분히 투자할 만한 가치를 가지고 있는 플러그인이라고 하겠습니다.
- 워드프레스 테마 오픈마켓 테마포레스트- Theme forest
- 워드프레스 추천테마 관련 포스트 - AVADA / JARIDA / SAHIFA / GOODNEWS
2 Comments
익명
심한 초보인데… 워드프레스 가입형에서는 숏코드 플러그인 설치 불가능한거죠? 가입형은 플러그인 메뉴자체가 없던데
Giantt
워드프레스 가입형의 경우 프리미엄버전이 아닌 경우는 제약사항이 많습니다. 워드프레스의 최대장점이 자유도인데 이것은 가입형이 아니라 설치형에 적용되는 사항이라고 보실수 있습니다.
최근에는 워드프레스가 기본설치된 웹호스팅 서비스도 많으니 설치형을 선택하시는것을 추천드리고 싶습니다.