워드프레스 강좌 / 플러그인 / Enlighter / 코드 하이라이터(Code Highlighter) 플러그인

Enlighter

워드프레스 코드 하이라이트 플러그인으로 널리 사용되는 것은 Crayon Syntax Highlighter입니다. 그런데 개발이 중단된지 꽤 되었습니다. 그래서 찾은 다른 플러그인이 Enlighter입니다. 어떻게 사용하는지 간단히 알아보겠습니다.

설치와 설정

  • 설치는 워드프레스 관리자 페이지에서 할 수 있습니다. highlighter로 검색 후 설치합니다.

  • 설정은 Enlighter에서 합니다. 다양한 메뉴가 있는데, 기본 설정 그대로 사용해도 큰 불편은 없습니다.

사용법 - 블록 편집기

  • Enlighter를 설치하면 블록에 Enlighter Sourcecode가 생깁니다. 그걸 클릭하고...

  • 코드를 넣은 후...

  • 언어를 정합니다.

  • 이제 글을 보면 아래처럼 코드에 색이 생깁니다.

  • 특정 줄을 강조하거나 디자인을 변경할 수도 있습니다.

  • 코드 위에 마우스를 올리면 복사 등의 작업을 할 수 있습니다.

사용법 - 고전 편집기

  • 고전 편집기라면 에디터 아이콘 중에 {}를 클릭합니다.

  • 코드를 넣고 언어를 정한 후 [OK]를 클릭합니다.

  • 수정 아이콘을 클릭하여 줄을 강조하는 등 추가 설정을 할 수 있습니다.

  • 결과는 블록 에디터에서 만든 것과 같습니다.

참고

  • 코드는 pre 태그로 만듭니다.

Elegant Themes

100개가 넘는 테마를 사용할 수 있는 구독 형식의 워드프레스 테마
사이트 수 무제한 / 고객에게 제공 가능 / 구독이 끝나도 테마 영구 사용 / 30일 내 환불 가능

워드프레스 강좌