워드프레스 Yellow Pencil: 비주얼 CSS 스타일 에디터

Yellow Pencil: 비주얼 CSS 스타일 에디터 플러그인

워드프레스든 다른 블로그든 레이아웃을 조정할 때 CSS가 많이 사용됩니다. 이러한 CSS 작업을 편리하게 해주는 워드프레스용 플러그인이 Yellow Pencil이라는 플러그인입니다.

이 플러그인을 사용하면 워드프레스를 실시간으로 커스터마이징이 가능합니다. 몇 번의 마우스 클릭으로 웹 디자인의 모든 것을 커스터마이징(사용자 지정)이 가능하다고 선전하고 있네요.

코딩에 대한 지식이 필요 없지만 CSS 에디터도 있어서 코딩을 직접 하는 것도 가능합니다(초보자와 고급 사용자 모두에게 적합).

Layers WP, BuddyPress, WooCommerce, bbPress, Gravity Forms, Easy Digital Downloads, Visual Composer, Cornerstone, Bootstrap, Foundation 6 등과 호환이 됩니다. (참고: Visual Composer는 가장 인기 있는 워드프레스 플러그인으로 페이지 레이아웃 구성을 편리하게 해줍니다. 이러한 류의 플러그인을 페이지 빌더라고 합니다. 페이지 빌더의 장단점에 대해서는 이 글을 참고해보시기 바랍니다.)

주요 기능(플러그인 소개 페이지 참조):

• 600개 이상의 폰트 패밀리
• 300개 이상의 배경 패턴
• 3가지 컬러 팔레트
• 허버 및 포커스 선택
• 애니메이션 생성
• Visual Resizer(비주얼 크기 조정)
• 50가지 이상의 애니메이션
• 코드 편집기
• 실행 취소/다시 실행 기능
• 깔끔한 CSS 출력
• 색상 선택 기능
• Parallax 배경
• CSS 관리자
• Custom Selector
• CSS3 필터 효과
• 50가지 이상의 CSS 속성
• 드래그 & 드롭 기능
• 거의 모든 플러그인/테마에서 작동
• 모든 페이지 커스텀 가능
• 빠른 지원
• Ruler(룰러)
• 숏코드
• 잘 정리된 설명서
• 기타 다수

주간 베스트 셀링 플러그인에 랭크된 Yellow Pencil 플러그인은 CSS를 다루는 데 부담을 느끼는 사용자에게 적합할 듯 합니다. 사용자 평가가 4.77(5점 만점)로 높은 편입니다.

하지만 많은 기능이 제공된다는 것은 사이트에 부담을 줄 수밖에 없을 것 같습니다. 가령 Visual Composer도 매우 편리하지만 아무래도 사이트에 많은 부담을 두고 속도에도 영향을 미칩니다. 그러므로 사이트 속도가 중요한 경우 필수 플러그인 이외에는 가급적 플러그인 사용을 줄이는 게 바람직합니다. 하지만 수동으로 직접 작업하기에 어려움이 있는 경우에는 이런 플러그인을 활용하는 것이 원하는 품질을 내는 데 도움이 될 것입니다.

참고로 변경 사항이 DB에 저장되므로 이 플러그인을 비활성화하면 수정 사항도 함께 비활성화됩니다. (이 점은 Visual Composer와 같은 다른 플러그인도 마찬가지입니다.)